:root{--yellow:#ffd400;--ink:#f4f4f6;--paper:hsla(0,0%,100%,.06);--soft:#0a0a0c;--line:hsla(0,0%,100%,.12);--line-strong:hsla(0,0%,100%,.24);--muted:rgba(244,244,246,.58);--glass:linear-gradient(160deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.035));--blur:blur(22px) saturate(150%);--ok:#34d399;--warn:#fbbf24;--danger:#f87171}*{box-sizing:border-box}html{background:#0a0a0c}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:radial-gradient(900px 620px at 10% -8%,rgba(255,212,0,.18),transparent 55%),radial-gradient(760px 680px at 100% 4%,rgba(255,212,0,.08),transparent 52%),radial-gradient(780px 720px at 50% 118%,rgba(120,90,255,.12),transparent 55%),#0a0a0c;background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:inherit}h2{text-transform:uppercase;letter-spacing:-.01em}.wrap{max-width:1100px;margin:0 auto;padding:24px}.authcard,.card,.drawer,.kpi,.plan{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.card{border:1px solid var(--line);border-radius:16px;padding:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.08)}.card,.kpis{margin-bottom:20px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.kpi{border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 8px 30px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.08)}.kpi .l{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:700;letter-spacing:.04em}.kpi .v{font-size:26px;font-weight:800;margin-top:6px;letter-spacing:-.01em}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;gap:24px;align-items:center;padding:14px 24px;background:linear-gradient(160deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.03));backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid rgba(255,212,0,.5);box-shadow:0 6px 30px rgba(0,0,0,.35)}.logo,.nav{color:var(--ink)}.logo{font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:20px}.logo span{color:var(--yellow)}.tabs{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.tabs a,.tabs button{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.04em;text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;padding:0}.tabs a:hover,.tabs button.active,.tabs button:hover{color:var(--ink)}.navsignout,.navtoggle{margin-left:auto}.navtoggle{display:none;background:transparent;border:1px solid var(--line-strong);color:var(--ink);border-radius:10px;padding:4px 11px;font-size:18px;line-height:1;cursor:pointer}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.search{width:100%;max-width:420px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;font:inherit;color:var(--ink);background:hsla(0,0%,100%,.06)}.search::placeholder{color:var(--muted)}.field{display:block;margin-bottom:12px}.field span{display:block;font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:4px;letter-spacing:.03em}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:12px;font:inherit;color:var(--ink);background:hsla(0,0%,100%,.06)}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{outline:none;border-color:rgba(255,212,0,.65);box-shadow:0 0 0 3px rgba(255,212,0,.18)}select option{background:#16161a;color:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 14px;gap:0 14px}.btn{display:inline-block;background:var(--yellow);color:#000;border:1px solid transparent;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:11px 17px;border-radius:12px;cursor:pointer;text-decoration:none;font-size:13px;box-shadow:0 6px 22px rgba(255,212,0,.35);transition:.15s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn--ghost{background:hsla(0,0%,100%,.06);color:var(--ink);border:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{background:hsla(0,0%,100%,.13);border-color:var(--line-strong);filter:none;color:var(--ink)}.bars{display:flex;flex-direction:column;gap:13px}.barrow{display:grid;grid-template-columns:150px 1fr 64px;align-items:center;grid-gap:10px;gap:10px;font-size:13px}.bar{background:hsla(0,0%,100%,.1);border-radius:8px;height:20px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,rgba(255,212,0,.7),var(--yellow))}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin:8px 0}.plan{border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(0,0,0,.3)}.plan.cur{background:var(--yellow);color:#000;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 30px rgba(255,212,0,.35)}.plan .pn{font-weight:800;text-transform:uppercase;font-size:13px}.plan .pp{font-size:22px;font-weight:800;margin:6px 0}.plan .pp small{font-size:12px;color:var(--muted);font-weight:700}.plan.cur .pp small{color:#333}.plan ul{list-style:none;margin:8px 0 14px;padding:0;font-size:12px}.plan li{padding:4px 0;border-bottom:1px dashed var(--line)}.plan li:before{content:"\2713";font-weight:800;margin-right:7px;color:var(--yellow)}.plan.cur li:before{color:#000}.plan .btn{margin-top:auto;text-align:center}@media(max-width:700px){.plans{grid-template-columns:1fr}}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.authlogo{color:var(--ink);text-align:center;font-size:26px;font-weight:800;text-transform:uppercase;margin-bottom:16px}.authlogo span{color:var(--yellow)}.authcard{width:100%;max-width:380px;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08)}.authcard h3{text-transform:uppercase;margin:0 0 14px}.err{color:#fca5a5;margin:8px 0}.err,.muted{font-size:13px}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);letter-spacing:.04em}.badge,th{font-size:11px;text-transform:uppercase}.badge{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid var(--line);font-weight:800}.b-overdue{background:rgba(11,11,12,.55);color:var(--yellow);border-color:rgba(255,212,0,.55)}.b-due_soon{background:var(--yellow);color:#000;border-color:transparent}.b-ok{background:rgba(52,211,153,.16);color:var(--ok);border-color:rgba(52,211,153,.35)}@media(max-width:640px){.wrap{padding:16px}.nav{flex-wrap:wrap;gap:12px;padding:12px 16px}.navtoggle{display:block}.navsignout,.tabs{display:none;flex-basis:100%}.nav.open .tabs{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.nav.open .navsignout{display:block;margin-left:0}.grid2,.kpis{grid-template-columns:1fr}.card{padding:14px}.barrow{grid-template-columns:96px 1fr 44px;font-size:12px}.search{max-width:none}table thead{display:none}table,table tbody,table td,table tr{display:block;width:100%}table tr{border:1px solid var(--line);border-radius:14px;padding:6px 12px;margin-bottom:12px;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}table td{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border:none;padding:9px 0;text-align:right}table td+td{border-top:1px dashed var(--line)}table td:before{content:attr(data-label);font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:700;text-align:left;flex:0 0 auto}table td:empty{display:none}}a.kpi{text-decoration:none;color:inherit;display:block}.kpi.click{cursor:pointer;transition:.15s}.kpi.click:hover{border-color:rgba(255,212,0,.5);transform:translateY(-2px)}a.barrow{text-decoration:none;color:inherit;cursor:pointer}a.barrow:hover .bar{outline:2px solid var(--yellow);outline-offset:1px}.barrow.clk{cursor:pointer}.barrow.clk:hover .bar{outline:2px solid var(--yellow);outline-offset:1px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:rgba(255,212,0,.08)}.drawer-bg{position:fixed;inset:0;background:rgba(6,6,10,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,94vw);background:linear-gradient(160deg,rgba(26,26,32,.97),rgba(16,16,20,.96));border-left:1px solid rgba(255,212,0,.4);box-shadow:-14px 0 50px rgba(0,0,0,.55);z-index:51;overflow:auto;padding:22px}.drawer .x{float:right;background:none;border:0;font-size:24px;cursor:pointer;color:var(--muted);line-height:1}.rowi{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.rowi .l{color:var(--muted)}@media(max-width:640px){.drawer{width:100vw;border-left:0}}html.light{--ink:#17171b;--paper:rgba(0,0,0,.045);--soft:#eef0f4;--line:rgba(15,15,30,.14);--line-strong:rgba(15,15,30,.26);--muted:rgba(23,23,30,.62);--glass:linear-gradient(160deg,hsla(0,0%,100%,.92),hsla(0,0%,100%,.66));background:#eef0f4}html.light body{background:radial-gradient(900px 620px at 10% -8%,rgba(255,212,0,.22),transparent 55%),radial-gradient(760px 680px at 100% 4%,rgba(255,212,0,.1),transparent 52%),radial-gradient(780px 720px at 50% 118%,rgba(120,90,255,.1),transparent 55%),#eef0f4;background-attachment:fixed}html.light .card{box-shadow:0 10px 30px rgba(20,20,45,.1),inset 0 1px 0 hsla(0,0%,100%,.7)}html.light .kpi{box-shadow:0 8px 24px rgba(20,20,45,.08),inset 0 1px 0 hsla(0,0%,100%,.7)}html.light .plan{box-shadow:0 8px 24px rgba(20,20,45,.08)}html.light .authcard{box-shadow:0 20px 50px rgba(20,20,45,.14),inset 0 1px 0 hsla(0,0%,100%,.7)}html.light .nav{background:linear-gradient(160deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.64));box-shadow:0 6px 24px rgba(20,20,45,.08)}html.light .authlogo span,html.light .logo span{color:#9a7500}html.light .plan li:before{color:#8a6d00}html.light .plan.cur li:before{color:#000}html.light .field input,html.light .field select,html.light .field textarea,html.light .search{background:hsla(0,0%,100%,.8)}html.light select option{background:#fff;color:#17171b}html.light .btn--ghost{background:rgba(0,0,0,.05);color:var(--ink);border:1px solid var(--line)}html.light .btn--ghost:hover{background:rgba(0,0,0,.09);border-color:var(--line-strong);color:var(--ink)}html.light .bar{background:rgba(0,0,0,.09)}html.light .b-overdue{background:rgba(255,212,0,.18);color:#7a5c00;border-color:rgba(212,167,0,.55)}html.light .err{color:#dc2626}html.light .drawer{background:linear-gradient(160deg,hsla(0,0%,100%,.98),rgba(244,244,248,.97));border-left:1px solid rgba(255,212,0,.55);box-shadow:-14px 0 44px rgba(20,20,45,.18)}html.light tr.clickable:hover td{background:rgba(255,212,0,.14)}