body { background: radial-gradient(ellipse at 35% 0, #24434b44, transparent 45%), radial-gradient(ellipse at 95% 40%, #51406322, transparent 45%), #101b2d; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 232px; padding: 32px 24px; background: linear-gradient(150deg,#162638,#0e1829 70%); display:flex; flex-direction:column; box-shadow: 8px 0 32px #02071133; z-index:20; }
.dash-brand,.mobile-brand { display:flex; align-items:center; gap:.65rem; text-decoration:none; font-size:1.2rem; font-weight:700; overflow-wrap:anywhere; }
.nav-caption { color:var(--muted);font-size:.75rem;margin:3rem 0 .75rem; }
.nav-button { display:flex;align-items:center;gap:.8rem;width:100%;border:0;background:transparent;color:var(--muted);text-align:left;padding:.8rem .9rem;border-radius:10px;font-size:.875rem;min-height:46px;text-decoration:none; }
.nav-button:hover { background:#ffffff06;color:var(--text); }
.nav-button[aria-current='page'] { color:#baffef;background:linear-gradient(110deg,#24545188,#21314988);box-shadow:inset 1px 1px 0 #99e9d52b; }
.sidebar-end { margin-top:auto;display:grid;gap:.6rem;padding-top:2rem;font-size:.75rem;color:var(--muted); }
.sidebar-end a { padding:.3rem .8rem; }
.dashboard-shell { margin-left:232px; }
.dash-header { min-height:96px;padding:1.5rem clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:1rem; }
.header-context { font-size:.8rem;color:var(--muted); }
.member { display:flex;align-items:center;gap:.7rem;font-size:.8rem;min-width:0;overflow-wrap:anywhere; }
.member-mark { display:grid;place-items:center;width:34px;height:34px;flex:none;background:linear-gradient(145deg,#496367,#243347);border-radius:50%;box-shadow:inset 1px 1px 0 #e0f6ef44;color:#def4ec; }
.mobile-brand,.bottom-nav { display:none; }
#workspace { max-width:1400px;margin:auto;padding:1.5rem clamp(24px,4vw,64px) 3rem; }
.page-heading { display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem; }
.page-heading p { font-size:.8rem;color:var(--muted);margin-bottom:.5rem; }
.page-heading h1 { font-size:clamp(2rem,4vw,2.8rem);font-weight:500; }
.page-heading .btn { font-size:.8rem; }
.dash-grid { display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem; }
.dash-card { padding:clamp(1.25rem,2.5vw,2rem);border-radius:20px;background:var(--material);box-shadow:var(--shadow);min-width:0; }
.dash-card h2 { font-size:1.2rem;font-weight:500;margin-bottom:1rem; }
.dash-card h3 { font-size:1rem;margin-bottom:.7rem; }
.dash-card p + p { margin-top:.75rem; }
.dash-card p { overflow-wrap:anywhere; }
.balance-card { position:relative;overflow:hidden;border:1px solid transparent;background:linear-gradient(125deg,#2d4b57,#182c40 48%,#242439) padding-box,var(--edge) border-box;box-shadow:var(--shadow-raised);min-height:292px; }
.balance-card::after { content:'';position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #bfece011;right:-85px;top:-125px;box-shadow:0 0 0 35px #bfece004,0 0 0 70px #bfece003;pointer-events:none; }
.balance-card .balance { font-size:clamp(2.5rem,5vw,4rem);line-height:1.2;letter-spacing:-.06em;margin-top:1.5rem;color:var(--text); }
.currency { font-family:var(--font);font-size:.8rem;letter-spacing:0;color:var(--muted);margin-left:.7rem; }
.card-label { color:var(--muted);font-size:.8rem; }
.card-actions { display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem; }
.card-actions .btn { font-size:.8rem; }
.count { font-size:3rem;line-height:1.2;margin:.75rem 0;color:var(--text); }
.wide { grid-column:1/-1; }
.section-gap { margin-top:1.5rem; }
.subtle { color:var(--muted);font-size:.875rem;line-height:1.85; }
.detail-text { white-space:pre-wrap;overflow-wrap:anywhere; }
.copy-line { display:flex;gap:.75rem;align-items:center;margin-block:1rem;padding:1rem;background:#0c1729a6;border-radius:12px;min-width:0; }
.copy-line code { flex:1;min-width:0;font-size:.875rem;overflow-wrap:anywhere; }
.copy-line .btn { flex:none;font-size:.75rem;min-height:44px; }
.license-card { border:1px solid transparent;background:var(--material) padding-box,var(--edge) border-box;box-shadow:var(--shadow-raised); }
.license-head { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem; }
.badge { display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:6px;background:#25364a;color:#d1dded;font-size:.7rem;white-space:nowrap; }
.badge.active,.badge.sent { background:#073d2d;color:var(--positive); }
.badge.failed { background:#351824;color:#ff9aaf; }
.info-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0; }
.info-list dt { color:var(--muted);font-size:.75rem; }
.info-list dd { margin:.25rem 0 0;font-size:.9rem;overflow-wrap:anywhere; }
.notice { display:flex;gap:.8rem;padding:1rem 1.2rem;border-radius:12px;background:#26394b;color:#d9e8ee;font-size:.85rem;margin-block:1rem; }
.notice .icon { margin-top:.2rem; }
.error-box { padding:1rem;border-radius:12px;background:#291d2e;color:#ffacbc;margin:1rem 0;font-size:.875rem; }
.empty-box { text-align:center;padding:3rem 1.5rem; }
.empty-box .icon { width:34px;height:34px;color:#b4d9cf;margin-bottom:1rem; }
.empty-box h2 { font-size:1.4rem;margin-bottom:.75rem; }
.empty-box .btn { margin-top:1.5rem; }
.table-wrap { overflow-x:auto;max-width:100%;border-radius:12px; }
table { width:100%;border-collapse:collapse;font-size:.8rem; }
th { text-align:left;color:var(--muted);font-weight:500;padding:1rem .8rem; }
td { padding:1rem .8rem;border-top:1px solid #34465e66;vertical-align:top; }
td p { max-width:28rem;overflow-wrap:anywhere; }
td .money { white-space:nowrap; }
.filters { display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem; }
.filters button { border:1px solid #51627b;background:#122137;color:var(--muted);border-radius:9px;padding:.65rem .85rem;font-size:.8rem;min-height:44px; }
.filters button[aria-pressed='true'] { color:#baffef;border-color:#559c91;background:#24443f; }
.pager { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.8rem;color:var(--muted); }
.qr-panel { display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin-block:1.5rem; }
.qr-image { background:white;padding:12px;border-radius:12px;flex:none;min-width:204px;min-height:204px; }
.qr-image img { display:block; }
.settings-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem; }
.dash-form .field { margin-block:1rem; }
.dash-form input { min-height:48px;font-size:1rem; }
.dash-form fieldset { margin:0;padding:0;border:0;min-width:0; }
.dash-form .btn { margin-top:.75rem; }
.dash-form label { font-size:.85rem; }
.dash-form input[readonly] { color:var(--muted); }
.checklist { padding:0;list-style:none; }
.checklist li { display:flex;gap:.65rem;align-items:center;margin-block:.8rem;font-size:.875rem; }
.checklist .met { color:var(--positive); }
.withdraw-amount { display:flex;gap:.65rem;align-items:center; }
.withdraw-amount input { min-width:0; }
dialog { width:min(560px,calc(100% - 32px));max-height:90dvh;overflow-y:auto; }
dialog h2 { font-size:1.5rem;margin-bottom:1.5rem; }
dialog .otp { margin:1rem 0; }
.dialog-totals { padding:1rem;background:#0e192a;border-radius:12px;margin:1rem 0; }
.dialog-totals p { display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;margin:.5rem 0; }
.dialog-totals strong { font-family:var(--mono);font-weight:500; }
.step-list { padding-left:1.4rem; }
.step-list li { padding-left:.5rem;margin-block:1.25rem;color:var(--muted);font-size:.9rem;line-height:1.9; }
.dash-footer,.dash-dev { margin:0 clamp(24px,4vw,64px);padding:1.5rem 0;color:var(--muted);font-size:.75rem; }
.dash-dev { display:flex;align-items:center;flex-wrap:wrap;gap:1rem; }
.dash-dev select { width:auto;max-width:100%;font-size:.8rem; }
.menu-list { display:grid;gap:.5rem; }
@media(max-width:1050px) { .sidebar{width:200px;padding:28px 16px}.dashboard-shell{margin-left:200px}.dash-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.card-actions .btn{flex:1}.balance-card{min-height:0} }
@media(max-width:760px) {
 .sidebar,.header-context{display:none}.dashboard-shell{margin-left:0;padding-bottom:85px}.mobile-brand{display:flex;font-size:1rem}.dash-header{padding:20px;min-height:76px}.member-mark{display:none}.member{max-width:42%;font-size:.75rem}
 #workspace{padding:1rem 20px 2rem}.page-heading{margin-bottom:1.5rem}.page-heading h1{font-size:2rem}.page-heading .btn{padding:.65rem .8rem;min-height:44px}.dash-grid{grid-template-columns:1fr}.dash-card{padding:1.4rem}.balance-card .balance{font-size:3rem}.dash-card h2{font-size:1.15rem}
 .bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;inset:auto 0 0;background:#101c2ef5;backdrop-filter:blur(8px);padding:8px 12px max(8px,env(safe-area-inset-bottom));box-shadow:0 -8px 25px #030a1533;z-index:30}.bottom-nav .nav-button{display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:.5rem .2rem;font-size:.68rem;min-height:56px}.bottom-nav .icon{width:20px;height:20px}
 .copy-line{flex-wrap:wrap}.copy-line code{flex-basis:100%}.copy-line .btn{width:100%}.license-head{flex-wrap:wrap}.info-list{grid-template-columns:1fr 1fr}.dash-footer,.dash-dev{margin-inline:20px}.qr-panel{justify-content:center}.qr-panel>div{width:100%}.qr-panel .qr-image{width:auto}.table-wrap{border:1px solid #34465e55}table{min-width:570px}.pager .btn{font-size:.75rem;padding:.65rem}.notice{padding:1rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto !important}}
@media (hover:hover) and (pointer:fine) {
 .balance-card,.license-card { transition: transform .2s var(--ease),box-shadow .2s var(--ease); }
 .balance-card:hover,.license-card:hover { transform:translateY(-2px);box-shadow:var(--edge-light),0 8px 14px #02071155,0 32px 54px -18px #020711cc,-10px 20px 48px -26px #00e5cc55,16px 24px 48px -30px #ff5fa25c; }
}
@media (prefers-reduced-motion:reduce) { .balance-card:hover,.license-card:hover { transform:none;transition:none; } }