:root,body{font-size:14px}:root{--steel-900:#0E2A43;--steel-800:#123A5F;--steel-700:#15497A;--steel-600:#1663A0;--steel-500:#1B6FB5;--steel-100:#DBEAF7;--steel-050:#F2F6FA;--gold-600:#C4880D;--gold-500:#E8A317;--gold-100:#FCF1D9;--green:#12855F;--green-100:#DFF3EB;--red:#C0392B;--red-100:#FADBD5;--amber:#B7791F;--amber-100:#FBEED0;--ink:#16202A;--grey:#5C6B7A;--grey-lt:#93A1AF;--line:#E4EAF0;--line-2:#EEF2F6;--bg:#F4F7FA;--card:#FFFFFF;--r:14px;--r-sm:9px;--shadow:0 1px 2px rgba(14,42,67,.06),0 2px 10px rgba(14,42,67,.05);--shadow-lg:0 8px 30px rgba(14,42,67,.14)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 700px at 70% -10%,#1b5c93,#0e2a43 55%,#081827);padding:24px}.login-card{width:100%;max-width:420px;background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);padding:38px 34px 30px}.login-logo{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--steel-700),var(--steel-500));color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;margin-bottom:20px;box-shadow:var(--shadow)}.login-brand{font-size:20px;font-weight:800;letter-spacing:1px;color:var(--steel-900)}.login-brand span{color:var(--gold-500)}.login-tag{font-size:12px;color:var(--grey);margin-top:3px}.login-h{font-size:16px;font-weight:700;margin:26px 0 4px}.login-sub{font-size:13px;color:var(--grey);margin-bottom:20px}.badge-admin{display:inline-flex;align-items:center;gap:6px;background:var(--steel-050);border:1px solid var(--steel-100);color:var(--steel-700);font-size:11px;font-weight:700;padding:5px 11px;border-radius:20px;margin-top:14px}.app{display:none;min-height:100vh}.app.on{display:flex}.sidebar{width:238px;min-width:238px;background:var(--steel-900);color:#c9d7e4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sb-head{padding:18px 18px 16px;border-bottom:1px solid #1C4064;display:flex;align-items:center;gap:11px}.sb-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--steel-600),var(--steel-500));display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:19px}.sb-brand{font-size:14px;font-weight:800;color:#fff;line-height:1.2}.sb-brand small{display:block;font-size:10px;font-weight:600;color:#7e96ab;letter-spacing:.3px}.sb-scroll{flex:1;overflow-y:auto;padding:10px 10px 18px}.sb-scroll::-webkit-scrollbar{width:5px}.sb-scroll::-webkit-scrollbar-thumb{background:#1c4064;border-radius:4px}.sb-group{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#5e7893;padding:14px 12px 6px}.sb-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;font-size:13px;color:#c9d7e4;cursor:pointer;position:relative}.sb-item:hover{background:#16385a}.sb-item.active{background:var(--steel-600);color:#fff;font-weight:600}.sb-ic{width:18px;text-align:center;font-size:15px;flex:none}.sb-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 7px;min-width:18px;text-align:center}.sb-item.active .sb-badge{background:#ffffff40}.sb-foot{padding:12px 16px;border-top:1px solid #1C4064;font-size:10.5px;color:#5e7893}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 24px;position:sticky;top:0;z-index:30}.tb-search{flex:1;max-width:380px;display:flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--grey-lt);font-size:13px}.tb-search input{border:none;background:none;outline:none;flex:1;font-family:inherit;font-size:13px;color:var(--ink)}.tb-spacer{flex:1}.tb-ic{width:38px;height:38px;border-radius:10px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;cursor:pointer}.tb-ic .n-dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--red);border:1.5px solid #fff}.tb-user{display:flex;align-items:center;gap:10px;cursor:pointer}.tb-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--steel-700),var(--steel-500));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.tb-uname{font-size:13px;font-weight:700;line-height:1.2}.tb-urole{font-size:11px;color:var(--grey-lt)}.content{padding:24px;flex:1}.view{display:none}.view.on{display:block}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.page-title{font-size:22px;font-weight:800}.page-sub{font-size:13px;color:var(--grey);margin-top:3px}.ph-spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:none;border-radius:10px;background:var(--steel-700);color:#fff;font-size:13px;font-weight:700}.btn:hover{background:var(--steel-800)}.btn.sm{padding:6px 12px;font-size:12px;border-radius:8px}.btn.ghost{background:#fff;color:var(--steel-700);border:1.5px solid var(--steel-700)}.btn.ghost:hover{background:var(--steel-050)}.btn.green{background:var(--green)}.btn.green:hover{background:#0e6b4c}.btn.red{background:var(--red)}.btn.red:hover{background:#9e2b1f}.btn.gold{background:linear-gradient(135deg,var(--gold-500),var(--gold-600))}.btn.grey{background:#fff;color:var(--grey);border:1.5px solid var(--line)}.btn.grey:hover{background:var(--bg)}.grid-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:22px}.kpi{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;border:1px solid var(--line-2)}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px}.kpi-ic.blue{background:var(--steel-100)}.kpi-ic.gold{background:var(--gold-100)}.kpi-ic.green{background:var(--green-100)}.kpi-ic.red{background:var(--red-100)}.kpi-ic.amber{background:var(--amber-100)}.kpi-val{font-size:26px;font-weight:800;margin-top:12px;letter-spacing:-.5px}.kpi-lab{font-size:12px;color:var(--grey);font-weight:600;margin-top:2px}.kpi-delta{font-size:11px;font-weight:700;margin-top:6px}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line-2);overflow:hidden}.card-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line-2)}.card-title{font-size:14.5px;font-weight:800}.card-head .spacer{flex:1}.card-body{padding:18px}.two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--grey-lt);padding:11px 18px;border-bottom:1px solid var(--line);background:var(--steel-050);white-space:nowrap}tbody td{padding:13px 18px;border-bottom:1px solid var(--line-2);font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--steel-050)}.t-main{font-weight:700}.t-sub{font-size:11.5px;color:var(--grey-lt);margin-top:2px}.t-mono{font-variant-numeric:tabular-nums;font-weight:700}.t-right{text-align:right}.avatar-sm{width:34px;height:34px;border-radius:50%;background:var(--steel-100);color:var(--steel-700);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;margin-right:10px;vertical-align:middle}.name-cell{display:flex;align-items:center}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap}.chip.blue{background:var(--steel-100);color:var(--steel-700)}.chip.gold{background:var(--gold-100);color:var(--gold-600)}.chip.green{background:var(--green-100);color:var(--green)}.chip.red{background:var(--red-100);color:var(--red)}.chip.amber{background:var(--amber-100);color:var(--amber)}.chip.grey{background:#eaeff4;color:var(--grey)}.dotpre{width:7px;height:7px;border-radius:50%;display:inline-block}.filters{display:flex;align-items:center;gap:9px;margin-bottom:16px;flex-wrap:wrap}.pillf{padding:7px 14px;border-radius:9px;border:1.5px solid var(--line);background:#fff;font-size:12.5px;font-weight:600;color:var(--grey)}.pillf.on{background:var(--steel-700);border-color:var(--steel-700);color:#fff}.inp{padding:9px 13px;border:1.5px solid var(--line);border-radius:10px;font-family:inherit;font-size:13px;background:#fff;color:var(--ink);width:100%}.inp:focus{outline:none;border-color:var(--steel-500)}label.fl{display:block;font-size:12px;font-weight:600;color:var(--grey);margin-bottom:6px}.field{margin-bottom:15px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.link{color:var(--steel-500);font-weight:700;cursor:pointer}.muted{color:var(--grey);font-size:13px;line-height:1.6}.tiny{font-size:11.5px;color:var(--grey-lt);line-height:1.5}.pbar{height:8px;border-radius:6px;background:var(--line);overflow:hidden}.pbar>i{display:block;height:100%;border-radius:6px}.pbar>i.blue{background:var(--steel-500)}.pbar>i.green{background:var(--green)}.pbar>i.gold{background:var(--gold-500)}.chart{display:flex;align-items:flex-end;gap:10px;height:150px;padding:8px 4px 0}.bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}.bar .bcol{width:70%;border-radius:6px 6px 0 0;background:linear-gradient(var(--steel-500),var(--steel-600))}.bar .bcol.g{background:linear-gradient(var(--gold-500),var(--gold-600))}.bar .blab{font-size:11px;color:var(--grey-lt);font-weight:600}.funnel-row{display:flex;align-items:center;gap:12px;padding:9px 0}.funnel-row .fn-lab{width:130px;font-size:12.5px;font-weight:600;color:var(--grey)}.funnel-row .fn-bar{flex:1;height:26px;border-radius:6px;background:var(--steel-050);overflow:hidden;position:relative}.funnel-row .fn-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--steel-600),var(--steel-500));display:flex;align-items:center;padding-left:10px;color:#fff;font-size:12px;font-weight:700}.modal-wrap{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0e2a4380;z-index:100;align-items:center;justify-content:center;padding:24px}.modal-wrap.on{display:flex}.modal{background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:88vh;overflow-y:auto}.modal-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line-2)}.modal-head .m-title{font-size:16px;font-weight:800}.modal-head .m-close{margin-left:auto;width:32px;height:32px;border-radius:8px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--grey)}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:1px solid var(--line-2);display:flex;gap:10px;justify-content:flex-end}.kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line-2);font-size:13px}.kv:last-child{border-bottom:none}.kv span{color:var(--grey)}.kv b{font-weight:700;text-align:right}.alert{background:var(--amber-100);border:1px solid #EAD3A0;border-radius:11px;padding:12px 14px;font-size:12.5px;color:#7a5a12;line-height:1.55}.alert.blue{background:var(--steel-050);border-color:var(--steel-100);color:var(--steel-800)}.alert.green{background:var(--green-100);border-color:#9fd9c2;color:#256b54}.rule-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line-2)}.rule-row:last-child{border-bottom:none}.rule-cat{font-weight:700;font-size:13.5px;flex:1}.rule-basis{font-size:12.5px;color:var(--grey)}.toggle{width:42px;height:24px;border-radius:14px;background:var(--steel-600);position:relative;flex:none}.toggle:after{content:"";position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#fff}.toggle.off{background:var(--line)}.toggle.off:after{right:auto;left:2px}.mod-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}.mod-check{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px;border-bottom:1px solid var(--line-2)}.cbx{width:20px;height:20px;border-radius:6px;border:2px solid var(--steel-600);background:var(--steel-600);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex:none}.cbx.off{background:#fff;border-color:#c3d0dc}.sensitive{margin-left:auto;font-size:10px;font-weight:700;color:var(--red);background:var(--red-100);padding:2px 7px;border-radius:10px}.notice-strip{display:flex;align-items:center;gap:10px;background:var(--steel-050);border:1px solid var(--steel-100);border-radius:11px;padding:11px 15px;font-size:12.5px;color:var(--steel-800);margin-bottom:18px}.notice-strip .ns-ic{font-size:16px}.email-tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--steel-600);background:var(--steel-050);border:1px solid var(--steel-100);padding:2px 8px;border-radius:8px}@media (max-width:1200px){.grid-kpi{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}}@media (max-width:900px){.sidebar{display:none}.grid-kpi{grid-template-columns:repeat(2,1fr)}}.checkline{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--ink)}#loginBtn{width:100%;justify-content:center;padding:12px;font-size:14px;margin-top:4px}.att-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}.att-row:last-child{border-bottom:none}.att-txt{flex:1}.att-txt b{font-size:13.5px}.kyc-doc{margin-top:14px;background:var(--steel-050);border:1.5px dashed var(--steel-100);border-radius:11px;padding:22px;text-align:center;color:var(--steel-700);font-weight:600;font-size:13px;cursor:pointer}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{text-decoration:none;color:inherit}.state-msg{padding:40px 20px;text-align:center;color:var(--grey);font-size:14px}.state-msg.error{color:var(--red)}.sb-item{-webkit-user-select:none;user-select:none}.att-row{cursor:pointer}.toast{position:fixed;bottom:24px;right:24px;z-index:200;padding:13px 18px;border-radius:12px;color:#fff;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-lg);animation:toastin .2s ease}.toast.ok{background:var(--green)}.toast.err{background:var(--red)}@keyframes toastin{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.inp-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);font-weight:500}.err-inline{color:var(--red);font-size:12.5px;margin-top:8px}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--line)}.tl-item{position:relative;padding-bottom:16px}.tl-item:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-26px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:9px}.tl-item.done .tl-dot{background:var(--green);border-color:var(--green);color:#fff}.tl-item.now .tl-dot{background:var(--steel-500);border-color:var(--steel-500);color:#fff}.tl-title{font-size:13.5px;font-weight:700}.tl-time{font-size:11px;color:var(--grey-lt);margin-top:2px}.tl-note{font-size:12px;color:var(--grey);margin-top:3px}.clickable{cursor:pointer}