*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0e1117;--bg-secondary:#1a1d24;--bg-tertiary:#2f343d;--text-primary:#e5e7eb;--text-secondary:#9da3ae;--text-muted:#6b7280;--border-subtle:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.15);--accent:#5d88d7;--positive:#10b981;--negative:#ef4444;--neutral:#9da3ae;--warning:#f59e0b;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}#root,body,html{height:100%;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-nav{display:flex;align-items:center;gap:24px;padding:0 24px;height:48px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.nav-brand{font-size:16px;font-weight:600;color:var(--text-primary);margin-right:16px}.nav-links{display:flex;gap:4px}.nav-user{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-user-email{font-size:12px;color:var(--text-secondary)}.nav-logout-btn{height:30px;padding:4px 10px}.nav-link{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .15s ease}.nav-link:hover{background:rgba(93,136,215,.1);color:var(--text-primary)}.nav-link--active{background:rgba(93,136,215,.15);color:var(--accent)}.app-main{flex:1 1;padding:16px 24px;overflow-y:auto}.auth-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.auth-gate h2{font-size:22px;font-weight:600}.auth-gate p{color:var(--text-secondary);margin-bottom:8px}.auth-error{color:var(--negative);max-width:720px;text-align:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:var(--text-muted);font-size:13px}.spinner{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}select{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);padding:6px 10px;font-size:12px;font-family:var(--font-sans);outline:none;cursor:pointer}select:hover{border-color:var(--border-hover)}select:focus{border-color:var(--accent)}button{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);padding:6px 12px;font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease}button:hover{background:rgba(93,136,215,.15);border-color:var(--border-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}