:root{--navy:#1b3b6f;--navy-700:#15305c;--navy-600:#21467f;--navy-500:#2f5aa6;--accent:#3b6fd4;--bg:#f5f7fb;--bg-2:#eef2f8;--card:#fff;--border:#e8ecf4;--border-strong:#d6dde8;--text:#101828;--text-2:#414b5a;--muted:#6b7583;--faint:#98a2b3;--green:#0f9d58;--green-bg:#e7f6ee;--green-bd:#b7e4c9;--amber:#b9770b;--amber-bg:#fdf4e3;--amber-bd:#f0d9a8;--red:#d92d20;--red-bg:#fdecea;--red-bd:#f4c4bf;--blue:#2563eb;--blue-bg:#e9f1fe;--blue-bd:#bcd4fb;--paypal:#0070ba;--stripe:#635bff;--airwallex:#7a45ff;--shadow-xs:0 1px 2px #1018280d;--shadow:0 1px 2px #1018280a, 0 2px 6px #1018280d;--shadow-md:0 4px 14px #10182814;--shadow-lg:0 16px 40px #10182824;--radius:14px;--radius-sm:9px;--ring:0 0 0 3px #2f5aa629}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 380px at 100% -140px, #e9eefb 0%, transparent 60%), var(--bg);color:var(--text);letter-spacing:-.06px;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,Roboto,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}::selection{background:#2f5aa62e}a{color:var(--navy-500);text-decoration:none;transition:color .12s}a:hover{color:var(--navy-700);text-decoration:none}h1,h2,h3,h4{color:var(--text);letter-spacing:-.3px;margin:0;font-weight:650}code{color:#33405a;background:#eef2f8;border-radius:6px;padding:1.5px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}button,input,select,textarea,a,summary{transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform 60ms}:focus-visible{box-shadow:var(--ring);border-radius:6px;outline:none}.topbar{background:linear-gradient(180deg, #204378 0%, var(--navy) 100%);color:#fff;z-index:50;align-items:center;gap:22px;height:62px;padding:0 22px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #ffffff0f,0 6px 20px #1020402e}.brand{color:#fff;white-space:nowrap;letter-spacing:-.2px;align-items:center;gap:10px;font-size:15.5px;font-weight:700;display:flex}.brand .logo{background:linear-gradient(135deg,#4d84e6,#7a45ff);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;box-shadow:0 2px 8px #503cc866}.brand:hover{text-decoration:none}.nav{flex:1;align-items:center;gap:2px;display:flex}.nav a{color:#c3d2ef;border-radius:9px;align-items:center;gap:7px;padding:8px 13px;font-size:13.5px;font-weight:500;display:inline-flex}.nav a:hover{color:#fff;background:#ffffff1a;text-decoration:none}.nav a.active{color:#fff;background:#ffffff26;box-shadow:inset 0 0 0 1px #ffffff14}.topbar-right{align-items:center;gap:12px;display:flex}.bell{color:#c3d2ef;cursor:pointer;font-size:18px;display:inline-flex;position:relative}.bell:hover{color:#fff}.bell .dot{background:var(--red);color:#fff;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--navy);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-6px}.user-chip{color:#eaf0fb;border-radius:999px;align-items:center;gap:9px;padding:5px 8px 5px 5px;font-size:13.5px;font-weight:500;display:flex}.user-chip:hover{background:#ffffff14}.avatar{background:linear-gradient(135deg,#4d84e6,#7a45ff);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 6px #503cc859}.icon-btn{color:#c3d2ef;cursor:pointer;background:#ffffff17;border:0;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:inline-flex}.icon-btn:hover{color:#fff;background:#ffffff2e}.container{max-width:1240px;margin:0 auto;padding:26px 24px;animation:.18s fadein}@keyframes fadein{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.page-head h1{font-size:21px;font-weight:680}.breadcrumb{color:var(--muted);font-size:12.5px}.breadcrumb b{color:var(--text-2);font-weight:600}.mode-banner{color:var(--text-2);margin:-6px 0 20px;font-size:13px}.mode-banner b{color:var(--navy);font-weight:650}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.card-h{border-bottom:1px solid var(--border);background:linear-gradient(#fdfdff,#fafbfe);justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;display:flex}.card-h h2{letter-spacing:-.2px;font-size:14.5px;font-weight:640}.card-b{padding:20px}.card-b.tight{padding:4px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.kpis{grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:16px;margin-bottom:22px;display:grid}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:17px 18px;transition:box-shadow .16s,transform .16s;position:relative;overflow:hidden}.kpi:before{content:"";background:linear-gradient(var(--accent), var(--airwallex));opacity:0;width:3px;transition:opacity .16s;position:absolute;top:0;bottom:0;left:0}.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi:hover:before{opacity:.9}.kpi .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:9px;font-size:11.5px;font-weight:600;display:flex}.kpi .value{color:var(--text);letter-spacing:-.6px;font-variant-numeric:tabular-nums;font-size:27px;font-weight:720;line-height:1.1}.kpi .sub{color:var(--faint);margin-top:4px;font-size:12px}.kpi .ic{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:2.5px 9px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-flex}.badge.green{background:var(--green-bg);color:var(--green);border-color:var(--green-bd)}.badge.red{background:var(--red-bg);color:var(--red);border-color:var(--red-bd)}.badge.amber{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-bd)}.badge.blue{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-bd)}.badge.gray{color:var(--muted);background:#eef1f6;border-color:#e2e7ef}.badge.dark{color:#fff;background:#1f2937}.gw{letter-spacing:.2px;text-transform:capitalize;border-radius:999px;align-items:center;padding:2.5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.gw.paypal{color:var(--paypal);background:#e6f2fb}.gw.stripe{color:var(--stripe);background:#ece9ff}.gw.airwallex{color:var(--airwallex);background:#f1e9ff}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%}table.data th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--border);white-space:nowrap;background:#fafbfd;padding:11px 16px;font-size:11px;font-weight:650;position:sticky;top:0}table.data td{color:var(--text-2);vertical-align:middle;border-bottom:1px solid #eef1f6;padding:13px 16px;font-size:13.5px}table.data tbody tr{transition:background .1s}table.data tbody tr:last-child td{border-bottom:0}table.data tbody tr:hover td{background:#f7f9fd}.t-strong{color:var(--text);font-weight:600}.t-mono{font-variant-numeric:tabular-nums}.meter{background:#eef1f6;border-radius:6px;min-width:120px;height:6px;overflow:hidden}.meter>span{border-radius:6px;height:100%;transition:width .3s;display:block}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:7px;padding:9px 15px;font-size:13.5px;font-weight:600;line-height:1;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg, #24518f, var(--navy));color:#fff;box-shadow:0 1px 2px #10204040,inset 0 1px #ffffff1f}.btn.primary:hover{background:linear-gradient(180deg, #29579a, var(--navy-600))}.btn.orange{color:#fff;background:linear-gradient(#f0851c,#e2760f);box-shadow:0 1px 2px #b45a0a47,inset 0 1px #ffffff2e}.btn.orange:hover{filter:brightness(1.04)}.btn.ghost{color:var(--text-2);border-color:var(--border-strong);box-shadow:var(--shadow-xs);background:#fff}.btn.ghost:hover{color:var(--text);background:#f7f9fc;border-color:#c4cdda}.btn.danger{background:linear-gradient(180deg, #e5473b, var(--red));color:#fff;box-shadow:0 1px 2px #b41e1447}.btn.danger:hover{filter:brightness(1.04)}.btn.sm{border-radius:8px;padding:6.5px 11px;font-size:12.5px}.field{margin-bottom:14px}.field label{color:var(--text-2);letter-spacing:-.1px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input,.select,textarea.input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;outline:none;padding:9.5px 12px;font-family:inherit;font-size:13.5px}.input::placeholder,textarea.input::placeholder{color:#aeb6c4}.input:hover,.select:hover{border-color:#c4cdda}.input:focus,.select:focus,textarea.input:focus{border-color:var(--navy-500);box-shadow:var(--ring)}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7583' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--navy-500);cursor:pointer}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .spacer{flex:1}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty .ic{opacity:.45;margin-bottom:10px;font-size:30px}.login-err,.alert{border:1px solid var(--red-bd);background:var(--red-bg);color:#b42318;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:500;display:flex}.alert.ok{background:var(--green-bg);border-color:var(--green-bd);color:#0a7a44}.alert.info{background:var(--blue-bg);border-color:var(--blue-bd);color:#1a4bcc}.login-wrap{background:radial-gradient(1100px 520px at 50% -8%, #dfe8fb 0%, var(--bg) 62%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;padding:36px 32px;animation:.22s fadein}.login-card .logo{background:linear-gradient(135deg, var(--navy), #6d5bd0);color:#fff;border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 18px;font-size:25px;display:flex;box-shadow:0 8px 22px #3c32a059}.login-card h1{text-align:center;font-size:22px;font-weight:700}.login-card .sub{text-align:center;color:var(--muted);margin:6px 0 26px;font-size:13.5px}.login-card .field label{text-align:left}.login-card .btn{justify-content:center;width:100%;margin-top:4px;padding:12px;font-size:15px}.login-card .login-err{margin-bottom:16px}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:16px 24px;font-size:12.5px;display:flex}.footer .tok{color:var(--faint);font-family:ui-monospace,monospace}.legend{color:var(--text-2);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.legend .k{align-items:center;gap:6px;display:inline-flex}.legend .sw{border-radius:3px;width:10px;height:10px;display:inline-block}.donut-rows{margin-top:8px}.donut-rows .r{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.donut-rows .r:last-child{border-bottom:0}details>summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}details>summary::-webkit-details-marker{display:none}details>summary:after{content:"";opacity:.7;border-bottom:1.6px solid;border-right:1.6px solid;width:8px;height:8px;margin-left:2px;transition:transform .16s;transform:rotate(45deg)translateY(-1px)}details[open]>summary:after{transform:rotate(-135deg)translateY(-1px)}.pop-form{border:1px solid var(--border);text-align:left;max-width:720px;box-shadow:var(--shadow-xs);background:#fbfcfe;border-radius:12px;margin-top:12px;padding:18px;animation:.16s fadein}.pop-form .field{margin-bottom:13px}.pop-form .grid-2{gap:12px}.details-inline{display:inline-block;position:relative}.details-inline>.pop-form{min-width:300px;box-shadow:var(--shadow-md);background:#fff}