:root{--bg:#f6f7fb;--panel:#fff;--ink:#1a1d29;--muted:#6b7280;--line:#e8eaf0;--accent:#5b53ff;--accent-soft:#eeedff;--green:#0f9d58;--green-soft:#e7f6ee;--amber:#b7791f;--amber-soft:#fdf3e0;--red:#d93838;--red-soft:#fdeaea}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}.wrap{max-width:1100px;margin:0 auto;padding:32px 24px}h1{font-size:22px;margin-bottom:4px}.sub{color:var(--muted);font-size:14px}.kpis,.sub{margin-bottom:24px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.klabel{font-size:12.5px;color:var(--muted);margin-bottom:9px}.kval{font-size:32px;font-weight:720;letter-spacing:-.02em}.tag-amber{color:var(--amber)}.tag-red{color:var(--red)}.up{color:var(--green)}table{width:100%;border-collapse:collapse;font-size:13px;background:var(--panel)}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 12px}td,th{border-bottom:1px solid var(--line)}td{padding:11px 12px}.badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}.b-active{background:var(--green-soft);color:var(--green)}.b-expiring{background:var(--amber-soft);color:var(--amber)}.b-card,.b-past_due{background:var(--red-soft);color:var(--red)}.b-trialing{background:#e8f0fe;color:#1a56db}.b-abandoned{background:#f1eafd;color:#7c3aed}.b-expired{background:#eef0f4;color:#6b7280}.banner{background:var(--accent-soft);color:#413ba8;font-size:12.5px;padding:9px 14px;border-radius:10px;margin-bottom:18px}.chart{display:flex;align-items:flex-end;gap:3px;height:120px;margin-top:12px}.bar{flex:1 1;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px}.section-title{font-size:14px;font-weight:680;margin:26px 0 12px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}tbody tr:hover{background:var(--bg)}body:has(.sidebar){padding-left:240px}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 12px;z-index:50;overflow-y:auto}.sb-link:hover{background:var(--bg)}.sb-burger{position:fixed;top:12px;left:12px;z-index:60;width:40px;height:40px;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--ink);cursor:pointer}.sb-backdrop,.sb-burger{display:none}@media (max-width:860px){body:has(.sidebar){padding-left:0}body:has(.sidebar) .wrap{padding-top:60px}.sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:2px 0 16px rgba(0,0,0,.12)}.sidebar.open{transform:translateX(0)}.sb-burger{display:flex}.sb-backdrop.show{display:block;position:fixed;inset:0;background:rgba(20,20,40,.35);z-index:40}}@media (max-width:760px){.kpis{grid-template-columns:repeat(2,1fr)}}