:root{--bg-base: #0b0f18;--bg-surface: #111827;--bg-elevated: #1a2235;--bg-hover: #1e2a3d;--border: #253044;--border-strong: #344563;--navy: #1f3a6e;--navy-light: #2a4f96;--amber: #f59e0b;--amber-dim: #b45309;--amber-glow: rgba(245, 158, 11, .15);--text-primary: #e8edf5;--text-secondary: #8fa3c0;--text-muted: #4a5d7a;--green: #10b981;--green-dim: rgba(16, 185, 129, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15);--blue: #3b82f6;--blue-dim: rgba(59, 130, 246, .15);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-amber: 0 0 24px rgba(245, 158, 11, .2);--transition: .15s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-amber{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 6px #f59e0b00}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-spin{animation:spin 1s linear infinite}