:root{--bg:#0b0f17;--panel:#0f1724;--panel2:#101b2b;--line:hsla(0,0%,100%,.08);--text:hsla(0,0%,100%,.92);--muted:hsla(0,0%,100%,.62);--red:#ff3b30;--green:#34c759;--blue:#0a84ff;--yellow:#ffd60a;--gray:#8e8e93;--pink:#ff2d55}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:22px}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:16px;padding:16px}.row{display:flex;gap:14px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:14px;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:hsla(0,0%,100%,.08);border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer}.btn:hover{background:hsla(0,0%,100%,.12)}.btn.primary{background:rgba(10,132,255,.18);border-color:rgba(10,132,255,.35)}.btn.danger{background:rgba(255,59,48,.18);border-color:rgba(255,59,48,.35)}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:hsla(0,0%,100%,.06);color:var(--muted);font-size:12px}.kpi{font-size:30px;font-weight:800;letter-spacing:-.02em}.sub{color:var(--muted);font-size:13px}.hr{height:1px;background:var(--line);margin:14px 0}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;border-bottom:1px solid var(--line);font-size:13px}.table th{font-weight:600;text-align:left}.badge,.table th{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px}.badge.long{color:rgba(52,199,89,.95);border-color:rgba(52,199,89,.25);background:rgba(52,199,89,.12)}.badge.short{color:rgba(255,59,48,.95);border-color:rgba(255,59,48,.25);background:rgba(255,59,48,.12)}.badge.lock{color:rgba(255,214,10,.95);border-color:rgba(255,214,10,.25);background:rgba(255,214,10,.1)}nav.top{position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(11,15,23,.65);border-bottom:1px solid var(--line);z-index:50}nav .bar{max-width:1180px;margin:0 auto;padding:14px 22px;justify-content:space-between}nav .bar,nav .brand{display:flex;align-items:center}nav .brand{gap:10px;font-weight:900;letter-spacing:.02em}nav .brand .dot{width:10px;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--blue))}nav .links{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}nav .links a{padding:8px 10px;border-radius:12px}nav .links a:hover{background:hsla(0,0%,100%,.06)}