:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background:#081120;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.dashboard-layout{--dash-text:#172338;--dash-muted:#718198;--dash-border:#e5ebf3;width:100%;min-height:100vh;color:var(--dash-text);background:#f3f6fb;display:flex}.dashboard-sidebar{color:#e8eef8;background:#0e192b;flex-direction:column;flex-shrink:0;width:250px;min-height:100vh;padding:28px 16px;display:flex}.sidebar-brand{align-items:center;gap:12px;padding:0 12px 38px;display:flex}.sidebar-logo{background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sidebar-brand strong{letter-spacing:.3px;font-size:19px;display:block}.sidebar-brand span{letter-spacing:2px;color:#94a3b8;margin-top:3px;font-size:10px;display:block}.sidebar-section-label{color:#64748b;letter-spacing:1.4px;padding:0 16px 14px;font-size:11px;font-weight:700}.sidebar-navigation{flex-direction:column;gap:6px;display:flex}.sidebar-navigation a{color:#9daec5;border-radius:10px;align-items:center;gap:13px;padding:13px 16px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar-navigation a:hover{color:#fff;background:#192a42}.sidebar-navigation a.active{color:#fff;background:#1d3b67;font-weight:600}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-secure{color:#8ba0ba;align-items:center;gap:9px;padding:14px;font-size:12px;display:flex}.sidebar-bottom button{color:#dbe5f3;text-align:left;background:0 0;border:1px solid #27374d;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px 15px;font-size:13px;display:flex}.sidebar-bottom button:hover{background:#1c2b41}.dashboard-main{flex:1;min-width:0;max-width:none;padding:36px clamp(20px,3vw,56px)}.dashboard-topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;display:flex}.dashboard-eyebrow{color:#2563eb;letter-spacing:1.5px;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.dashboard-topbar h1{color:#142137;margin:0;font-size:clamp(26px,2.2vw,34px);font-weight:750}.dashboard-topbar p{color:var(--dash-muted);margin:8px 0 0;font-size:14px}.dashboard-top-actions{align-items:center;gap:18px;display:flex}.privacy-button{border:1px solid var(--dash-border);color:#334155;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:13px;font-weight:600;display:flex}.privacy-button:hover{border-color:#93b4ed}.dashboard-user{color:#334155;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.user-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.dashboard-section{margin-bottom:40px;scroll-margin-top:20px}.dashboard-section-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-section-heading h2{color:#172338;margin:0;font-size:19px;font-weight:750}.dashboard-section-heading p{color:var(--dash-muted);margin:6px 0 0;font-size:13px}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.dashboard-kpi{border:1px solid var(--dash-border);background:#fff;border-radius:15px;min-width:0;padding:22px;box-shadow:0 4px 18px #192a4609}.kpi-heading{color:#64748b;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:650;display:flex}.kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.kpi-icon.blue{color:#2563eb;background:#e8f0ff}.kpi-icon.orange{color:#ea8a23;background:#fff0df}.kpi-icon.purple{color:#8052d9;background:#f0eaff}.kpi-icon.green{color:#159b65;background:#e2f7ed}.dashboard-kpi>strong{color:#142137;letter-spacing:-.6px;overflow-wrap:anywhere;font-size:clamp(20px,1.6vw,28px);display:block}.dashboard-kpi>p{color:#94a3b8;margin:8px 0 0;font-size:12px}.kpi-details{border-top:1px solid #edf1f6;flex-direction:column;gap:12px;margin-top:22px;padding-top:18px;display:flex}.kpi-details>span{color:#718198;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.kpi-details b{color:#25354c;text-align:right;font-weight:700}.traffic-kpis .dashboard-kpi{padding:24px}.dashboard-table-wrapper{border:1px solid var(--dash-border);background:#fff;border-radius:15px;overflow-x:auto}.dashboard-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.dashboard-table th{color:#718198;text-transform:uppercase;text-align:right;letter-spacing:.4px;border-bottom:1px solid var(--dash-border);background:#f8fafd;padding:17px 20px;font-size:11px}.dashboard-table td{color:#334155;text-align:right;border-bottom:1px solid #edf1f6;padding:18px 20px}.dashboard-table tr:last-child td{border-bottom:none}.dashboard-table th:first-child,.dashboard-table td:first-child{text-align:left}.dashboard-table tbody tr:hover{background:#f8fbff}.dashboard-disclaimer{color:#8491a5;margin-top:14px;font-size:12px}@media (width<=1350px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%;min-height:auto;padding:16px}.sidebar-brand{padding-bottom:16px}.sidebar-section-label,.sidebar-secure{display:none}.sidebar-navigation{flex-direction:row;overflow-x:auto}.sidebar-navigation a{white-space:nowrap}.sidebar-bottom{margin-top:12px;padding-top:0}.sidebar-bottom button{width:auto}.dashboard-main{padding:24px 16px}.dashboard-topbar{flex-direction:column;align-items:flex-start}.dashboard-top-actions{justify-content:space-between;width:100%}}@media (width<=540px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-user>span:last-child{display:none}.dashboard-kpi>strong{font-size:26px}}.sidebar-navigation button{color:#9daec5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;padding:13px 16px;font-size:14px;transition:background .2s,color .2s;display:flex}.sidebar-navigation button:hover{color:#fff;background:#192a42}.sidebar-navigation button.active{color:#fff;background:#1d3b67;font-weight:600}.sidebar-navigation button:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}@media (width<=850px){.sidebar-navigation button{white-space:nowrap;flex-shrink:0;width:auto}}.topups-filter{color:#334155;background:#fff;border:1px solid #dbe2ea;border-radius:9px;min-width:190px;padding:10px 14px;font-size:13px}.topups-status{white-space:nowrap;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.topups-status.confirmed{color:#166534;background:#dcfce7}.topups-status.pending{color:#92400e;background:#fef3c7}.topups-error{color:#b91c1c;font-size:13px}@media (width<=768px){.topups-filter{width:100%}}.topups-heading-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.topups-new-button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:9px;padding:11px 16px;font-size:13px;font-weight:600}.topups-new-button:hover{background:#1e293b}.new-topup-panel{background:#fff;border:1px solid #dbe2ea;border-radius:14px;margin-bottom:24px;padding:24px}.new-topup-heading,.new-topup-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.new-topup-heading{margin-bottom:22px}.new-topup-heading h3{margin:0 0 5px;font-size:19px}.new-topup-heading p{color:#64748b;margin:0;font-size:13px}.new-topup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.new-topup-grid label,.new-topup-notes{color:#334155;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.new-topup-grid input,.new-topup-grid select,.new-topup-notes textarea{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:11px 12px;font-weight:400}.new-topup-notes{margin-top:18px}.new-topup-summary{background:#f1f5f9;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:22px;padding:18px;display:grid}.new-topup-summary div{flex-direction:column;gap:5px;display:flex}.new-topup-summary span{color:#64748b;font-size:12px}.new-topup-summary strong{color:#0f172a;font-size:18px}.new-topup-notice{color:#64748b;margin:18px 0;font-size:13px}.new-topup-actions{justify-content:flex-end}.new-topup-actions button,.new-topup-heading button{cursor:pointer;border:1px solid #cbd5e1;border-radius:9px;padding:10px 16px}.new-topup-actions button:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.new-topup-grid,.new-topup-summary{grid-template-columns:1fr}}*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{max-width:1400px;margin:auto;padding:40px}header{justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}h1{margin:0;font-size:32px}header p{color:#687386;margin:7px 0 0}h2{margin:34px 0 16px;font-size:18px}.status{color:#18794e;background:#e8f7ef;border-radius:30px;padding:9px 14px;font-size:13px;font-weight:600}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:20px;box-shadow:0 3px 12px #14233c0a}.card>strong{margin:9px 0 4px;font-size:25px;display:block}.card>span:not(.label){color:#7b8494;font-size:13px}.label{color:#566176;font-size:13px;font-weight:700}.card hr{border:0;border-top:1px solid #edf0f4;margin:18px 0}.detail{justify-content:space-between;gap:15px;margin-top:9px;font-size:13px;display:flex}.detail span{color:#7b8494}.table-wrapper{background:#fff;border:1px solid #e6eaf0;border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:15px 17px}th:first-child,td:first-child{text-align:left}th{color:#687386;text-transform:uppercase;background:#fafbfc;font-size:12px}td{font-size:14px}tbody tr:last-child td{border-bottom:0}.note{color:#7b8494;margin-top:10px;font-size:12px}.error{background:#fff1f1;border-radius:10px;margin-top:30px;padding:20px}@media (width<=1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.container{padding:20px}header{flex-direction:column;align-items:flex-start;gap:20px}.cards{grid-template-columns:1fr}}.login-page{background:radial-gradient(circle at 0 0,#17365c,#080f1e 65%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{color:#f4f7fc;background:#111c2e;border:1px solid #27354a;border-radius:22px;width:100%;max-width:440px;padding:40px;box-shadow:0 25px 80px #0000004d}.login-brand{text-align:center;margin-bottom:36px}.login-brand-icon{background:#2463eb;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 18px;display:flex}.login-brand h1{color:#fff;margin:0;font-size:28px}.login-brand h1 span{color:#60a5fa}.login-brand p,.login-form>p{color:#94a3b8;font-size:14px}.login-form{flex-direction:column;gap:12px;display:flex}.login-form h2{color:#fff;margin:0;font-size:23px}.login-form label{color:#cbd5e1;margin-top:10px;font-size:13px;font-weight:600}.login-input{color:#94a3b8;background:#0b1423;border:1px solid #334155;border-radius:10px;align-items:center;gap:12px;padding:0 14px;display:flex}.login-input input{color:#fff;background:0 0;border:none;outline:none;width:100%;height:46px;font-size:15px}.login-input:focus-within{border-color:#60a5fa}.login-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding:14px;font-size:15px;font-weight:600;display:flex}.login-form button:disabled{opacity:.6;cursor:wait}.login-error{color:#fca5a5!important}.login-footer{color:#94a3b8;justify-content:center;align-items:center;gap:8px;margin-top:32px;font-size:12px;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.logout-button{color:#fff;cursor:pointer;background:#172338;border:1px solid #334155;border-radius:8px;padding:9px 14px}.current-user{font-size:13px}@media (width<=480px){.login-panel{padding:28px 22px}}#root{width:100%;max-width:none;min-height:100vh;margin:0;padding:0}.login-page{background:radial-gradient(at 20% 15%,#2563eb38,#0000 55%),linear-gradient(135deg,#10243e 0%,#081120 75%);width:100%;max-width:none;min-height:100dvh;margin:0;padding:32px 20px;position:relative}.login-panel{flex-shrink:0}