:root{--color-brand-50:#ecfeff;--color-brand-100:#cffafe;--color-brand-200:#a5f3fc;--color-brand-300:#67e8f9;--color-brand-400:#22d3ee;--color-brand-500:#06b6d4;--color-brand-600:#0891b2;--color-brand-700:#0e7490;--color-brand-800:#155e75;--color-brand-900:#164e63;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#06b6d4;--color-primary:var(--color-brand-500);--color-primary-hover:var(--color-brand-400);--color-text:var(--color-neutral-200);--color-text-secondary:var(--color-neutral-400);--color-text-tertiary:var(--color-neutral-500);--color-border:var(--color-neutral-800);--color-bg:#0b1121;--color-bg-card:#131c31;--color-bg-hover:#06b6d414;--radius-sm:.125rem;--radius-md:.25rem;--radius-lg:.375rem;--radius-xl:.5rem;--shadow-sm:0 1px 2px #00ffff14;--shadow-md:0 4px 12px #00ffff0f;--shadow-lg:0 8px 24px #00ffff1a;--shadow-xl:0 12px 40px #00ffff1f;--color-neon:#10f9a1}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,Microsoft YaHei,PingFang SC,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-brand{color:var(--color-brand-500)}.text-neon{color:var(--color-neon)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.cyber-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.cyber-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-brand-500), var(--color-neon), transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-700);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-600)}