:root{--navy:#0b2a63;--navy-d:#071a3f;--blue:#0a6cf0;--cyan:#06b6f2;--bg:#f3f6fb;--card:#fff;--text:#122040;--muted:#66748f;--line:#e2e8f2;
--green:#12a150;--green-bg:#e3f7ec;--orange:#e8890c;--orange-bg:#fff2de;--red:#d92d3a;--red-bg:#fde8ea;--gray:#6b7689;--gray-bg:#eceff4;--blue-bg:#e2eeff;--radius:14px}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Bengali",sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}
a{color:var(--blue)}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}
button,input,select,textarea{font:inherit}
.btn{display:inline-flex;align-items:center;gap:.4rem;border:0;border-radius:10px;padding:.6rem 1rem;font-weight:600;cursor:pointer;background:var(--blue);color:#fff}
.btn:hover{filter:brightness(1.08)}.btn.sec{background:var(--blue-bg);color:var(--blue)}.btn.red{background:var(--red)}.btn.green{background:var(--green)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}
.btn.sm{padding:.3rem .65rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}
input,select,textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan);border-color:var(--cyan)}
label{display:block;font-weight:600;font-size:.85rem;margin:.75rem 0 .25rem;color:var(--navy)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:0 1px 2px rgba(11,42,99,.04)}
.grid{display:grid;gap:1rem}.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.stat .v{font-size:1.6rem;font-weight:800;color:var(--navy)}.stat .l{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.right{text-align:right}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}.mt{margin-top:1rem}.hidden{display:none!important}
.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}
.b-PAID,.b-ACTIVE,.b-Online,.b-DELIVERED,.b-LOW,.b-AUTO_VERIFIED{background:var(--green-bg);color:var(--green)}
.b-PENDING,.b-MANUAL_REVIEW,.b-MEDIUM,.b-RETRYING,.b-Recently{background:var(--orange-bg);color:var(--orange)}
.b-PROCESSING,.b-MATCHED,.b-CREATED,.b-PENDING_DEV{background:var(--blue-bg);color:var(--blue)}
.b-FAILED,.b-REVOKED,.b-HIGH,.b-CRITICAL,.b-REJECTED{background:var(--red-bg);color:var(--red)}
.b-EXPIRED,.b-CANCELLED,.b-REFUNDED,.b-Offline,.b-SUSPENDED{background:var(--gray-bg);color:var(--gray)}
.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:.6rem;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}tr.click{cursor:pointer}tr.click:hover{background:#f7faff}
.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.side{background:linear-gradient(180deg,var(--navy-d),var(--navy));color:#cfe0ff;padding:1rem .8rem;display:flex;flex-direction:column;gap:.15rem}
.side img{background:#fff;border-radius:10px;padding:.4rem;margin-bottom:1rem;width:100%}
.side button{all:unset;cursor:pointer;padding:.55rem .75rem;border-radius:9px;font-weight:600;font-size:.92rem}
.side button:hover{background:rgba(255,255,255,.08)}.side button.on{background:linear-gradient(90deg,var(--blue),var(--cyan));color:#fff}
.main{padding:1.4rem;max-width:1200px;width:100%}
.top{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}
.toast{position:fixed;right:1rem;bottom:1rem;background:var(--navy);color:#fff;padding:.7rem 1rem;border-radius:10px;z-index:99;max-width:340px}.toast.err{background:var(--red)}.toast.ok{background:var(--green)}
.modal-bg{position:fixed;inset:0;background:rgba(7,26,63,.55);display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow:auto;z-index:50}
.modal{background:#fff;border-radius:var(--radius);padding:1.3rem;width:min(760px,100%)}
.kv{display:grid;grid-template-columns:150px 1fr;gap:.25rem .8rem;font-size:.9rem}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-all}
.secret{background:#0b1b3a;color:#7dd3fc;padding:.7rem;border-radius:10px;word-break:break-all;font-family:ui-monospace,monospace;font-size:.85rem}
.alert{padding:.7rem .9rem;border-radius:10px;background:var(--orange-bg);color:#8a5200;font-size:.9rem}.alert.err{background:var(--red-bg);color:var(--red)}.alert.ok{background:var(--green-bg);color:var(--green)}
.chart{width:100%;height:170px}.chart text{font-size:10px;fill:var(--muted)}.chart .bar{fill:var(--blue)}.chart .bar2{fill:var(--cyan)}
.auth{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 20% 10%,#dbeaff,transparent 50%),var(--bg)}
.auth .card{width:min(430px,100%)}.auth img{width:200px;display:block;margin:0 auto 1rem}
.pay{max-width:520px;margin:0 auto;padding:1rem}.pay .amount{font-size:2.2rem;font-weight:800;color:var(--navy)}
.pay ol{padding-left:1.2rem;margin:.4rem 0}.pay .num{font-size:1.5rem;font-weight:800;letter-spacing:.05em;color:var(--blue)}
.state{text-align:center;padding:1.2rem}.state .icon{font-size:3rem}
@media(max-width:800px){.layout{grid-template-columns:1fr}.side{flex-direction:row;overflow-x:auto;align-items:center}.side img{width:90px;margin:0 .5rem 0 0}.side button{white-space:nowrap}}