*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: #eef2ff;--accent-ring: rgba(99, 102, 241, .22);--success: #16a34a;--success-bg: #f0fdf4;--success-border:#bbf7d0;--warning: #d97706;--warning-bg: #fffbeb;--warning-border:#fde68a;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--info: #0284c7;--info-bg: #f0f9ff;--info-border: #bae6fd;--bg: #f7f8fc;--surface: #ffffff;--surface-raised:#f9fafb;--border: #e5e7eb;--border-strong: #d1d5db;--text-primary: #111827;--text-secondary:#6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.04);--shadow-lg: 0 4px 6px rgba(0,0,0,.07), 0 10px 30px rgba(0,0,0,.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill:9999px;--font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font);line-height:1.6;color:var(--text-primary);background-color:var(--bg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .18s ease both}.desktop-only{display:flex}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:background .15s,color .15s}.mobile-menu-toggle:hover{background:var(--surface-raised);color:var(--text-primary)}.nav-content{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}@media(max-width:768px){.desktop-only{display:none!important}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.nav-content{display:none;width:100%;flex-direction:column;align-items:stretch;position:absolute;top:56px;left:0;background:var(--surface);padding:1rem 1.5rem;border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);gap:.75rem;z-index:99}.nav-content.open{display:flex}.nav-content button{width:100%;justify-content:flex-start}.nav-user-area{margin-left:0!important;width:100%;flex-direction:column;align-items:stretch!important}.nav-user-area button{max-width:100%!important}}