#app-root{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1}.update-toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1000;background:var(--color-success);color:#fff;padding:.6rem 1.2rem;border-radius:var(--radius);box-shadow:var(--shadow);font-weight:500;font-size:.875rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #a855f7;--color-primary-dark: #9333ea;--color-danger: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--color-text: #111827;--color-text-muted: #6b7280;--color-bg: #f9fafb;--color-surface: #ffffff;--color-border: #e5e7eb;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.1)}body{font-family:system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);border:none;font-weight:500;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-danger{background:var(--color-danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-bg)}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.form-group label{font-weight:500;font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.form-control{border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem .75rem;outline:none;transition:border-color .15s;width:100%}.form-control:focus{border-color:var(--color-primary)}.page{padding:1rem;max-width:800px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:1.25rem;font-weight:700}.error-msg{color:var(--color-danger);font-size:.875rem;padding:.5rem 0}.loading{color:var(--color-text-muted);text-align:center;padding:2rem}::-webkit-scrollbar{display:none}*{scrollbar-width:none}