:root{--gold:#d4b45a;--gold2:#f0d78c;--grad:linear-gradient(180deg,#f6e7a8,#c9a227);--bg:#0b0b0b;--panel:#141414;--line:#2c2c2c}
*{box-sizing:border-box}
html,body{margin:0;background:#050505 url(../assets/bg-desk.jpg) center top / cover no-repeat fixed;color:#d8d8d8;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}img{max-width:100%;display:block}
.topwrap{background:#0b0b0b;border-bottom:1px solid #1c1c1c}
.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:6px 16px;min-height:40px;max-width:1200px;margin:0 auto;background:transparent}
.topwrap{background:#101010;border-bottom:1px solid #1c1c1c}
.ic{display:flex;gap:8px;align-items:center;justify-self:start}
.ibar,.qico{width:28px;height:28px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:transparent}
.ibar img,.qico img,.icoimg{width:18px;height:18px;object-fit:contain;display:block}
.tgmini{background:#229ed9;border:0;color:#fff;border-radius:5px;padding:0 10px;height:28px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}
.tgmini img{width:14px;height:14px}
.flagid{width:22px;height:15px;border-radius:2px;object-fit:cover;display:block}
.midchip{display:flex;align-items:center;gap:8px;background:#171717;border:1px solid #2c2c2c;border-radius:20px;padding:4px 12px;font-size:12px;justify-self:center}
.midchip b{color:#fff;font-weight:800}
.midchip em{font-style:normal;color:var(--gold2);font-weight:800}
.midchip .dot{width:1px;height:12px;background:#3a3a3a}
.qrow{display:flex;gap:6px;align-items:center;justify-self:end}
.headwrap{background:#0d0d0d;border-bottom:1px solid #161616}
.head{display:flex;align-items:center;gap:10px;padding:8px 16px 10px;max-width:1200px;margin:0 auto}
.logo{display:flex;align-items:center;gap:8px;color:#fff;font-weight:900;font-size:22px;white-space:nowrap;min-width:170px}
.logo i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff,#e8c36a 42%,#8a6d12);color:#111;font-style:normal;font-size:11px}
.cats{display:flex;flex:1;justify-content:center;gap:0;overflow:auto;max-width:860px;margin:0 auto}
.cats a{min-width:70px;text-align:center;color:#b8b8b8;font-size:9px;font-weight:800;padding:2px 4px;letter-spacing:.02em}
.cats a img{width:24px;height:24px;margin:0 auto 4px;object-fit:contain}
.cats a:hover,.cats a.on{color:var(--gold2)}
.wrap{display:grid;grid-template-columns:230px minmax(0,1fr);justify-content:center;gap:14px;padding:22px 16px 40px;max-width:1200px;margin:0 auto;min-height:640px}
.aside{background:#121212e6;border:1px solid #242424;min-height:560px}
.who{padding:14px 10px 8px;text-align:center;border-bottom:1px solid #2a2a2a}
.who b{display:block;color:var(--gold2);font-size:14px}
.who small{color:#777;font-size:11px}
.aside h4{margin:14px 0 6px;text-align:center;font-size:13px;letter-spacing:.06em}
.goldline{width:58%;height:2px;background:var(--gold);margin:0 auto 8px}
.aside a{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:700;color:#cfcfcf}
.aside a.on{background:linear-gradient(90deg,#6b5720 0%,#3a3014 55%,transparent);color:var(--gold2);box-shadow:inset 3px 0 0 var(--gold)}
.main{min-width:0}
.mtabs{display:flex;gap:3px;flex-wrap:wrap}
.mtabs a{background:#1c1c1c;color:#ccc;padding:10px 12px;font-size:11px;font-weight:800;border:1px solid #2a2a2a;border-bottom:0;display:inline-flex;align-items:center;gap:6px}
.mtabs a img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(.75)}
.mtabs a.on{background:var(--grad);color:#1a1408;border-color:transparent}
.mtabs a.on img{filter:none}
.aside a img{width:16px;height:16px;object-fit:contain}
.panel{background:#121212e6;border:1px solid #262626;min-height:560px}
.band{background:linear-gradient(90deg,#7a6418,var(--gold));color:#1a1408;font-weight:900;padding:9px 12px;font-size:13px}
.pad{padding:14px}
.subtabs{display:flex;gap:4px;padding:10px 10px 0}
.subtabs a{background:#2a2a2a;border:1px solid #333;padding:10px 16px;font-size:11px;font-weight:800}
.subtabs a.on{background:var(--grad);color:#1a1408;border-color:transparent}
.empty{text-align:center;padding:56px 12px 40px;color:#888;background:#161616;min-height:220px}
.empty .box{width:86px;height:64px;margin:0 auto 14px;background:#3a3a3a;border-radius:4px;position:relative;box-shadow:0 10px 0 #2a2a2a}
.empty .box:before{content:'';position:absolute;left:8px;top:-10px;width:28px;height:12px;background:#4a4a4a;border-radius:3px 3px 0 0}
.empty .box:after{content:'✕';position:absolute;right:-8px;top:-8px;width:20px;height:20px;border-radius:50%;background:#555;color:#111;display:grid;place-items:center;font-size:11px}
.payrow{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
.pay{min-width:108px;background:#d8d8d8;color:#222;border:0;border-radius:4px;padding:14px 8px 12px;text-align:center;font-size:12px;font-weight:800;cursor:pointer}
.pay .sico{color:#222;display:block;margin:0 auto 6px}
.pay.on{background:var(--grad);color:#1a1408}
.pay.on .sico{color:#1a1408}
.payrow.wide{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.payrow.wide .pay{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pay img,.pay svg{width:28px;height:28px;margin:0 auto 6px;display:block}
.pay small{display:block;font-weight:700;color:#aaa;margin-top:2px}
.pay.on{background:var(--grad);color:#1a1408;border-color:transparent}
.pay.on small{color:#3a2a08}
label{display:block;margin:10px 0 6px;font-size:13px;color:#bbb}
.req{color:#e11d48}
input,select,textarea{width:100%;background:#0c0c0c;border:1px solid #333;color:#fff;border-radius:3px;padding:10px}
.hint{color:#888;font-size:12px;margin:6px 0}
.instan{background:#16a34a;color:#fff;border-radius:10px;font-size:10px;padding:2px 8px;margin-left:6px;font-weight:800}
.amt{display:flex;align-items:center;gap:8px}
.amt>span{color:var(--gold2);font-weight:800;white-space:nowrap}
.go{display:block;margin:18px auto 0;min-width:220px;border:0;border-radius:6px;padding:11px 24px;font-weight:900;background:var(--grad);color:#1a1408}
.note{border:1px dashed #6b5720;color:#d4c08a;padding:12px;border-radius:6px;font-size:12px;line-height:1.55;background:#16130c}
.table{width:100%;border-collapse:collapse;font-size:12px}
.table th{color:#aaa;text-align:left;padding:8px;border-bottom:1px solid #2a2a2a}
.empty{text-align:center;padding:48px 12px;color:#777}
.folder{width:78px;height:58px;margin:0 auto 10px;border:2px solid #555;border-radius:6px;position:relative;background:#1a1a1a}
.folder:after{content:"✕";position:absolute;right:-8px;top:-10px;width:20px;height:20px;border-radius:50%;background:#333;display:grid;place-items:center;font-size:11px}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}
.filters input,.filters select{width:auto;min-width:150px}
.goldbtn{border:0;border-radius:4px;padding:8px 14px;background:var(--grad);color:#1a1408;font-weight:800}
.info2{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px;font-size:13px;margin:7px 0}
.kv span{color:#888}
.warn{display:inline-block;background:#b91c1c;color:#fff;padding:3px 7px;border-radius:3px;font-size:11px}
.bankcard{background:#191919;border:1px solid #2a2a2a;padding:12px;display:flex;justify-content:space-between;align-items:center}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kpi div{background:linear-gradient(180deg,#2a230f,#141414);border:1px solid #3d3418;padding:16px 8px;text-align:center}
.kpi b{display:block;color:var(--gold2);font-size:16px;margin-top:6px}
.welcome{text-align:center;padding:48px 16px 90px}
.welcome h1{color:#fff;font-size:22px;margin:10px 0}
.welcome p{color:#9a9a9a}
.dual{display:flex;gap:10px;justify-content:center;margin-top:12px}
.ghost{min-width:170px;border:1px solid #4a4a4a;background:#171717;color:#ddd;border-radius:18px;padding:10px 16px;font-weight:800}
.modal{position:fixed;inset:0;background:#0009;display:none;place-items:center;z-index:60}
.modal.on{display:grid}
.boxm{width:min(360px,92vw);background:#2b2b2b;border-radius:8px;padding:16px;position:relative;box-shadow:0 20px 50px #000a}
.boxm h3{margin:0 0 8px;color:var(--gold2);font-size:16px}
.boxm .x{position:absolute;right:8px;top:6px;border:0;background:none;color:#fff;font-size:18px}
.footseo{max-width:1200px;margin:28px auto 0;padding:28px 20px 50px;color:#9a9a9a;font-size:13px;line-height:1.7;background:linear-gradient(180deg,#141414cc,#0b0b0bcc)}
.footseo h3{color:#cfcfcf;font-size:20px;margin:0 0 8px;font-weight:800}
.footseo h4{color:#bdbdbd;font-size:16px;margin:22px 0 8px}
.footseo p{margin:0 0 12px}
.footseo .kicker{color:#8a8a8a;font-size:13px;margin-bottom:6px}
@media(max-width:900px){.wrap{grid-template-columns:1fr}.info2,.kpi{grid-template-columns:1fr}.cats{display:none}}


@font-face{font-family:digital_sans_ef_medium;font-display:swap;src:url(https://dsuown9evwz4y.cloudfront.net/Fonts/digital_sans_ef_medium.woff2?v=0) format("woff2")}
html,body{font-family:digital_sans_ef_medium,Arial,Helvetica,sans-serif}
.aside a{display:flex;align-items:center;gap:10px}
.aside a .icoimg{width:16px;height:16px}
.midchip .icoimg{width:16px;height:16px}

.prow{display:grid;grid-template-columns:auto 1fr auto auto;gap:0;align-items:stretch;background:#161616;border:1px solid #2a2a2a}
.prow .who2{display:flex;gap:12px;align-items:center;padding:14px 16px;min-width:210px}
.prow .who2 img.cube{width:52px;height:52px;object-fit:contain}
.prow .who2 b{color:#fff;font-size:16px}
.pills{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:10px}
.pills em{font-style:normal;background:#111;border:1px solid #333;padding:2px 6px;border-radius:3px}
.pills .lp{color:#f0d78c;border-color:#6b5720}
.pills a{color:#aaa;font-size:10px}
.pact{display:flex;align-items:stretch}
.pact a{width:92px;text-align:center;padding:12px 6px;border-left:1px solid #2a2a2a;font-size:11px;font-weight:800;color:#ddd}
.pact a img{width:22px;height:22px;margin:0 auto 6px}
.pmeta{display:flex;align-items:center;gap:16px;padding:10px 14px;border-left:1px solid #2a2a2a}
.veri{text-align:center;font-size:11px;color:#bbb}
.veri img{width:28px;height:28px;margin:4px auto 0}
.veri .dot{position:relative}
.veri .dot:after{content:"1";position:absolute;right:-4px;top:-4px;background:#e11d48;color:#fff;width:14px;height:14px;border-radius:50%;font-size:9px;display:grid;place-items:center}
.refbox{border:1px dashed #c9a227;padding:8px 12px;min-width:110px;text-align:center}
.refbox small{display:block;color:#c9a227;font-size:10px}
.refbox b{color:#f0d78c;letter-spacing:.04em}
.infocard{background:#141414;border:1px solid #2a2a2a;padding:16px}
.kv{display:grid;grid-template-columns:160px 1fr;gap:8px;font-size:13px;margin:10px 0;align-items:center}
.kv span{color:#9a9a9a;text-align:right}
.bankbox{background:#1a1a1a;border:1px solid #2a2a2a;padding:16px;position:relative}
.bankbox .edit{position:absolute;right:10px;top:10px;opacity:.7}
.bankbox .edit img{width:16px;height:16px}
.bankbox .nm{display:flex;justify-content:space-between;align-items:center;color:#bbb;font-size:13px}
.bankbox .no{font-size:22px;font-weight:900;color:#fff;letter-spacing:.04em;margin:8px 0 4px}
.bankbox .line{height:3px;width:28px;background:#c9a227;margin-top:10px}
.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px}
.statbox b{display:block;margin-bottom:8px}
.statbox table{width:100%;border-collapse:collapse;font-size:12px;background:#161616}
.statbox th{background:#1c1c1c;color:#ccc;padding:8px;text-align:left;font-weight:700}
.statbox td{padding:16px 8px;text-align:center;color:#777;border:1px solid #222}
.dana{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:#2ea3ff}
@media(max-width:900px){.prow,.statgrid{grid-template-columns:1fr}.pact{flex-wrap:wrap}.kv{grid-template-columns:1fr}}

.sico{width:16px;height:16px;flex:0 0 16px;display:inline-block;vertical-align:middle}
.aside a{color:#d4d4d4}
.aside a .sico{color:#e8c36a}
.aside a.on .sico{color:#f0d78c}
.mtabs a .sico{color:#cfcfcf}
.mtabs a.on .sico{color:#1a1408}

.formgrid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px 14px;align-items:center;max-width:740px}
.formgrid label{margin:0;color:#b0b0b0;font-size:13px}
.fld{display:flex;align-items:center;gap:8px}
.fld .req{flex:0 0 auto}
.fld input,.fld select,.fld .pwbox,.fld .caprow,.fld .phone{flex:1}
.note.gray{background:#2a2a2a;border:0;color:#cfcfcf}
.note.gray b{color:#ef4444}
.pwbox{position:relative}
.pwbox input{padding-right:36px}
.eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:#888;padding:0}
.caprow{display:flex;gap:8px;align-items:center}
.cap{background:#7dd3fc;color:#111;padding:8px 12px;font-weight:800;letter-spacing:.08em;border-radius:3px;min-width:84px;text-align:center}
.hrgold{border:0;border-top:1px solid #c9a227;margin:18px 0}
.btn-out{display:block;width:100%;background:transparent;border:1px solid #c9a227;color:#e8c36a;padding:10px;margin-bottom:10px;font-weight:800}
.btn-dis{display:block;width:100%;background:#3a3a3a;border:0;color:#8a8a8a;padding:10px;font-weight:800}
.phone{display:flex;align-items:center;gap:6px}
.phone .cc{background:#111;border:1px solid #333;padding:8px 8px;white-space:nowrap;font-size:12px}
.locki{opacity:.45}
.wa{color:#e8c36a;font-size:13px;grid-column:1/-1}
.cube3{width:48px;height:48px;border-radius:8px;background:linear-gradient(145deg,#f6e7a8,#b8860b 55%,#6b5720);box-shadow:inset 0 0 0 2px #f0d78c66,4px 4px 0 #3a3014;display:inline-block;flex:0 0 48px}
.pact a .sico{width:22px;height:22px;margin:0 auto 6px;display:block;color:#e8c36a}
.warn{max-width:210px}
@media(max-width:800px){.formgrid{grid-template-columns:1fr}}

.rowbetween{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.goldlink{color:#e8c36a;font-size:13px}
.payrow.wide{grid-template-columns:1fr 1fr}
.paypane{display:none;margin-top:16px}
.paypane.on{display:block}
.amtbox{display:flex;align-items:center;background:#0a0a0a;border:1px solid #333;border-radius:3px;padding:0 10px}
.amtbox span{color:#aaa;font-size:12px}
.amtbox .suf{color:#e8c36a}
.amtbox input{border:0;background:transparent;padding:10px}
.qrislogo{font-weight:900;letter-spacing:.08em;margin-left:8px}
.accbox{border:1px solid #2a2a2a;background:#1a1a1a;margin:14px 0}
.accbar{display:flex;justify-content:space-between;padding:12px;color:#ddd}
.accbar b{color:#e8c36a}
.accbody{padding:12px;border-top:1px solid #2a2a2a;font-size:13px}
.kvline{display:flex;justify-content:space-between;margin:6px 0;color:#bbb}
.infobar{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;padding:12px;margin:10px 0}
.infobar .fee{color:#e8a317;margin-top:4px}
.plusrow{display:flex;gap:8px}
.plusrow select{flex:1}
.plus{width:40px;border:1px solid #444;background:#222;color:#fff;font-size:20px}
.pay .vatag{display:block;font-weight:900;font-size:12px}
.footnote{background:#1a1a1a;border:1px solid #2a2a2a;padding:10px;margin-top:14px;color:#aaa}
.footnote b{color:#e8c36a}
.back{color:#fff;font-weight:800}
.danatag{background:#2563eb;padding:2px 8px;border-radius:4px;font-size:11px;margin-right:6px}
.modal.white{background:#0009}
.wbox{width:min(720px,94vw);background:#fff;color:#222;border-radius:6px;padding:18px;max-height:80vh;overflow:auto}
.wbox h4{margin:0 0 12px}
.dashmsg{border:1px dashed #ccc;padding:12px;text-align:center;color:#555;margin-bottom:12px}
.valine{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eee}
.valine i{width:10px;height:10px;border-radius:50%;background:#16a34a}
.valine.off{opacity:.45}
.valine.off i{background:#ef4444}
.valine small{display:block;color:#777;font-size:11px}
.bad{background:#cfcfcf;color:#555;border-radius:10px;font-size:10px;padding:2px 8px}
.addrow{display:flex;justify-content:space-between;align-items:center;background:#f3f3f3;padding:12px;margin-top:8px}
.darkbtn{background:#1e1b4b;color:#fff;border:0;border-radius:20px;padding:10px 22px;margin-top:12px;float:right}
.wbox label{display:block;margin:8px 0 4px}
.wbox input,.wbox select{width:100%;padding:10px;border:1px solid #ddd;background:#f4f4f4}
.bul{color:#bbb;font-size:13px;line-height:1.6}

.note.goldbox,.paypane .note{border:1px dashed #c9a227;background:#16130c;color:#e8d7a3;padding:12px 14px;border-radius:4px}
@font-face{font-family:"bootstrap-icons";src:url("../assets/fonts/bootstrap-icons.woff2") format("woff2");font-display:block}
.bi{font-family:bootstrap-icons!important;font-style:normal;font-weight:400;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased}
.bi::before{font-family:bootstrap-icons!important;display:inline-block}
.bi-person::before{content:"\f4e1"}
.bi-bank::before{content:"\f62e"}
.bi-gift::before{content:"\f3ec"}
.bi-star::before{content:"\f588"}
.bi-file-earmark-text::before{content:"\f38b"}
.bi-envelope::before{content:"\f32f"}
.bi-people::before{content:"\f4d0"}
.bi-download::before{content:"\f30a"}
.bi-life-preserver::before{content:"\f467"}
.bi-lock::before{content:"\f47b"}
.bi-pencil::before{content:"\f4cb"}
.bi-clock-history::before{content:"\f292"}
.bi-wallet2::before{content:"\f615"}
.aside a .bi{font-size:18px;width:22px;color:#e2c360}
.aside a.on .bi{color:#3a2a08}
.mtabs a{flex-direction:column}
.mtabs a .bi{font-size:18px}
.payrow.methods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.payrow.methods .pay{min-width:0;min-height:78px;background:#f3f3f3;color:#222;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.28);display:flex;flex-direction:column;align-items:center;justify-content:center}
.payrow.methods .pay svg{width:34px;height:34px;margin:0 auto 6px}
.payrow.methods .pay small{color:#222;font-weight:700;margin:0}
.payrow.methods .pay.on{background:linear-gradient(#f3dd7f,#b88416);color:#3a2a08}
.payrow.methods .pay.on small{color:#3a2a08}
.amt-head{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.amt-head label{margin:0}
.qrisbadge{display:inline-flex;align-items:center;gap:8px;color:#eee;font-weight:800;letter-spacing:.04em}
.qrisbadge b{font-size:13px}
.amtbox{background:#000}
.amtbox span{color:#cfcfcf}
.amtbox .suf{color:#d3a516;font-weight:800}
.accbox .accbody{display:none}
.accbox.open .accbody{display:block}
.accbar{width:100%;border:0;background:#222;cursor:pointer;align-items:center}
.accbar .chev{color:#ddd;margin-left:6px}
.go{width:220px;border-radius:4px;background:linear-gradient(#f3dd7f,#b88416);color:#563b00}
.head{align-items:stretch;min-height:92px;padding:0 12px}
.logo{font-size:26px;font-style:italic}
.logo i{width:48px;height:48px;box-shadow:0 0 0 3px #c9a227;font-size:12px}
.cats{max-width:none;overflow:hidden;gap:0}
.cats a{flex:1 1 0;min-width:0;font-size:10px;font-weight:700;padding:16px 0;line-height:1.15}
.cats a img{width:28px;height:28px}
.mtabs{display:flex;gap:2px}
.mtabs a{flex:1;justify-content:center;text-align:center;min-height:64px;flex-direction:column;gap:4px;line-height:1.15}
.aside a.on{background:linear-gradient(180deg,#e7c56a,#b1841c);color:#3a2a08;box-shadow:none}
.aside a.on .sico{color:#3a2a08}
.table td{padding:8px;border-bottom:1px solid #222}