*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0a0d14;--bg-surface: #111520;--bg-elevated: #171d2d;--bg-overlay: #1e2640;--bg-hover: #222c44;--border: rgba(99,120,180,.1);--border-mid: rgba(99,120,180,.18);--border-strong: rgba(99,120,180,.32);--text-primary: #eef2f8;--text-secondary: #8496b8;--text-muted: #3d4f6e;--text-accent: #6ea8fe;--normal: #3ecf8e;--normal-bg: rgba(62,207,142,.09);--normal-border: rgba(62,207,142,.22);--warning: #f5a623;--warning-bg: rgba(245,166,35,.09);--warning-border: rgba(245,166,35,.22);--critical: #ff6b6b;--critical-bg: rgba(255,107,107,.09);--critical-border:rgba(255,107,107,.22);--accent: #4f8ef7;--accent-dim: rgba(79,142,247,.14);--accent-hover: #3a7af0;--accent-glow: rgba(79,142,247,.2);--shadow-xs: 0 1px 2px rgba(0,0,0,.5);--shadow-sm: 0 2px 8px rgba(0,0,0,.45);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--shadow-xl: 0 16px 64px rgba(0,0,0,.7);--font-display: "Poppins", sans-serif;--font-body: "Poppins", sans-serif;--font-mono: "DM Mono", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}[data-theme=light]{--bg-base: #f0f4fb;--bg-surface: #ffffff;--bg-elevated: #f5f8fe;--bg-overlay: #eaeffa;--bg-hover: #e4eaf6;--border: rgba(30,50,120,.07);--border-mid: rgba(30,50,120,.12);--border-strong: rgba(30,50,120,.22);--text-primary: #0f1829;--text-secondary: #3d5280;--text-muted: #8496b8;--text-accent: #2563eb;--normal: #0c9b6a;--normal-bg: rgba(12,155,106,.07);--normal-border: rgba(12,155,106,.2);--warning: #c07e10;--warning-bg: rgba(192,126,16,.07);--warning-border: rgba(192,126,16,.2);--critical: #d93636;--critical-bg: rgba(217,54,54,.07);--critical-border:rgba(217,54,54,.2);--accent: #2563eb;--accent-dim: rgba(37,99,235,.08);--accent-hover: #1d4ed8;--accent-glow: rgba(37,99,235,.12);--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.1);--shadow-xl: 0 16px 64px rgba(0,0,0,.12)}html{font-size:14px;transition:none}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s var(--ease-out),color .25s var(--ease-out)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body);color-scheme:dark}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color-scheme:light}a{color:inherit;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-up{animation:fadeUp .4s var(--ease) both}.animate-fade-in{animation:fadeIn .3s ease both}.animate-slide-left{animation:slideInLeft .35s var(--ease) both}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.spinner{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.theme-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-mid);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.theme-btn:hover{background:var(--accent-dim);border-color:var(--accent-glow);color:var(--accent)}.page-content{padding:28px 32px;max-width:1400px}