@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--o:#f06623;--o2:#e0583f;--ink:#0d0d0d;--mut:#8a8a8a;--bg:#bdbdbd;--card:#f7f7f7;--line:#ececec;--g:#1f9d55;--r:#e5484d}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);min-height:100vh;padding:28px;font-family:Plus Jakarta Sans Variable,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.shell{background:#fff;border-radius:40px;max-width:1480px;margin:0 auto;padding:28px 40px 40px;box-shadow:0 30px 80px #0000002e}.top{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.logo{height:40px}.nav{background:#f1f1f1;border-radius:99px;gap:4px;padding:4px;display:flex}.nav button{color:#333;border-radius:99px;padding:11px 20px;font-size:14px}.nav button.on{background:var(--ink);color:#fff}.right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.ic{background:#f1f1f1;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative}.ic i{background:var(--r);border-radius:50%;width:8px;height:8px;position:absolute;top:11px;right:12px}.av{background:linear-gradient(135deg,var(--o),#ffb27a);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.body{grid-template-columns:52px 1fr;gap:28px;margin-top:22px;display:grid}.rail{flex-direction:column;gap:12px;padding-top:110px;display:flex}.rail button{background:#f1f1f1;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.rail button.on{background:var(--ink);color:#fff}.head{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.head h1{letter-spacing:-.02em;font-size:34px;font-weight:500}.head p{color:#666;margin-top:8px;font-size:18px}.acts{gap:10px;display:flex}.pill{background:#f1f1f1;border-radius:99px;align-items:center;gap:8px;padding:14px 20px;font-size:14px;display:flex}.pill.dark{background:var(--ink);color:#fff;box-shadow:0 8px 24px #00000040}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 24px}.kpis{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:18px;display:grid}.kpi .t{color:#333;align-items:center;gap:10px;font-size:15px;display:flex}.kpi .t span.b{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.kpi .v{letter-spacing:-.02em;margin-top:18px;font-size:34px;font-weight:700}.kpi .v small{margin-top:6px;font-size:12px;font-weight:500;display:block}.up{color:var(--g)}.dn{color:var(--r)}.mu{color:var(--mut)}.grid{gap:18px;margin-bottom:18px;display:grid}.row2{grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:18px;display:grid}.row3{grid-template-columns:1.1fr 1fr 1fr;gap:18px;display:grid}.ch{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ch h3{font-size:16px;font-weight:700}.sel{background:#fff;border:1px solid #e3e3e3;border-radius:99px;gap:2px;padding:3px;display:flex}.sel button{color:#555;border-radius:99px;padding:7px 14px;font-size:13px}.sel button.on{background:var(--ink);color:#fff}.donut{grid-template-columns:250px 1fr;align-items:center;gap:18px;display:grid}.legend{border-collapse:collapse;width:100%;font-size:13px}.legend th{text-align:left;padding:0 0 12px;font-weight:700}.legend td{white-space:nowrap;padding:9px 8px 9px 0}.dot{border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block}.note{color:var(--mut);margin-top:12px;font-size:12px;line-height:1.5}.plat{grid-template-columns:110px 1fr 70px;align-items:center;gap:12px;padding:7px 0;font-size:13px;display:grid}.bar{background:#e8e8e8;border-radius:9px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--o),var(--o2));border-radius:9px;height:100%;display:block}.sim label{color:var(--mut);margin:10px 0 6px;font-size:12px;display:block}.sim input[type=text]{width:100%;font:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:11px 14px;font-weight:600}.sim input[type=range]{width:100%;accent-color:var(--o)}.flow{margin-top:12px;font-size:13px}.flow div{border-bottom:1px dashed #e2e2e2;justify-content:space-between;padding:6px 0;display:flex}.flow .net{color:var(--o);border:0;padding-top:12px;font-size:18px;font-weight:700}.reg{border-bottom:1px solid #eee;grid-template-columns:1fr 78px 78px;align-items:center;gap:6px;padding:9px 0;font-size:13px;display:grid}.reg:last-child{border:0}.tag{text-align:center;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:600}.tag.Registered,.tag.Paid{color:#17803f;background:#e4f6ec}.tag.Pending,.tag.Processing{color:#b86a00;background:#fff1dd}.tag.Action{color:#c4282d;background:#fde6e6}table.t{border-collapse:collapse;width:100%;font-size:14px}table.t th{text-align:left;color:var(--mut);padding:0 10px 12px;font-size:12px;font-weight:600}table.t td{border-top:1px solid #eee;padding:14px 10px}.sub{color:var(--mut);font-size:12px}@media (width<=1100px){.kpis{grid-template-columns:repeat(2,1fr)}.row2,.row3,.donut,.body{grid-template-columns:1fr}.rail{display:none}.top{grid-template-columns:1fr}.nav{overflow:auto}body{padding:10px}.shell{border-radius:26px;padding:18px}}.top .right{position:relative}.pill{white-space:nowrap}.ov{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0d0d0d73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:28px;max-width:100%;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 40px 100px #0000004d}.bk{z-index:20;position:fixed;inset:0}.pop{z-index:30;background:#fff;border:1px solid #eee;border-radius:18px;padding:8px;position:absolute;top:calc(100% + 8px);box-shadow:0 20px 50px #0000002e}.mi{text-align:left;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:14px;display:flex}.mi:hover{background:#f3f3f3}.nt{border-radius:12px;gap:10px;padding:10px 8px;display:flex}.nt:hover{background:#f6f6f6}.inp{font:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:11px 14px}.toast{background:var(--ink);color:#fff;z-index:99;border-radius:99px;align-items:center;gap:10px;padding:14px 22px;font-size:14px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000004d}.clk{cursor:pointer}.clk:hover td{background:#f1f1f1}.pill:disabled{cursor:not-allowed}.tl{margin:20px 0}.tl div{color:#aaa;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.tl div.done{color:var(--ink)}.tl i{background:#ddd;border-radius:50%;width:12px;height:12px}.tl .done i{background:var(--o)}.file{cursor:pointer;border:1px dashed #bbb;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;font-size:14px;display:flex;color:#333!important;margin:0!important}.chip2{background:#f1f1f1;border-radius:99px;padding:8px 14px;font-size:13px}.chip2.on{background:var(--o);color:#fff}.login{background:#fff;grid-template-columns:1.25fr 1fr;min-height:100vh;margin:-28px;display:grid}.lform{flex-direction:column;justify-content:center;width:100%;max-width:620px;margin:0 auto;padding:56px 5vw;display:flex}.lside{color:#fff;background:linear-gradient(135deg,#f06623,#e0583f 60%,#b8391f);align-items:center;padding:8vw;display:grid}.chip{background:#ffffff2e;border-radius:99px;padding:9px 16px;font-size:13px}@media (width<=900px){.login{grid-template-columns:1fr}.lside{display:none}.head{flex-direction:column;align-items:flex-start;gap:14px}.acts{flex-wrap:wrap}}.role{color:var(--o2);background:#fff1ea;border:1px solid #fbd5c3;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600}.dc{text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.empty{text-align:center;color:var(--mut);padding:28px;font-size:14px}a.mi{color:inherit;text-decoration:none}.tag{white-space:nowrap;display:inline-block}.split{border-radius:9px;gap:2px;height:12px;display:flex;overflow:hidden}.split i{height:100%;display:block}.stat{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.stat:last-child{border:0}.sim select{width:100%;font:inherit;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:11px 14px}@media (width<=1100px){.grid{grid-template-columns:1fr!important}.kpis{grid-template-columns:repeat(2,1fr)!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulse{0%{box-shadow:0 0 #e5484d8c}70%{box-shadow:0 0 0 8px #e5484d00}to{box-shadow:0 0 #e5484d00}}@keyframes eq{0%,to{transform:scaleY(.15)}50%{transform:scaleY(1)}}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.15)}to{transform:translate(0)scale(1)}}@keyframes sheen{0%{background-position:-200% 0}to{background-position:200% 0}}main.page{animation:.35s both fade}.kpis>*,.grid>*,.head,main.page>.card{animation:.6s cubic-bezier(.2,.7,.2,1) backwards fadeUp}.kpis>:nth-child(2),.grid>:nth-child(2){animation-delay:70ms}.kpis>:nth-child(3),.grid>:nth-child(3){animation-delay:.14s}.kpis>:nth-child(4){animation-delay:.21s}.kpis>:nth-child(5){animation-delay:.28s}.grid>:nth-child(4){animation-delay:.21s}.card{transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover{border-color:#e3e3e3;transform:translateY(-3px);box-shadow:0 14px 34px #00000014}.kpi .b{transition:transform .3s}.kpi:hover .b{background:var(--o);transform:rotate(-8deg)scale(1.12)}.pill{transition:transform .15s,background .2s,box-shadow .2s}.pill:hover{background:#e8e8e8;transform:translateY(-1px)}.pill.dark:hover{background:#222}.pill:active{transform:scale(.96)}.ic{transition:transform .2s,background .2s}.ic:hover{background:#e8e8e8;transform:scale(1.08)}.ic i{animation:2s infinite pulse}.rail button{transition:transform .2s,background .2s,color .2s}.rail button:hover{background:#e6e6e6;transform:scale(1.1)translate(2px)}.rail button.on:hover{background:var(--ink)}.nav button{transition:background .25s,color .25s}.nav button:not(.on):hover{background:#e6e6e6}.modal{animation:.3s cubic-bezier(.2,.8,.2,1) both pop}.ov{animation:.2s both fade}.pop{transform-origin:100% 0;animation:.2s both pop}.toast{animation:.35s cubic-bezier(.2,.8,.2,1) both slideUp}.bar i{transition:width 1s cubic-bezier(.2,.8,.2,1)}tbody tr{animation:.4s both fade}tbody tr:first-child{animation-delay:50ms}tbody tr:nth-child(2){animation-delay:.1s}tbody tr:nth-child(3){animation-delay:.15s}tbody tr:nth-child(4){animation-delay:.2s}tbody tr:nth-child(5){animation-delay:.25s}tbody tr:nth-child(n+6){animation-delay:.3s}.tag{transition:transform .2s}tr:hover .tag{transform:scale(1.06)}.eq{align-items:flex-end;gap:5px;display:flex}.eq i{transform-origin:bottom;border-radius:4px;flex:1;animation:1.2s ease-in-out infinite eq}.live{color:var(--r);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.live i{background:var(--r);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}.lside{position:relative;overflow:hidden}.lside>*{z-index:1;position:relative}.lside:before,.lside:after{content:"";filter:blur(60px);opacity:.55;border-radius:50%;animation:12s ease-in-out infinite drift;position:absolute}.lside:before{background:#ffb27a;width:380px;height:380px;top:-80px;right:-60px}.lside:after{background:#b8391f;width:320px;height:320px;animation-delay:-5s;bottom:-60px;left:-40px}.chip{animation:.6s both fadeUp}.shimmer{background:linear-gradient(90deg,#eee 25%,#f7f7f7 50%,#eee 75%) 0 0/200% 100%;border-radius:10px;animation:1.4s linear infinite sheen}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}.top{gap:18px;grid-template-columns:auto minmax(0,1fr) auto!important}.nav{justify-self:center;max-width:100%}.nav button{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.nav.dense button.on{padding:10px 16px}.rail.dense{gap:8px;padding-top:96px}.rail.dense button{width:44px;height:44px}.kpi .v,table.t td{white-space:nowrap}table.t td.sub{white-space:normal}table.t td:has(.sub){white-space:normal}.sub{font-size:12.5px}.nav.dense button:not(.on) span{display:inline}.nav{overflow:visible}main,.grid>*,.kpis>*{min-width:0}.card:has(table.t){overflow-x:auto}.shell{overflow-x:clip}@media (width<=1280px){.nav button{padding:10px 14px;font-size:13.5px}.role{display:none}}.head>div:first-child{min-width:0}.acts{flex-wrap:wrap;justify-content:flex-end}.head{flex-wrap:wrap;gap:16px 20px}.head p{max-width:none}.kpi .t{min-height:34px}.top{align-items:center;gap:18px;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr)!important;display:grid!important}.top-l{justify-self:start;align-items:center;gap:12px;display:flex}.top .nav{justify-self:center}.top .right{justify-self:end}.role{white-space:nowrap;display:inline-block!important}.nav button.extra{display:none}.nav .morebtn{justify-content:center;min-width:124px}.nav.dense button{padding:11px 20px}.pop button.mi{white-space:nowrap}.rail .pop button.mi{background:0 0;border-radius:10px;justify-content:space-between;width:100%;height:auto;display:flex}.rail .pop button.mi:hover{background:#f3f3f3;transform:none}.donut{grid-template-columns:minmax(0,230px) minmax(0,1fr)!important}.legend td{white-space:normal}.legend td:not(:first-child){white-space:nowrap}.acts{margin-left:auto}.head h1{white-space:normal}@media (width<=1400px){.top.big{row-gap:14px;grid-template-columns:1fr auto!important}.top.big .top-l{grid-area:1/1}.top.big .right{grid-area:1/2}.top.big .nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-self:stretch;overflow-x:auto}.top.big .nav button.extra{display:inline-flex}.top.big .nav .morebox{display:none}}@media (width<=1100px){.top{row-gap:14px;grid-template-columns:1fr auto!important}.top .top-l{grid-area:1/1}.top .right{grid-area:1/2}.top .nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-self:stretch;overflow-x:auto}.nav button.extra{display:inline-flex}.nav .morebox{display:none}.nav button{padding:10px 16px}}