:root{--font-sans: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--surface: #ffffff;--surface-alt: #f8fafc;--bg: #f1f5f9;--primary: #4f46e5;--primary-700: #4338ca;--ring: rgba(79, 70, 229, .14);--badge-primary-bg: #eef2ff;--badge-primary-text: #4338ca;--badge-green-bg: #dcfce7;--badge-green-text: #15803d;--badge-yellow-bg: #fef9c3;--badge-yellow-text: #854d0e;--badge-red-bg: #fee2e2;--badge-red-text: #b91c1c;--badge-amber-bg: #fffbeb;--badge-amber-text: #92400e;--badge-emerald-bg: #ecfdf5;--badge-emerald-text: #065f46;--badge-muted-bg: #f1f5f9;--badge-muted-text: #64748b;--nav-active-bg: #eef2ff;--admin-color: #d97706;--admin-hover-bg: #fffbeb;--admin-hover-color: #b45309;--alert-red-bg: #fef2f2;--alert-red-text: #991b1b;--alert-red-border: #fecaca;--sk-from: #f1f5f9;--sk-via: #e2e8f0;--row-border: #f1f5f9;--empty-icon: #cbd5e1;--card-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--card-hover-shadow: 0 8px 24px rgba(79, 70, 229, .1);color-scheme:light}[data-theme=dark]{--text: #eef2f7;--muted: #8b9cb5;--border: #263345;--surface: #152236;--surface-alt: #0c1829;--bg: #0a1628;--primary: #6366f1;--primary-700: #4f46e5;--ring: rgba(99, 102, 241, .2);--badge-primary-bg: rgba(99, 102, 241, .15);--badge-primary-text: #a5b4fc;--badge-green-bg: rgba(34, 197, 94, .12);--badge-green-text: #86efac;--badge-yellow-bg: rgba(234, 179, 8, .12);--badge-yellow-text: #fde68a;--badge-red-bg: rgba(239, 68, 68, .12);--badge-red-text: #fca5a5;--badge-amber-bg: rgba(245, 158, 11, .12);--badge-amber-text: #fbbf24;--badge-emerald-bg: rgba(52, 211, 153, .12);--badge-emerald-text: #6ee7b7;--badge-muted-bg: rgba(148, 163, 184, .08);--badge-muted-text: #8b9cb5;--nav-active-bg: rgba(99, 102, 241, .14);--admin-color: #fbbf24;--admin-hover-bg: rgba(251, 191, 36, .08);--admin-hover-color: #f59e0b;--alert-red-bg: rgba(239, 68, 68, .08);--alert-red-text: #fca5a5;--alert-red-border: rgba(239, 68, 68, .22);--sk-from: #152236;--sk-via: #1e3350;--row-border: #152236;--empty-icon: #334155;--card-shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--card-hover-shadow: 0 8px 32px rgba(99, 102, 241, .2);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg, #f1f5f9);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.top-nav{background:var(--surface);height:64px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo{font-size:1.1rem;font-weight:700;color:var(--primary);letter-spacing:-.3px}.nav-links{margin-left:40px;display:flex;gap:2px;align-items:center}.nav-links a{text-decoration:none;color:var(--muted);font-weight:500;font-size:.9rem;padding:6px 12px;border-radius:6px;transition:all .15s}.nav-links a:hover{color:var(--text);background:var(--bg)}.nav-links a.active{color:var(--primary);background:var(--nav-active-bg)}.admin-link{color:var(--admin-color)!important}.admin-link:hover{background:var(--admin-hover-bg)!important;color:var(--admin-hover-color)!important}.user-menu{margin-left:auto;display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-email{color:var(--muted);font-size:.85rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s;white-space:nowrap}.logout-btn:hover{background:var(--alert-red-bg);color:var(--alert-red-text);border-color:var(--alert-red-border)}@media(max-width:768px){.top-nav{padding:0 16px}.nav-links,.user-email{display:none}}