body { background:#0d1016; }
.console { display:grid; grid-template-columns:240px minmax(0,1fr); min-height:100vh; }
.sidebar { background:#11151d; border-right:1px solid #252c39; padding:32px 20px; position:sticky; top:0; height:100vh; display:flex; flex-direction:column; }
.console-brand { display:flex; gap:12px; align-items:center; margin-bottom:48px; }
.console-brand i { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:#ffd21f; color:#111; font-style:normal; font-weight:800; }
.console-brand b { display:block; font-size:17px; }
.console-brand small { color:#8c98ac; letter-spacing:2px; font-size:10px; }
.sidebar nav { display:grid; gap:8px; }
.sidebar nav button { text-align:left; border:0; border-radius:8px; padding:13px 16px; background:none; color:#9da8ba; font-size:14px; cursor:pointer; }
.sidebar nav button[aria-current="page"] { color:#ffd21f; background:#ffd21f12; border-left:3px solid #ffd21f; }
.sidebar-footer { margin-top:auto; color:#8c98ac; font-size:12px; line-height:1.8; }
.console-body { min-width:0; }
.console-top { display:flex; align-items:center; justify-content:space-between; padding:22px 36px; border-bottom:1px solid #252c39; color:#9da8ba; font-size:13px; }
.console-top div { display:flex; align-items:center; gap:18px; }
.console main { padding:32px 36px 48px; max-width:1600px; margin:0 auto; }
.console .page-head { margin:0 0 28px; }
.console .page-head h1 { font-size:30px; margin:8px 0; }
.console .page-head p { max-width:unset; }
.account-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:24px 0; }
.account-kpi { padding:22px 24px; background:#141a24; border:1px solid #252e3d; border-radius:12px; }
.account-kpi span { color:#9da8ba; font-size:13px; display:block; }
.account-kpi strong { display:block; font-size:30px; margin:12px 0 4px; font-variant-numeric:tabular-nums; }
.account-kpi small { color:#6f7d91; font-size:12px; }
.account-kpi.gold strong { color:#ffd21f; }
.account-panel { border:1px solid #252e3d; background:#111722; border-radius:12px; overflow:hidden; }
.account-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px; flex-wrap:wrap; }
.account-toolbar form { display:flex; align-items:center; gap:10px; }
.account-toolbar input[type="search"] { width:280px; }
.account-toolbar label { display:flex; align-items:center; gap:12px; font-size:13px; color:#9da8ba; white-space:nowrap; }
.account-table { overflow:auto; }
.account-table table { width:100%; border-collapse:collapse; white-space:nowrap; font-size:13px; }
.account-table th { color:#8794a9; font-weight:500; text-align:left; background:#192130; padding:14px 20px; }
.account-table td { padding:18px 20px; border-top:1px solid #232c3b; }
.account-table td small { display:block; color:#718097; margin-top:5px; font-size:11px; }
.account-table tbody tr:hover { background:#17202d; }
.account-table .money { font-weight:600; font-variant-numeric:tabular-nums; }
.badge { padding:4px 9px; border-radius:5px; font-size:12px; color:#7ee5b3; background:#204c382e; }
.badge.disabled { color:#f3a3a3; background:#77313140; }
.pager { display:flex; justify-content:flex-end; align-items:center; gap:15px; padding:18px 20px; color:#8492a6; font-size:12px; border-top:1px solid #252e3d; }
.account-notice { margin-top:16px; color:#738299; font-size:12px; line-height:1.8; }
.admin-login { min-height:100vh; display:grid; place-items:center; padding:24px; }
.admin-login form { width:100%; max-width:400px; padding:36px; border:1px solid #2a3444; background:#121923; border-radius:16px; }
.admin-login h1 { font-size:24px; margin:12px 0; }
.admin-login p { color:#8a98ac; font-size:13px; line-height:1.7; margin-bottom:26px; }
.admin-login label { display:block; color:#9da8ba; font-size:13px; margin:18px 0; }
.admin-login input { margin-top:8px; width:100%; }
.admin-login .btn { width:100%; margin-top:8px; }
.admin-login .email-code-row { display:flex; align-items:center; gap:10px; }
.admin-login .email-code-row input { min-width:0; }
.admin-login .email-code-row .btn { width:auto; white-space:nowrap; flex-shrink:0; }
.admin-login .form-info { color:#7ee5b3; font-size:12px; line-height:1.7; margin-top:12px; }
.daily-modal { position:fixed; inset:0; background:#05080dcc; z-index:100; display:grid; place-items:center; padding:24px; }
.daily-dialog { width:min(600px,100%); max-height:80vh; overflow:auto; background:#121923; border:1px solid #2a3444; border-radius:16px; padding:24px; }
.daily-dialog header { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.daily-dialog h2 { font-size:20px; }
.daily-dialog pre { white-space:pre-wrap; font-size:12px; }
.daily-list { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:20px; }
.daily-list div { padding:12px; background:#1a2331; border-radius:6px; color:#8a98ac; font-size:12px; display:flex; justify-content:space-between; }
.daily-list b { color:#fff; }
@media(max-width:1100px) { .account-kpis { grid-template-columns:repeat(2,1fr); } .console { grid-template-columns:190px minmax(0,1fr); } .console main { padding:24px; } }
@media(max-width:700px) { .console { display:block; } .sidebar { height:auto; position:static; padding:20px; } .console-brand { margin-bottom:20px; } .sidebar nav { display:flex; flex-wrap:wrap; gap:4px; } .sidebar nav button { padding:10px; } .sidebar-footer { display:none; } .console-top { padding:16px 20px; } .console main { padding:20px 16px; } .account-kpis { gap:10px; } .account-kpi { padding:16px; } .account-kpi strong { font-size:24px; } .account-toolbar { padding:16px; } .account-toolbar form { width:100%; } .account-toolbar input[type="search"] { width:100%; } .daily-list { grid-template-columns:repeat(2,1fr); } }