:root{--bg:#08111f;--panel:hsla(0,0%,100%,.08);--panel-strong:hsla(0,0%,100%,.13);--line:hsla(0,0%,100%,.14);--text:#f6f8fb;--muted:#9aa8bd;--brand:#36e0c2;--accent:#ffcf5a;--danger:#ff6b7a;--ok:#6cf2a3}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}body{margin:0;color:var(--text);background:radial-gradient(circle at 20% 0,rgba(54,224,194,.18),transparent 30%),linear-gradient(135deg,#08111f,#121827 45%,#11151f);font-family:Arial,Helvetica,sans-serif;min-width:0}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh;max-width:100%;overflow-x:hidden}.sidebar{border-right:1px solid var(--line);background:rgba(4,9,18,.74);padding:24px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;flex-direction:column;gap:4px;margin-bottom:28px}.brand strong{font-size:20px}.brand span,.muted{color:var(--muted)}.nav{display:grid;grid-gap:8px;gap:8px}.ghost-button,.nav a{align-items:center;border:1px solid transparent;border-radius:8px;color:#dce6f4;display:flex;gap:10px;padding:11px 12px;width:100%;background:transparent;cursor:pointer;min-height:44px;min-width:0}.ghost-button:hover,.nav a:hover{background:var(--panel);border-color:var(--line)}.content{padding:28px;max-width:1420px;min-width:0;width:100%;overflow-wrap:anywhere}.drawer-backdrop,.mobile-appbar,.mobile-drawer{display:none}.icon-button{align-items:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:inline-flex;height:44px;justify-content:center;min-width:44px;padding:0}.compact-edit-button{height:38px;min-width:38px}.mobile-brand{display:grid;grid-gap:2px;gap:2px;min-width:0}.brand strong,.mobile-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-brand span{color:var(--muted);font-size:12px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;margin-bottom:6px}h2{font-size:21px;margin-bottom:16px}.grid{display:grid;grid-gap:16px;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.24);min-width:0;overflow-wrap:anywhere}.stat-label{color:var(--muted);font-size:13px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700}.stat-value.good{color:var(--brand)}.stat-value.warn{color:var(--accent)}.form-grid{display:grid;grid-gap:12px;gap:12px}.form-row{display:grid;grid-gap:6px;gap:6px}.form-row label{color:var(--muted);font-size:13px}input,select,textarea{background:hsla(0,0%,100%,.08);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:12px;width:100%}select option{color:#111827}textarea{min-height:126px;resize:vertical}.button{align-items:center;background:linear-gradient(135deg,var(--brand),#7cc7ff);border:0;border-radius:8px;color:#041018;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;padding:12px 14px;min-height:44px}.button.secondary{background:var(--panel-strong);border:1px solid var(--line);color:var(--text)}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.message{border:1px solid var(--line);border-radius:8px;padding:12px;white-space:pre-wrap}.message.error{border-color:rgba(255,107,122,.5);color:#ffd7dc}.message.success{border-color:rgba(108,242,163,.5);color:#ddffe9}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}table{border-collapse:collapse;min-width:720px;width:100%}td,th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;white-space:nowrap;overflow-wrap:anywhere}th{color:var(--muted);text-transform:uppercase}.pill,th{font-size:12px}.pill{border:1px solid var(--line);border-radius:999px;display:inline-flex;padding:5px 9px}.pill.active{color:var(--ok)}.pill.expiring{color:var(--accent)}.pill.expired{color:var(--danger)}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{max-width:460px;width:100%}.filters{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.modal-backdrop{align-items:center;background:rgba(2,6,14,.72);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:20}.modal-card{background:#111827;max-height:calc(100vh - 36px);max-width:620px;overflow:auto;width:100%}.compact-order{padding:0}.compact-order-head{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 16px 8px;text-align:left;width:100%}.compact-order-head>span:first-child{min-width:0;overflow-wrap:anywhere}.compact-order-meta{align-items:center;color:var(--muted);display:flex;flex:0 0 auto;gap:10px}.compact-order-summary{color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 16px 14px;font-size:13px}.compact-order-meta span,.compact-order-summary span{overflow-wrap:anywhere}.compact-order-details{border-top:1px solid var(--line);padding:16px}.add-balance-page h1{align-items:center;display:flex;gap:10px}.wallet-chip{background:linear-gradient(135deg,rgba(54,224,194,.18),rgba(255,207,90,.1));min-width:220px}.bank-card{background:linear-gradient(135deg,rgba(54,224,194,.14),rgba(255,207,90,.08)),hsla(0,0%,100%,.07);border:1px solid rgba(54,224,194,.34);border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,.22);margin:22px 0;padding:56px 24px;text-align:center}.bank-card p{font-size:15px;font-weight:700;letter-spacing:3px;text-transform:uppercase}.bank-number{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:center;font-family:Courier New,monospace;font-size:clamp(26px,5vw,42px);font-weight:800;letter-spacing:4px;margin:32px 0;overflow-wrap:anywhere}.bank-copy-button{border-color:rgba(54,224,194,.4);color:var(--text);flex:0 0 auto;width:auto}.bank-copy-button:hover{background:rgba(54,224,194,.12)}.verify-info{padding:0;overflow:hidden}.verify-info>h2{background:linear-gradient(135deg,rgba(54,224,194,.2),rgba(255,207,90,.1));border-bottom:1px solid rgba(54,224,194,.24);margin:0;padding:18px 28px}.verify-info>.grid{padding:28px}.verify-form-card{background:hsla(0,0%,100%,.04);border:1px solid var(--line);border-radius:8px;padding:24px}.payment-warning{background:rgba(255,207,90,.12);border-color:rgba(255,207,90,.5);color:#ffd879;margin:0 28px 28px}@media (max-width:980px){.shell{display:block;grid-template-columns:1fr;padding-top:64px}.sidebar{display:none}.mobile-appbar{align-items:center;background:rgba(4,9,18,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;grid-template-columns:44px minmax(0,1fr) 44px;left:0;min-height:64px;padding:10px 14px;position:fixed;right:0;top:0;z-index:30}.drawer-backdrop{background:rgba(2,6,14,.62);display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .16s ease;z-index:39}.drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{background:#0b1322;border-right:1px solid var(--line);bottom:0;box-shadow:22px 0 70px rgba(0,0,0,.45);display:flex;flex-direction:column;left:0;max-width:min(86vw,340px);overflow-y:auto;padding:14px;position:fixed;top:0;transform:translateX(-104%);transition:transform .18s ease;width:100%;z-index:40}.mobile-drawer.open{transform:translateX(0)}.drawer-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.mobile-nav{display:grid;grid-gap:8px;gap:8px}.mobile-nav .ghost-button,.mobile-nav a{background:hsla(0,0%,100%,.06);border-color:var(--line);width:100%}.filters,.two{grid-template-columns:1fr}.stats,.stats-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:16px;max-width:100%}.topbar{align-items:stretch;flex-direction:column}h1{font-size:28px}.stat-value{font-size:24px}.button{width:100%}.card{padding:14px;box-shadow:0 12px 32px rgba(0,0,0,.2)}.wallet-chip{min-width:0;width:100%}.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody,.table-wrap td,.table-wrap th,.table-wrap thead,.table-wrap tr{display:block;min-width:0;width:100%}.table-wrap table{border-collapse:separate;border-spacing:0}.table-wrap thead{display:none}.table-wrap tbody{display:grid;grid-gap:12px;gap:12px}.table-wrap tr{background:hsla(0,0%,100%,.045);border:1px solid var(--line);border-radius:8px;padding:10px}.table-wrap td{align-items:start;border-bottom:1px solid hsla(0,0%,100%,.09);display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(96px,38%) minmax(0,1fr);padding:10px 2px;text-align:right;white-space:normal;word-break:break-word}.table-wrap td:last-child{border-bottom:0}.table-wrap td:before{color:var(--muted);content:attr(data-label);font-size:12px;font-weight:700;text-align:left;text-transform:uppercase}.table-wrap td[data-label=""]:before{content:""}.table-wrap td[data-label=Actions]{grid-template-columns:1fr;text-align:left}.table-wrap td .ghost-button{justify-content:center;width:auto}.modal-backdrop{align-items:flex-start;padding:12px}.modal-card{max-height:calc(100vh - 24px);max-width:100%}.compact-order-head{align-items:flex-start;flex-wrap:wrap}.compact-order-meta{flex-wrap:wrap;justify-content:flex-start;width:100%}.bank-card{border-radius:12px;padding:34px 14px}.bank-card p{font-size:13px;letter-spacing:1.5px}.bank-number{font-size:clamp(22px,8vw,32px);gap:10px;letter-spacing:1.5px;margin:24px 0}.verify-info>.grid{padding:14px}.payment-warning{margin:0 14px 14px}}@media (max-width:560px){.content{padding:10px}.sidebar{padding:12px 10px 8px}.brand strong{font-size:18px}.brand span{font-size:13px}.nav{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}h1{font-size:24px}h2{font-size:18px}input,select,textarea{font-size:16px}td,th{padding:10px 8px}.topbar{margin-bottom:14px}.grid,.topbar{gap:10px}.stats,.stats-compact{grid-template-columns:1fr}.card,.login-page{padding:12px}.message{overflow-wrap:anywhere}}