/* Admin visual refresh; Wallets & Packages is excluded. */
#side{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
#side>.nav{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
#side>.logout{position:static;margin-top:18px;flex-shrink:0}
#side .nav button.mwa-nav{display:flex;align-items:center;gap:11px;min-height:48px;padding:10px 11px;color:#c9d8ed;border:1px solid transparent;font-size:13px;font-weight:600;line-height:1.4;transition:background .15s}
#side .nav button.mwa-nav:hover{background:#1a2d48;border-color:#294467;color:#fff}
#side .nav button.mwa-nav.active{background:linear-gradient(110deg,#164b99,#2465c6);border-color:#3578d7;color:white;box-shadow:0 5px 16px #02061725}
.mwa-nav-icon{width:32px;height:32px;padding:7px;flex:0 0 32px;border-radius:9px;background:var(--icon-bg);color:var(--icon-color)}
.mwa-nav-icon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mwa-nav.active .mwa-nav-icon{background:#ffffff25;color:#fff}
.page:not(#page-wallets){--accent:#2563eb;--tint:#eff6ff;color:#1d3451}
#page-resellers{--accent:#168b78;--tint:#effaf6}#page-newreseller{--accent:#7654c7;--tint:#f6f2ff}#page-orders{--accent:#2976b8;--tint:#eff8ff}#page-package-requests{--accent:#b47b13;--tint:#fff9eb}#page-activity{--accent:#596bc0;--tint:#f3f5ff}
.page:not(#page-wallets) .card{border:1px solid #dfe7f2;border-top:3px solid var(--accent);border-radius:18px;padding:24px;box-shadow:0 6px 22px #1d426309}
.page:not(#page-wallets) .card>h3{font-size:19px;letter-spacing:-.3px;color:#173553;margin:0 0 20px}
.page:not(#page-wallets) .toolbar{padding:14px;background:var(--tint);border:1px solid #e1e9f4;border-radius:12px;align-items:center;flex-wrap:wrap}
.page:not(#page-wallets) input:not([type=checkbox]):not([type=radio]),.page:not(#page-wallets) select,.page:not(#page-wallets) textarea{min-height:42px;max-width:100%;border:1px solid #cddbeb;border-radius:9px;padding:10px 12px;background:#fff;color:#233e5b;font-size:13px}
.page:not(#page-wallets) :is(input,select,textarea):focus{outline:2px solid var(--accent);outline-offset:2px}
.page:not(#page-wallets) .field label{color:#4b6280;font-size:12px;font-weight:650}
.page:not(#page-wallets) .primary{background:var(--accent);color:white;min-height:39px;font-size:12px;box-shadow:0 3px 8px #19374b12}
.page:not(#page-wallets) .secondary{background:var(--tint);color:var(--accent);border:1px solid #dae4f0;font-size:12px}
.page:not(#page-wallets) button:focus-visible,#side .mwa-nav:focus-visible{outline:2px solid #72acff;outline-offset:3px}
.page:not(#page-wallets) .tablewrap{border:1px solid #e2e9f2;border-radius:12px;overflow:auto}
.page:not(#page-wallets) .table th{background:var(--tint);color:#476380;font-size:11px;letter-spacing:.3px;padding:14px 12px;white-space:nowrap}
.page:not(#page-wallets) .table td{padding:14px 12px;font-size:12px;border-bottom:1px solid #edf1f7;line-height:1.6}
.page:not(#page-wallets) .table tbody tr:nth-child(even){background:#fafcff}.page:not(#page-wallets) .table tbody tr:hover{background:var(--tint)}
.page:not(#page-wallets) .kv{background:var(--tint);border:1px solid #e2eaf4;border-radius:11px;padding:14px}
.page:not(#page-wallets) .kv b{color:#627c96;font-size:10px;letter-spacing:.4px}.page:not(#page-wallets) .kv span{font-size:13px;color:#20425c;overflow-wrap:anywhere}
#page-dashboard .stat{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff,#eff6ff);border:1px solid #d8e5f7;border-left:4px solid #4285e5;border-radius:15px;padding:20px;box-shadow:0 5px 18px #25496e07}
#page-dashboard .stat:nth-child(2){background:linear-gradient(115deg,#fff,#eefaf5);border-left-color:#23a47e}
#page-dashboard .stat:nth-child(3){background:linear-gradient(115deg,#fff,#fff8ec);border-left-color:#d79a35}
#page-dashboard .stat:nth-child(4){background:linear-gradient(115deg,#fff,#f5f1ff);border-left-color:#9870d7}
#page-dashboard .stat .label{font-size:12px;color:#536f8d}#page-dashboard .stat .num{font-size:30px;color:#183d67;margin-top:12px}
@media(max-width:650px){.page:not(#page-wallets) .card{padding:16px}#page-dashboard .stat{padding:15px}.page:not(#page-wallets) .toolbar>*{max-width:100%}}