:root{--bg: #070b12;--white: rgba(17, 25, 40, .66);--off: rgba(150, 180, 255, .05);--border: rgba(150, 180, 255, .12);--border-strong: rgba(150, 180, 255, .24);--ink: #e9eef9;--ink-mid: #93a1bb;--ink-light: #66738b;--seal: #3df5b0;--seal-deep: #12b886;--seal-ink: #04150e;--ice: #8fb4ff;--black: var(--seal);--green: #3df5b0;--green-bg: rgba(61, 245, 176, .1);--green-border: rgba(61, 245, 176, .32);--red: #ff6b6b;--red-bg: rgba(255, 107, 107, .1);--gold: #ffb547;--gold-bg: rgba(255, 181, 71, .1);--radius: 22px;--radius-sm: 14px;--shadow: inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-md: 0 28px 60px -24px rgba(0, 0, 0, .7);--font: "Manrope", "Inter", system-ui, sans-serif;--font-display: "Sora", "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}html,body{overflow-x:hidden;width:100%;min-height:100vh;min-height:-webkit-fill-available}body{font-family:var(--font)}img{max-width:100%;height:auto}button,.btn,.action,.lang-btn{min-height:44px;cursor:pointer}input,select,textarea{font-size:16px!important;-webkit-appearance:none;border-radius:0}[hidden]{display:none!important}body.theme-light{background:var(--bg);color:var(--ink)}header{background:var(--black);color:#fff;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.h-left{display:flex;align-items:center;gap:10px}.h-logo-img{width:34px;height:34px;border-radius:8px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.h-logo-img img{width:32px;height:32px;object-fit:contain}.h-logo-text{font-size:17px;font-weight:800;letter-spacing:-.3px}.h-logo-text span{opacity:.35}.h-logo-sub{font-size:10px;color:#fff6;margin-top:1px}.lang-pill{display:flex;background:#ffffff14;border-radius:6px;overflow:hidden}.lang-btn{font-size:11px;font-weight:500;padding:4px 10px;color:#fff6;background:transparent;border:none;font-family:var(--font)}.lang-btn.active{background:#ffffff26;color:#fff}.wrap{width:100%;max-width:480px;margin:0 auto;padding:0 16px calc(80px + env(safe-area-inset-bottom))}.view{display:none}.view.active{display:block;animation:up .2s ease}@keyframes up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink-mid);cursor:pointer;padding:18px 0 2px;background:none;border:none;font-family:var(--font);min-height:0}.ph{padding:16px 0 18px}.ph-eye{font-size:11px;font-weight:600;color:var(--ink-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.ph-title{font-size:clamp(22px,6vw,28px);font-weight:800;letter-spacing:-.6px;line-height:1.1}.ph-sub{font-size:14px;color:var(--ink-mid);margin-top:6px;line-height:1.5}@media (prefers-reduced-motion: reduce){.view.active{animation:none}}.h-right{display:flex;align-items:center;gap:8px}.h-badge{font-size:11px;font-weight:500;color:#fff6}.back:hover{color:var(--ink)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(14px,4vw,20px);margin-bottom:12px;box-shadow:var(--shadow)}.card-title{font-size:13px;font-weight:600;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:600;color:var(--ink-mid);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:var(--off);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;color:var(--ink);font-family:var(--font);font-size:15px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--black);background:var(--white)}.field input::placeholder,.field textarea::placeholder{color:var(--ink-light)}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;background-color:var(--off)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-hint{font-size:11px;color:var(--ink-light);margin-top:4px}@media (max-width: 340px){.field-row{grid-template-columns:1fr}}.stepbar{display:flex;gap:4px;margin-bottom:18px}.seg{height:3px;flex:1;background:var(--border);border-radius:2px}.seg.done,.seg.active{background:var(--black)}.btn{width:100%;padding:clamp(12px,3.5vw,15px);border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:clamp(12px,3.5vw,14px);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s}.btn-primary{background:var(--black);color:#fff}.btn-secondary{background:var(--white);color:var(--ink);border:1.5px solid var(--border-strong)}.btn-ghost{background:transparent;color:var(--ink-mid);font-size:13px}.btn-wa{background:#25d366;color:#fff}.btn+.btn,.mt8{margin-top:8px}.info{background:var(--off);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:var(--ink-mid);line-height:1.6;margin-bottom:14px;display:flex;gap:10px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.badge-green{background:var(--green-bg);color:var(--green)}.receipt{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;margin-bottom:14px;box-shadow:var(--shadow-md)}.rec-head{background:var(--black);color:#fff;padding:16px 18px;text-align:center}.rec-head-logo{font-size:20px;font-weight:800}.rec-head-sub{font-size:10px;color:#fff6;margin-top:3px;letter-spacing:.5px}.rec-id-wrap{padding:14px 18px;border-bottom:1px solid var(--border)}.rec-id{font-size:20px;font-weight:800}.rec-date{font-size:12px;color:var(--ink-mid);margin-top:3px}.rec-rows{padding:0 4px}.rec-row{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;gap:12px}.rec-row:last-child{border-bottom:none}.rec-k{color:var(--ink-mid);font-size:12px;font-weight:500;flex-shrink:0}.rec-v{font-weight:500;text-align:right;word-break:break-word}.rec-footer{background:var(--off);padding:13px 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border)}.rec-fee-lbl{font-size:11px;color:var(--ink-mid);font-weight:500}.rec-fee{font-size:20px;font-weight:800}.suc{text-align:center;padding:28px 0 16px}.suc-icon{width:60px;height:60px;border-radius:50%;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 14px}.suc-title{font-size:22px;font-weight:800}.suc-sub{font-size:13px;color:var(--ink-mid);margin-top:6px;line-height:1.5}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);width:calc(100% - 40px);max-width:400px;text-align:center;background:var(--black);color:#fff;padding:12px 20px;border-radius:8px;font-size:clamp(11px,3vw,13px);font-weight:500;z-index:999;transition:transform .25s;box-shadow:var(--shadow-md)}.toast.show{transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){.toast{transition:none}}.btn-primary:hover{background:#222}.btn-secondary:hover{border-color:var(--black)}.btn-ghost:hover{color:var(--ink)}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.badge-red{background:var(--red-bg);color:var(--red)}.note{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:13px;color:var(--ink-mid);line-height:1.7;text-align:center;box-shadow:var(--shadow)}.btn[disabled]{opacity:.6;pointer-events:none}.pin-wrap{text-align:center;padding:8px 0}.pin-lbl{font-size:13px;color:var(--ink-mid);margin-bottom:4px}.pin-who{font-size:17px;font-weight:800}.pin-phone{font-size:12px;color:var(--ink-mid);margin-bottom:2px}.pin-err{font-size:12px;color:var(--red);margin-top:8px}.pin-row{display:flex;gap:clamp(6px,2vw,12px);justify-content:center;margin:20px 0}.pin-box{width:clamp(36px,10vw,52px);height:clamp(44px,12vw,60px);background:var(--off);border:1.5px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:clamp(18px,5vw,28px);font-weight:800;transition:border-color .15s}.pin-box.act{border-color:var(--black);background:var(--white)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:min(260px,80vw);margin:0 auto}.nk{aspect-ratio:1.3;min-height:44px;border:1px solid var(--border);background:var(--white);border-radius:var(--radius-sm);font-family:var(--font);font-size:clamp(16px,5vw,22px);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:all .12s}.nk:hover{background:var(--black);color:#fff;border-color:var(--black)}.nk:active{transform:scale(.95)}.nk.fn{font-size:12px;font-weight:600}.nk-ok,.nk-ok:hover{background:var(--black);color:#fff;border-color:var(--black)}@media (prefers-reduced-motion: reduce){.nk,.pin-box{transition:none}}.tabs{display:flex;background:var(--white);border-radius:var(--radius);padding:4px;margin-bottom:20px;gap:2px;border:1px solid var(--border);box-shadow:var(--shadow);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;min-width:60px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:9px clamp(4px,2vw,8px);text-align:center;font-size:clamp(10px,2.5vw,12px);font-weight:600;color:var(--ink-mid);cursor:pointer;border-radius:10px;transition:all .15s;white-space:nowrap;border:none;background:transparent;font-family:var(--font)}.tab.active{background:var(--black);color:#fff}.nk:focus-visible,.tab:focus-visible,.filt-btn:focus-visible,.tog-btn:focus-visible{outline:2px solid var(--black);outline-offset:2px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.stat-num{font-size:clamp(22px,6vw,30px);font-weight:800;letter-spacing:-1px;line-height:1}.stat-num.sm{font-size:22px}.stat-lbl{font-size:12px;color:var(--ink-mid);margin-top:4px;font-weight:500}@media (max-width: 340px){.stat-grid{grid-template-columns:1fr}}.card-head{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.card-head-count{font-size:12px;font-weight:500;color:var(--ink-mid)}.rec-item{padding:13px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:all .15s}.rec-item:last-child{border-bottom:none}.rec-item:hover{padding-left:4px}.ri-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;gap:8px}.ri-name{font-size:15px;font-weight:700;flex:1}.ri-badge{font-size:10px;font-weight:700;background:var(--black);color:#fff;padding:3px 8px;border-radius:4px;white-space:nowrap}.ri-device{font-size:13px;color:var(--ink-mid);margin-top:2px}.ri-meta{font-size:12px;color:var(--ink-light);margin-top:2px}.scroll-box{max-height:min(380px,50vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-box::-webkit-scrollbar{width:3px}.scroll-box::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.empty{text-align:center;padding:32px;color:var(--ink-light)}.empty-icon{font-size:32px;margin-bottom:8px}.empty-text{font-size:13px}.search-row{display:flex;gap:8px;margin-bottom:12px}.search-row input{flex:1;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-family:var(--font);outline:none;color:var(--ink)}.search-row input:focus{border-color:var(--black)}.search-row select{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;font-family:var(--font);outline:none;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:100px}.filter-row{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.filt-btn{min-height:44px;padding:7px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--white);color:var(--ink-mid);transition:all .15s;font-family:var(--font)}.filt-btn.active{background:var(--black);color:#fff;border-color:var(--black)}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}html{color-scheme:dark}body,body.theme-light{color:var(--ink);font-family:var(--font)}select option{background:#101826;color:var(--ink)}::selection{background:#3df5b04d}body.theme-light,body.page-home{background-color:var(--bg)}body.theme-light:before,body.page-home:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 6% -10%,rgba(61,245,176,.13),transparent 62%),radial-gradient(700px 480px at 104% 2%,rgba(143,180,255,.11),transparent 60%),radial-gradient(rgba(150,180,255,.11) 1px,transparent 1.4px) 0 0 / 26px 26px;-webkit-mask-image:linear-gradient(#000 50%,transparent 100%);mask-image:linear-gradient(#000 50%,transparent 100%)}.ph-title,.hero-title,.logo-name,.suc-title,.stat-num,.kpi-n,.rev-amt,.portal-name,.action-title,.card-head,.result-head-title,.det-id,.qr-title,.h-logo-text,.rec-id,.pin-who,.tab{font-family:var(--font-display)}.ph-title{letter-spacing:-.035em;font-weight:700}.ph-eye{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--seal)}.mono,.sr-imei,.flag-imei,.pur-imei,.det-v.mono,.ri-badge,.inv-stamp-id,.result-val.mono,.mono-input,.sr-date{font-family:var(--font-mono);letter-spacing:0}.stat-num{background:linear-gradient(180deg,#fff,#aebbd6);-webkit-background-clip:text;background-clip:text;color:transparent}.card,.stat-card,.kpi,.action,.note,.info,.toggle-row,.dbi,.pay-section,.flag-box,.qr-link-box,.result-body,.rev-split,.tr-summary,.tabs,.pay-opt,.stk-item{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.card,.stat-card,.kpi,.flag-box,.pay-section,.result-body{border-color:var(--border)}.action:hover{border-color:#3df5b08c;box-shadow:0 0 0 1px #3df5b040,0 22px 50px -22px #3df5b066;transform:translateY(-1px)}.rec-item:hover{padding-left:8px}header{background:#070b12b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.h-logo-text span,.logo-name span{color:var(--seal);opacity:1}.lang-pill{background:var(--off);border:1px solid var(--border)}.lang-btn.active{background:#3df5b029;color:var(--seal)}.h-logo-img,.logo-mark,.hero-shield{position:relative;isolation:isolate;overflow:visible!important;background:#0b1220!important;border:0}.h-logo-img:before,.logo-mark:before,.hero-shield:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--a),rgba(61,245,176,.15) 0 40%,var(--seal) 62%,var(--ice) 78%,rgba(61,245,176,.15) 92%)}.logo-mark:before,.hero-shield:before{animation:sweep 7s linear infinite}@keyframes sweep{to{--a: 360deg}}.h-logo-img img,.logo-mark img,.hero-shield img{border-radius:inherit}.btn{border-radius:var(--radius-sm);font-weight:700;letter-spacing:-.005em}.btn-primary{background:var(--seal);color:var(--seal-ink);box-shadow:0 12px 30px -12px #3df5b099}.btn-primary:hover{background:#6bffc8;transform:translateY(-1px)}.btn-secondary{background:var(--off);color:var(--ink);border:1px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--seal);background:#3df5b012}.btn-ghost{color:var(--ink-mid)}.btn-ghost:hover{color:var(--seal)}.btn-wa{background:#25d366;color:#052e16}.btn-red{background:var(--red);color:#2a0606}.btn-paystack{background:#7b8cff;color:#0a0f33}.tab.active,.filt-btn.active,.tog-btn.active,.brand-chip.sel,.nk-ok,.nk-ok:hover,.nk:hover,.stk-btn.mark,.flag-search button,.ri-badge,.comp-av,.chain-dot,.chain-tag.current,.suc-icon,.pay-opt-badge{background:var(--seal);color:var(--seal-ink);border-color:var(--seal)}.tab.active{box-shadow:0 8px 22px -10px #3df5b0b3}.tab-alert{color:var(--red)}.tab-alert.active{background:var(--red);color:#2a0606;border-color:var(--red)}.tabs{background:var(--off)}.seg.done,.seg.active{background:var(--seal)}.pay-radio.on:after{background:var(--seal-ink)}.pin-box.act,.field input:focus,.field select:focus,.field textarea:focus,.search-row input:focus,.flag-search input:focus{border-color:var(--seal);box-shadow:0 0 0 3px #3df5b029;background:#ffffff0d}.rev-bar-fill{background:linear-gradient(90deg,var(--seal-deep),var(--seal))}.field input,.field select,.field textarea,.search-row input,.search-row select,.flag-search input{border-radius:var(--radius-sm)}.result-head.found{background:linear-gradient(135deg,#3df5b042,#3df5b014);color:#dffff2;border:1px solid var(--green-border);border-bottom:0}.result-head.notfound{background:linear-gradient(135deg,#ff6b6b42,#ff6b6b14);color:#ffe3e3;border:1px solid rgba(255,107,107,.35);border-bottom:0}.result-head.stolen{background:linear-gradient(135deg,#5b1218,#2b0a0e);color:#ffe3e3;border:1px solid rgba(255,107,107,.5);border-bottom:0}.st-reported,.sr-esc{background:#ffb54724;color:#ffc978}.st-review,.sr-btn.review{background:#8fb4ff24;color:var(--ice)}.st-rejected{background:var(--off);color:var(--ink-mid)}.sr-btn.confirm{background:#ff6b6b29;color:var(--red)}.flag-result.bad{border-color:#ff6b6b66}.flag-result.ok{border-color:var(--green-border)}.toast{background:#0a101cf0;color:var(--ink);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal{background:#0b1220;border:1px solid var(--border-strong)}.modal-over{background:#03050ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.upload-area,.sig-tabs{background:var(--off)}.sig-tab.active{background:#3df5b024;color:var(--seal)}.paper{--white: #fff;--off: #f5f7fb;--border: #e4e8f0;--border-strong: #cfd5e1;--ink: #101522;--ink-mid: #586178;--ink-light: #98a1b5;--black: #0b0f1a;--green: #12a150;--green-bg: #effcf4;--green-border: #bdecd0;--red: #d92d3a;--red-bg: #fff1f1;--shadow: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 34px 70px -28px rgba(0, 0, 0, .8);background:#fff;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:Manrope,Inter,sans-serif}.paper .badge-green{background:#effcf4;color:#12a150}.paper .ri-badge,.paper .chain-dot{background:#0b0f1a;color:#fff;border-color:#0b0f1a}.paper .chain-dot.current{background:#12a150}.paper .stat-num{-webkit-text-fill-color:initial;background:none;color:var(--ink)}.qr-card{--black: #060a12}.shop-logo{display:block;flex-shrink:0;object-fit:contain;width:40px;height:40px;border-radius:12px;background:#fff;padding:3px}.shop-logo.lg{width:52px;height:52px;border-radius:15px}.shop-logo.xl{width:84px;height:84px;border-radius:22px;padding:6px}.shop-logo.inv-logo{width:56px;height:56px;border-radius:14px;margin-bottom:10px}.shop-logo.qr-mark{width:64px;height:64px;border-radius:18px;margin:0 auto 10px;padding:5px}.shop-avatar{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#12b886,#0b6b52);color:#03140d;font:800 18px var(--font-display);padding:0}.shop-avatar.xl{font-size:34px}.shop-avatar.lg{font-size:22px}.shop-avatar.qr-mark{font-size:26px}.dash-head{display:flex;align-items:center;gap:14px}.logo-row{display:flex;align-items:center;gap:18px}.logo-side{flex:1;min-width:0}.logo-side .lead{margin-bottom:10px}.logo-btns{display:flex;gap:8px;flex-wrap:wrap}.logo-btns .btn{width:auto;padding:10px 16px;min-height:0;cursor:pointer}.inv-head{display:flex;flex-direction:row;align-items:center;gap:14px}.shop-logo.inv-logo{margin-bottom:0}.det-head .inv-logo{margin-bottom:10px}.qr-card{background:#0a111d;border:1px solid rgba(61,245,176,.3);box-shadow:0 34px 70px -34px #3df5b066}@media (prefers-reduced-motion: reduce){.logo-mark:before,.hero-shield:before{animation:none}}@media (prefers-reduced-transparency: reduce){.card,.stat-card,.kpi,.action,.note,.info,.tabs,header,.toast{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f1726}}@media print{body:before{display:none!important}body{background:#fff!important}}
