:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#2563eb;--brand-soft:#2563eb1a;--success:#059669;--warning:#d97706;--danger:#e11d48;--radius:8px;--shadow:0 16px 40px #0f172a14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#0b1220;flex-direction:column;gap:18px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:10px;display:flex}.brand-logo{border-radius:var(--radius);background:linear-gradient(135deg,#38bdf8,#2563eb);place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand-text{min-width:0}.brand-title{letter-spacing:.01em;font-size:14px;font-weight:900}.brand-subtitle{color:#ffffff8f;margin-top:2px;font-size:12px}.nav{gap:5px;display:grid}.nav-link{border-radius:var(--radius);color:#ffffffad;align-items:center;gap:10px;height:42px;padding:0 12px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff17}.nav-link svg{width:18px;height:18px}.sidebar-footer{gap:8px;margin-top:auto;display:grid}.sidebar-user{border-radius:var(--radius);background:#ffffff0f;padding:12px}.sidebar-user strong{font-size:13px;display:block}.sidebar-user span{color:#ffffff8c;word-break:break-all;margin-top:2px;font-size:12px;display:block}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffc7;justify-content:space-between;align-items:center;height:62px;padding:0 24px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:16px}.topbar-actions{align-items:center;gap:10px;display:flex}.page{gap:18px;padding:24px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-title{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:950}.page-subtitle{color:var(--muted);max-width:760px;margin:6px 0 0;font-size:13px;line-height:1.6}.grid{gap:14px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px #0f172a08}.card.pad{padding:16px}.stat{justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;display:flex}.stat-label{color:var(--muted);font-size:12px;font-weight:800}.stat-value{letter-spacing:-.04em;margin-top:8px;font-size:26px;font-weight:950}.stat-icon{border-radius:var(--radius);background:var(--brand-soft);width:42px;height:42px;color:var(--brand);place-items:center;display:grid}.btn{border-radius:var(--radius);border:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:13px;font-weight:900;transition:all .15s;display:inline-flex}.btn svg{width:17px;height:17px}.btn.primary{background:var(--brand);color:#fff;box-shadow:0 8px 18px #2563eb38}.btn.primary:hover{transform:translateY(-1px)}.btn.soft{background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}.btn.danger{color:var(--danger);background:#e11d481a}.btn.success{color:var(--success);background:#0596691a}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.field{gap:7px;display:grid}.field-label{color:#475569;font-size:12px;font-weight:900}.field-help{color:var(--muted);font-size:12px;line-height:1.5}.input-shell{border-radius:var(--radius);border:1px solid var(--line);background:#fff;align-items:center;gap:8px;min-height:44px;padding:0 12px;transition:all .15s;display:flex}.input-shell:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #2563eb1f}.input-shell svg{color:#94a3b8;width:17px;height:17px}.input-shell input,.input-shell select,.input-shell textarea{width:100%;color:var(--text);background:0 0;border:0;outline:0;min-height:42px}.input-shell textarea{resize:vertical;min-height:96px;padding:12px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th{text-align:start;text-transform:uppercase;color:var(--muted);letter-spacing:.04em;background:var(--surface-soft);white-space:nowrap;padding:12px 14px;font-size:11px}td{border-top:1px solid var(--line);vertical-align:middle;padding:13px 14px;font-size:13px}tr:hover td{background:#fbfdff}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:0 10px;font-size:11px;font-weight:950;display:inline-flex}.badge.active,.badge.paid,.badge.approved{color:var(--success);background:#0596691a}.badge.pending,.badge.pending_payment,.badge.created{color:var(--warning);background:#d977061f}.badge.expired,.badge.blocked,.badge.cancelled,.badge.rejected,.badge.failed{color:var(--danger);background:#e11d481a}.badge.neutral{color:#475569;background:#eef2f7}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drawer-backdrop,.modal-backdrop{z-index:90;background:#0f172a61;position:fixed;inset:0}.drawer{background:var(--surface);z-index:100;width:min(560px,100vw);height:100vh;box-shadow:var(--shadow);flex-direction:column;display:flex;position:fixed;top:0;right:0}.drawer.wide{width:min(820px,100vw)}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:0 18px;display:flex}.drawer-title{margin:0;font-size:17px;font-weight:950}.drawer-subtitle{color:var(--muted);margin:3px 0 0;font-size:12px}.drawer-body{gap:14px;padding:18px;display:grid;overflow:auto}.drawer-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.close{border-radius:var(--radius);background:var(--surface-soft);width:36px;height:36px;color:var(--muted);border:0;place-items:center;display:grid}.empty{text-align:center;place-items:center;min-height:420px;padding:40px 18px;display:grid}.empty-box{justify-items:center;gap:14px;max-width:520px;display:grid}.empty-icon{border-radius:var(--radius);background:var(--brand-soft);width:62px;height:62px;color:var(--brand);place-items:center;display:grid}.empty-icon svg{width:28px;height:28px}.empty h2{margin:0;font-size:24px}.empty p{color:var(--muted);margin:0;line-height:1.7}.notice{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);padding:12px 14px;font-size:13px;line-height:1.6}.notice.warning{color:#92400e;background:#d9770614;border-color:#d9770638}.notice.success{color:#065f46;background:#05966914;border-color:#0596692e}.code{direction:ltr;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.login{background:radial-gradient(circle at top, #2563eb1f, transparent 36%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{gap:18px;width:min(430px,100%);padding:24px;display:grid}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 var(--radius) var(--radius);height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.page{padding:16px}.page-header{flex-direction:column}}