:root{--bg:#f5f6f8;--panel:#ffffff;--border:#dfe3e9;--ink:#16202c;--ink-2:#4c5866;--ink-3:#8892a0;--accent:#2f6fed;--danger:#d1373d;--warn:#92650b;--ok:#157347}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside.sidebar{border-right:1px solid var(--border);padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}aside.sidebar .brand{font-weight:700;color:var(--ink);padding:0 10px;margin-bottom:20px;font-size:15px}aside.sidebar .group{margin-bottom:4px}aside.sidebar .group-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:var(--ink-2);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:10px;cursor:pointer;border-radius:8px}aside.sidebar .group-header:hover{background:var(--panel);color:var(--ink)}aside.sidebar .group-header .chevron{transition:transform .15s ease;font-size:10px}aside.sidebar .group-header .chevron.open{transform:rotate(90deg)}aside.sidebar .group-links{display:flex;flex-direction:column;gap:1px;padding-left:4px;margin-bottom:8px}aside.sidebar a{color:var(--ink-2);padding:7px 12px;border-radius:7px;font-size:13.5px;display:block}aside.sidebar a:hover{background:var(--panel);color:var(--ink);text-decoration:none}aside.sidebar a.active{background:rgba(90,169,255,.12);color:var(--accent);font-weight:600}main{padding:28px 36px;min-width:0;max-width:1400px}h1{font-size:22px;margin:0 0 6px}p.subtitle{color:var(--ink-2);margin:0 0 24px}.stat-row{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 20px;min-width:150px}.stat .label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin-bottom:6px}.stat .value{font-size:22px;font-weight:600}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;font-size:13.5px}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);background:rgba(0,0,0,.02)}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.badge.cod{background:rgba(240,192,75,.15);color:var(--warn)}.badge.prepaid{background:rgba(90,169,255,.15);color:var(--accent)}.badge.danger{background:rgba(255,107,107,.15);color:var(--danger)}.badge.ok{background:rgba(63,206,143,.15);color:var(--ok)}.empty{color:var(--ink-3);padding:24px;text-align:center}