:root{--bg: #0d1117;--surface: #161b22;--border: #2a2f37;--text: #e6edf3;--muted: #9098a3;--accent: #1f6feb;--warn: #f5b50a;--bad: #f85149;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.gate{height:100%;display:grid;place-items:center}.gate-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;width:360px;display:flex;flex-direction:column;gap:12px}.gate-card h1{margin:0;color:var(--accent)}.gate-card p{margin:0;color:var(--muted)}.gate-card input,button{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0d1117;color:var(--text);font-size:14px}button{background:var(--accent);border:none;color:#fff;font-weight:600;cursor:pointer}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.err{color:var(--bad);font-size:14px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar h1{margin:0;font-size:18px;color:var(--accent)}.tabs{display:flex;gap:6px;padding:12px 18px}.tab{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.tab.active{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:var(--accent)}.content{padding:0 18px 24px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.filter-chip{display:inline-flex;align-items:center;gap:7px;background:#0e1320;border:1px solid #232b3d;color:var(--text);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s}.filter-chip:hover{border-color:#2f6bff}.filter-chip.active{background:linear-gradient(90deg,#2f6bff42,#2f6bff1a);border-color:#2f6bff;color:#fff}.filter-n{font-size:11px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ffffff1a;color:var(--text);display:grid;place-items:center}.filter-chip.active .filter-n{background:#fff3;color:#fff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.pill{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border)}.pill.active{color:#2ecc71;border-color:#2ecc71}.pill.suspended,.pill.expired{color:var(--bad);border-color:var(--bad)}.pill.trial{color:var(--warn);border-color:var(--warn)}.state{padding:20px;color:var(--muted)}.kyc-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:12px 0}.kyc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.kyc-meta{color:var(--muted);font-size:13px;margin-bottom:10px}.kyc-form{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.kyc-form input{flex:1;min-width:140px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#0d1117;color:var(--text)}.kyc-approve{background:#16a34a;border:none;color:#fff;border-radius:8px;padding:8px 16px;font-weight:600}.kyc-reject{background:transparent;border:1px solid var(--bad);color:var(--bad);border-radius:8px;padding:8px 16px;font-weight:600}.kyc-approve:disabled,.kyc-reject:disabled{opacity:.5}.hi{color:var(--warn);font-weight:700}.pill.live{color:#2ecc71;border-color:#2ecc71}.pill.paid,.pill.registering,.pill.provisioning{color:var(--warn);border-color:var(--warn)}.pill.refunded,.pill.pending_payment{color:var(--muted, #888);border-color:var(--border)}.pill.cant_fulfill{color:var(--bad);border-color:var(--bad)}.dq-prem{margin-left:8px;font-size:11px;font-weight:700;color:var(--warn);border:1px solid var(--warn);border-radius:999px;padding:1px 7px;text-transform:uppercase}.dq-actions{display:flex;flex-wrap:wrap;gap:8px}.dq-actions button{background:#fff;border:1px solid var(--border);color:var(--ink, #222);border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer}.dq-actions button:disabled{opacity:.5;cursor:default}.dq-notes{font-style:italic;opacity:.8}.dq-note{color:var(--warn)}.ov-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ov-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.ov-head-right{display:flex;align-items:center;gap:12px}.ov-auto{color:var(--muted);font-size:12px}.ov-auto-stale{color:var(--warn);font-weight:600}.ov-refresh{display:inline-flex;align-items:center;gap:7px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s}.ov-refresh:hover:not(:disabled){border-color:var(--accent);background:#1c2230}.ov-refresh:disabled{opacity:.65;cursor:default}.ov-refresh-ic{display:inline-block;font-size:15px;line-height:1}.ov-refresh-ic.spin{animation:ov-spin .8s linear infinite}@keyframes ov-spin{to{transform:rotate(360deg)}}.ov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:8px}.ov-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;position:relative;overflow:hidden}.ov-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#475160}.ov-card.ov-orange:before{background:#ff5f1f}.ov-card.ov-red:before{background:var(--bad)}.ov-card.ov-green:before{background:#2ea043}.ov-clickable{cursor:pointer;transition:border-color .12s,transform .12s,background .12s}.ov-clickable:hover{border-color:var(--accent);background:#1c2230;transform:translateY(-2px)}.ov-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ov-card-arrow{position:absolute;right:14px;bottom:12px;color:var(--muted);font-size:16px;opacity:0;transition:opacity .12s,transform .12s}.ov-clickable:hover .ov-card-arrow{opacity:1;transform:translate(2px)}.ov-value{font-size:30px;font-weight:800;color:var(--text);line-height:1.1}.ov-label{font-size:13px;font-weight:600;color:var(--text);margin-top:4px}.ov-sub{font-size:12px;color:var(--muted);margin-top:2px}.ov-h{font-size:15px;margin:22px 0 6px;color:var(--text)}.ov-rail{color:var(--muted);font-size:14px}.ov-rail-link{display:inline-block;cursor:pointer;border-radius:8px;padding:4px 8px;margin-left:-8px;transition:color .12s,background .12s}.ov-rail-link:hover{color:var(--text);background:#1c2230}.ov-rail-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ov-rail-arrow{color:var(--muted);transition:transform .12s}.ov-rail-link:hover .ov-rail-arrow{transform:translate(2px)}.ov-health{display:flex;flex-wrap:wrap;gap:8px}.ov-svc{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600;background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer;transition:border-color .12s,background .12s}.ov-svc:hover{border-color:var(--accent);background:#1c2230}.ov-dot{width:9px;height:9px;border-radius:50%;background:#6e7681;flex:none}.ov-svc-up .ov-dot{background:#2ea043}.ov-svc-down .ov-dot{background:var(--bad)}.ov-svc-unknown .ov-dot{background:var(--warn)}.ov-note{margin-top:8px;font-size:12px;color:var(--muted)}body{background:radial-gradient(1200px 700px at 12% -8%,#14213d 0%,transparent 55%),radial-gradient(1100px 800px at 100% 0%,#161033 0%,transparent 50%),#070a12}.shell{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;display:flex;flex-direction:column;background:#0d111cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid #1d2435;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;gap:12px;padding:18px 18px 14px;border-bottom:1px solid #1d2435}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff;background:linear-gradient(135deg,#2f6bff,#ff5f1f);box-shadow:0 6px 18px #2f6bff59}.brand-name{font-weight:800;font-size:16px;color:#fff}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:.3px}.side-nav{flex:1;overflow-y:auto;padding:12px 10px}.side-group{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:#5b6680;padding:14px 10px 6px}.side-item,.side-svc{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border-radius:10px;border:none;background:transparent;color:#aeb7c9;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;text-align:left;transition:background .12s,color .12s}.side-item:hover,.side-svc:hover{background:#ffffff0d;color:#fff}.side-item.active{background:linear-gradient(90deg,#2f6bff38,#2f6bff0a);color:#fff;box-shadow:inset 2px 0 #2f6bff}.side-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-ic{width:18px;height:18px;flex:none}.nav-ic path{fill:currentColor}.side-badge{background:#ff5f1f;color:#fff;font-size:11px;font-weight:800;min-width:19px;height:19px;border-radius:999px;display:grid;place-items:center;padding:0 5px}.side-svc-dot{width:7px;height:7px;border-radius:50%;background:#3a4763;flex:none;margin:0 5px}.side-foot{display:flex;align-items:center;gap:11px;padding:14px 16px;border-top:1px solid #1d2435}.side-foot-av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#5b21b6,#2f6bff)}.side-foot-name{font-size:13px;font-weight:700;color:#fff}.side-foot-role{font-size:11px;color:var(--muted)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar2{display:flex;align-items:center;gap:18px;padding:16px 26px;border-bottom:1px solid #1d2435;position:sticky;top:0;z-index:20;background:#070a12d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tb-greet{flex:none}.tb-hi{font-size:16px;font-weight:800;color:#fff}.tb-page{font-size:12px;color:var(--muted)}.tb-search{position:relative;flex:1;max-width:420px;margin-left:auto}.tb-search-ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px}.tb-search-ic path{fill:#6b7689}.tb-search input{width:100%;padding:9px 12px 9px 36px;border-radius:10px;border:1px solid #232b3d;background:#0c1019;color:var(--text);font-size:13.5px}.tb-search input:focus{outline:none;border-color:#2f6bff}.tb-drop{position:absolute;top:110%;left:0;right:0;background:#11161f;border:1px solid #232b3d;border-radius:10px;overflow:hidden;z-index:30;box-shadow:0 18px 40px #00000080}.tb-drop button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;background:transparent;border:none;border-bottom:1px solid #1b2230;padding:10px 13px;color:var(--text);cursor:pointer;text-align:left}.tb-drop button:hover{background:#2f6bff24}.tb-drop button b{font-size:13px}.tb-drop button span{font-size:11px;color:var(--muted)}.tb-signout{flex:none;background:transparent;border:1px solid #2a3346;color:var(--text);border-radius:9px;padding:9px 15px;font-weight:600;cursor:pointer}.tb-signout:hover{border-color:#2f6bff}.content2{padding:22px 26px 40px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.kpi{position:relative;border-radius:16px;padding:18px 18px 16px;color:#fff;cursor:pointer;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #00000059;transition:transform .14s,box-shadow .14s}.kpi:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:#ffffff1f;filter:blur(8px)}.kpi:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000080}.kpi:focus-visible{outline:2px solid #fff;outline-offset:2px}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative}.kpi-label{font-size:12.5px;font-weight:600;opacity:.92}.kpi-trend{font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap;background:#00000038;color:#fff}.kpi-trend i{font-style:normal;opacity:.7;font-weight:600}.kpi-trend.up{background:#10b98152}.kpi-trend.down{background:#f8514957}.kpi-trend.flat{background:#ffffff29;opacity:.85}.kpi-value{font-size:34px;font-weight:800;line-height:1.05;margin-top:6px;position:relative}.kpi-sub{font-size:11.5px;opacity:.85;margin-top:4px;position:relative}.g-navy{background:linear-gradient(135deg,#21356f,#0d1733)}.g-orange{background:linear-gradient(135deg,#ff7a3d,#c2410c)}.g-green{background:linear-gradient(135deg,#10b981,#065f46)}.g-teal{background:linear-gradient(135deg,#22b8c4,#0e6b82)}.g-purple{background:linear-gradient(135deg,#8b5cf6,#5b21b6)}.g-amber{background:linear-gradient(135deg,#f59e0b,#b45309)}.g-slate{background:linear-gradient(135deg,#3a4763,#222b40)}.banner{display:flex;align-items:center;gap:12px;margin:18px 0;padding:13px 18px;border-radius:13px;border:1px solid #1d2435;background:var(--surface)}.banner-dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 0 4px #ffffff0d}.b-ok .banner-dot{background:#2ea043;box-shadow:0 0 12px #2ea043}.b-warn .banner-dot{background:var(--warn);box-shadow:0 0 12px var(--warn)}.b-down .banner-dot{background:var(--bad);box-shadow:0 0 12px var(--bad)}.banner-text{font-weight:700;color:#fff}.b-ok .banner-text{color:#5fd38a}.b-down .banner-text{color:#ff7b72}.banner-meta{color:var(--muted);font-size:12.5px;margin-left:auto}.banner-stale{color:var(--warn);font-weight:600}.banner .ov-refresh{margin-left:14px}.panels{display:grid;gap:16px;margin-bottom:16px}.p-2-1{grid-template-columns:2fr 1fr}.p-1-1{grid-template-columns:1fr 1fr}.panel{background:var(--surface);border:1px solid #1d2435;border-radius:15px;padding:16px 18px}.panel-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-h h3{margin:0;font-size:15px;color:#fff}.panel-sub{font-size:11.5px;color:var(--muted)}.seg{display:inline-flex;gap:2px;background:#0c1019;border:1px solid #232b3d;border-radius:9px;padding:3px}.seg-btn{background:transparent;border:none;color:var(--muted);font-size:12px;font-weight:700;padding:5px 11px;border-radius:7px;cursor:pointer;transition:background .12s,color .12s}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:#2f6bff;color:#fff}.panel-link{margin-top:14px;background:transparent;border:1px solid #2a3346;color:var(--text);border-radius:8px;padding:8px 13px;font-weight:600;cursor:pointer;font-size:12.5px}.panel-link:hover{border-color:#2f6bff}.chart-svg{width:100%;height:200px;display:block}.chart-grid{stroke:#20283a;stroke-width:1}.chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12px;color:var(--muted)}.chart-leg{display:inline-flex;align-items:center;gap:6px}.chart-leg i{width:10px;height:3px;border-radius:2px;display:inline-block}.chart-axis{margin-left:auto;font-size:11px}.rail-fig{display:flex;flex-direction:column;gap:4px}.rail-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.rail-row b{font-size:18px;color:#fff}.rail-k{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:13px}.rk{width:9px;height:9px;border-radius:50%;display:inline-block}.rk.paystack{background:#2f6bff}.rk.stripe{background:#8b5cf6}.rail-sub{font-size:11.5px;color:var(--muted);margin-left:17px}.feed{display:flex;flex-direction:column}.feed-item{display:flex;gap:12px;padding:10px 2px;border-bottom:1px solid #1b2230}.feed-item:last-child{border-bottom:none}.feed-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;flex:none;background:#1a2231}.fk-tenant{background:#2f6bff2e}.fk-entitlement{background:#ff5f1f2e}.fk-kyc{background:#10b9812e}.fk-domain{background:#8b5cf62e}.feed-body{flex:1;min-width:0}.feed-text{font-size:13px;color:var(--text)}.feed-tenant{color:var(--muted)}.feed-tenant-link{background:none;border:none;padding:0;font:inherit;color:#6ea8fe;font-weight:600;cursor:pointer}.feed-tenant-link:hover{color:#9cc2ff;text-decoration:underline}.focus-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 13px;border-radius:10px;background:#2f6bff1f;border:1px solid rgba(47,107,255,.4);color:var(--text);font-size:13px}.focus-clear{margin-left:6px;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:0 4px}.focus-clear:hover{color:#fff}.feed-time{font-size:11px;color:var(--muted);margin-top:2px}.svc-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.svc{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;border:1px solid #232b3d;background:#0e1320;color:var(--text);text-decoration:none;font-size:12.5px}.svc:hover{border-color:#2f6bff}.svc-dot{width:8px;height:8px;border-radius:50%;background:#6e7681;flex:none}.svc-up .svc-dot{background:#2ea043;box-shadow:0 0 8px #2ea043}.svc-down .svc-dot{background:var(--bad);box-shadow:0 0 8px var(--bad)}.svc-unknown .svc-dot{background:var(--warn)}.svc-name{flex:1;font-weight:600}.svc-state{font-size:11px;color:var(--muted)}.svc-up .svc-state{color:#5fd38a}.svc-down .svc-state{color:#ff7b72}.qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:11px}.qa{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 15px;border-radius:12px;border:1px solid #232b3d;background:#0e1320;color:var(--text);cursor:pointer;text-align:left;transition:border-color .12s,transform .12s,background .12s}.qa:hover{border-color:#2f6bff;background:#121a2b;transform:translateY(-2px)}.qa-label{font-size:13.5px;font-weight:700;color:#fff}.qa-hint{font-size:11px;color:var(--muted)}.sum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px 22px}.sum-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1b2230}.sum-k{font-size:13px;color:var(--muted)}.sum-v{font-size:14px;color:#fff}.sum-storage{margin-top:16px}.sum-storage-h{display:flex;justify-content:space-between;font-size:13px;color:var(--text);margin-bottom:7px}.sum-storage-h b{color:#fff}.bar{height:9px;border-radius:999px;background:#1a2231;overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6bff,#8b5cf6);min-width:3px}.sum-storage-f{font-size:11px;color:var(--muted);margin-top:6px}.es{display:flex;flex-direction:column;gap:16px}.es-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:2px 0 6px}.es-input{width:100%;padding:9px 12px;border-radius:9px;border:1px solid #232b3d;background:#0c1019;color:var(--text);font-size:13.5px}.es-input:focus{outline:none;border-color:#2f6bff}.es-status>div{margin-bottom:6px;font-size:13px}.es-status .ok{color:#5fd38a}.es-status .warn{color:var(--warn)}.es-sub{margin-top:10px;color:var(--muted);font-size:12px}.es-dom{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0}.badge-def{font-size:10px;font-weight:800;color:#5fd38a;border:1px solid #2ea043;border-radius:999px;padding:1px 6px;margin-left:6px}.es-form{display:flex;flex-direction:column;gap:14px}.es-row{display:flex;gap:14px;flex-wrap:wrap}.es-field{min-width:200px}.es-field.grow{flex:1}.es-addr{display:flex;align-items:center;gap:6px}.es-addr .es-input:first-child{flex:1}.es-at{color:var(--muted);font-weight:700}.es-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.es-submit{align-self:flex-start;background:#2f6bff;color:#fff;border:none;border-radius:9px;padding:10px 18px;font-weight:700;cursor:pointer}.es-submit:disabled{opacity:.6;cursor:default}.es-result{margin-top:16px;border:1px solid #2ea043;background:#10b9811a;border-radius:12px;padding:14px 16px}.es-result-h{color:#5fd38a;font-weight:700;margin-bottom:10px}.es-kv{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.es-kv span{color:var(--muted)}.es-kv b{color:#fff;font-family:ui-monospace,monospace}@media(max-width:1024px){.p-2-1,.p-1-1,.svc-list{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:64px}.side-label,.brand-name,.brand-sub,.side-group,.side-foot>div,.side-foot-name,.side-foot-role{display:none}.side-item,.side-svc{justify-content:center}.tb-greet .tb-page{display:none}.content2{padding:16px 14px 32px}}