:root[data-theme=dark]{--bg: #0f0e2e;--bg-2: #1a1955;--card: #201e6a;--border: #322e87;--text: #e6edf7;--muted: #8b97c5;--primary: #2dd4bf;--primary-2: #14b8a6;--accent: #fbbf24;--success: #22c55e;--warn: #f59e0b;--danger: #ef4444}:root[data-theme=light]{--bg: #f5f7fb;--bg-2: #ffffff;--card: #ffffff;--border: #d8ddeb;--text: #1a1955;--muted: #64748b;--primary: #14b8a6;--primary-2: #0d9488;--accent: #d97706;--success: #16a34a;--warn: #d97706;--danger: #dc2626}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s}h1,h2,h3{color:var(--text)}a{color:var(--primary);text-decoration:none}button{background:var(--primary);color:#0f0e2e;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:var(--primary-2)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.ghost:hover:not(:disabled){background:var(--bg-2)}button.accent{background:var(--accent);color:#0f0e2e}button.danger{background:var(--danger);color:#fff}input,select,textarea{background:var(--bg-2);color:var(--text);border:1px solid var(--border);padding:10px 12px;border-radius:8px;width:100%;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.grid{display:grid;gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav{display:flex;align-items:center;gap:18px;padding:14px 24px;background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav a{color:var(--muted);font-weight:500;font-size:14px}.nav a.active,.nav a:hover{color:var(--text)}.nav .brand{display:flex;align-items:center;gap:10px;font-weight:700}.nav .brand img{width:32px;height:32px}.nav .brand .name{font-size:18px;letter-spacing:.5px}.nav .brand .name .accent-color{color:var(--primary)}.page{padding:24px;max-width:1400px;margin:0 auto}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;background:var(--bg-2);border:1px solid var(--border);color:var(--muted)}.badge.success{background:#22c55e26;color:var(--success);border-color:var(--success)}.badge.warn{background:#f59e0b26;color:var(--warn);border-color:var(--warn)}.badge.danger{background:#ef444426;color:var(--danger);border-color:var(--danger)}.badge.primary{background:#2dd4bf26;color:var(--primary);border-color:var(--primary)}.badge.accent{background:#fbbf2426;color:var(--accent);border-color:var(--accent)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:600}.stat{font-size:28px;font-weight:700}.muted{color:var(--muted)}.theme-toggle{background:var(--bg-2);border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center}.timeline-bar{height:28px;background:var(--primary);border-radius:6px;display:flex;align-items:center;padding:0 10px;color:#0f0e2e;font-size:12px;white-space:nowrap;overflow:hidden;font-weight:600}.brand-glow{background:radial-gradient(circle at 50% 20%,rgba(45,212,191,.15) 0%,transparent 60%)}