:root{--color-bg: #0e0f12;--color-surface: #1a1c21;--color-surface-2: #23262d;--color-border: #2e323b;--color-text: #ececec;--color-text-muted: #8b909b;--color-accent: #4f8cff;--color-accent-hover: #6aa0ff;--color-danger: #ff5566;--color-warning: #f5a524;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.boot-splash{height:100%;background:var(--color-bg)}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-header__brand{font-size:var(--font-size-lg);font-weight:600}.app-header__actions{display:flex;align-items:center;gap:var(--space-3)}.app-header__user{color:var(--color-text-muted);font-size:var(--font-size-sm)}.app-main{flex:1;padding:var(--space-5)}.button{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background:var(--color-accent);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.button--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.button--ghost:hover:not(:disabled){background:var(--color-surface-2)}.login-shell{display:grid;place-items:center;min-height:100%;padding:var(--space-5)}.login-card{width:100%;max-width:360px;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4)}.login-card__title{margin:0 0 var(--space-2);font-size:24px;font-weight:600}.form-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-field input{font:inherit;font-size:var(--font-size-md);color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.form-field input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.error-banner{background:#ff55661f;border:1px solid var(--color-danger);color:var(--color-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.library-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.library-empty p{color:var(--color-text-muted)}