*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:IBM Plex Sans Thai,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}:root{--accent:#10b981;--accent-2:#0d9466;--accent-3:#34d399;--text:#0d1f17;--dim:#5d6f66;--faint:#8a9a92;--card:rgba(255,255,255,.72);--card-2:rgba(255,255,255,.55);--solid:#ffffff;--border:rgba(13,45,30,.09);--border-2:rgba(13,45,30,.06);--page:#eaf1ed;--page-2:#dfe9e3;--shadow:0 20px 45px -24px rgba(6,45,30,.4);--shadow-sm:0 6px 18px -10px rgba(6,45,30,.3);--good:#10b981;--warn:#f59e0b;--bad:#ef4444;--info:#3b82f6}[data-theme=ocean]{--accent:#0ea5b9;--accent-2:#0789a0;--accent-3:#22d3ee}[data-theme=violet]{--accent:#7c5cfc;--accent-2:#6837f0;--accent-3:#a78bfa}[data-theme=amber]{--accent:#ea8a0b;--accent-2:#d97309;--accent-3:#fbbf24}[data-theme=rose]{--accent:#f0407a;--accent-2:#e01563;--accent-3:#fb7185}[data-mode=dark]{--text:#e9f1ed;--dim:#9db0a7;--faint:#6f827a;--card:rgba(24,33,29,.66);--card-2:rgba(30,40,35,.5);--solid:#131b17;--border:rgba(255,255,255,.08);--border-2:rgba(255,255,255,.05);--page:#0a120d;--page-2:#0e1813;--shadow:0 24px 55px -26px rgba(0,0,0,.7);--shadow-sm:0 8px 22px -12px rgba(0,0,0,.6)}@keyframes floatblob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(28px,-34px) scale(1.12)}}@keyframes fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes popin{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scanline{0%{top:8%}to{top:90%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideright{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes pulsering{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes dashRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes dashCountPop{0%{opacity:0;transform:translateY(8px) scale(.92)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes dashDrawLine{to{stroke-dashoffset:0}}@keyframes dashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashPopDot{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes dashGrowBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dashDonut{0%{stroke-dashoffset:var(--dash-from)}to{stroke-dashoffset:var(--dash-to)}}@keyframes dashRingGrow{0%{transform:rotate(-90deg) scale(.6);opacity:0}to{transform:rotate(-90deg) scale(1);opacity:1}}.dash-card{animation:dashRise .6s cubic-bezier(.2,.85,.25,1) both}.dash-kpi-val{display:inline-block;animation:dashCountPop .7s cubic-bezier(.2,.85,.25,1) both}.dash-bar-fill{transform-origin:left center;animation:dashGrowBar .9s cubic-bezier(.2,.85,.25,1) both}.dash-line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:dashDrawLine 1.4s ease-out .25s forwards}.dash-line-2{opacity:0;animation:dashFadeIn .9s ease-out .8s forwards}.dash-area{opacity:0;animation:dashFadeIn 1s ease-out .55s forwards}.dash-dot{opacity:0;transform-box:fill-box;transform-origin:center;animation:dashPopDot .4s cubic-bezier(.3,1.4,.5,1) both}.dash-donut-seg{animation:dashDonut 1.1s cubic-bezier(.3,.85,.3,1) both}.dash-lowrow{animation:dashRise .5s ease-out both}.dash-ring{animation:dashRingGrow .7s cubic-bezier(.2,.85,.25,1) both}.sf-kpis>.dash-card:nth-child(1){animation-delay:.04s}.sf-kpis>.dash-card:nth-child(2){animation-delay:.12s}.sf-kpis>.dash-card:nth-child(3){animation-delay:.2s}.sf-kpis>.dash-card:nth-child(4){animation-delay:.28s}.sf-kpis>div:nth-child(1) .dash-kpi-val{animation-delay:.3s}.sf-kpis>div:nth-child(2) .dash-kpi-val{animation-delay:.38s}.sf-kpis>div:nth-child(3) .dash-kpi-val{animation-delay:.46s}.sf-kpis>div:nth-child(4) .dash-kpi-val{animation-delay:.54s}.sf-row-a>.dash-card:nth-child(1){animation-delay:.34s}.sf-row-a>.dash-card:nth-child(2){animation-delay:.42s}.sf-row-b>.dash-card:nth-child(1){animation-delay:.5s}.sf-row-b>.dash-card:nth-child(2){animation-delay:.58s}.dash-cat-row:nth-child(1) .dash-bar-fill{animation-delay:.6s}.dash-cat-row:nth-child(2) .dash-bar-fill{animation-delay:.7s}.dash-cat-row:nth-child(3) .dash-bar-fill{animation-delay:.8s}.dash-cat-row:nth-child(4) .dash-bar-fill{animation-delay:.9s}.dash-cat-row:nth-child(5) .dash-bar-fill{animation-delay:1s}.dash-cat-row:nth-child(6) .dash-bar-fill{animation-delay:1.1s}.dash-dot:nth-child(1){animation-delay:.6s}.dash-dot:nth-child(2){animation-delay:.7s}.dash-dot:nth-child(3){animation-delay:.8s}.dash-dot:nth-child(4){animation-delay:.9s}.dash-dot:nth-child(5){animation-delay:1s}.dash-dot:nth-child(6){animation-delay:1.1s}.dash-dot:nth-child(7){animation-delay:1.2s}.dash-lowrow:nth-child(1){animation-delay:.7s}.dash-lowrow:nth-child(2){animation-delay:.78s}.dash-lowrow:nth-child(3){animation-delay:.86s}.dash-lowrow:nth-child(4){animation-delay:.94s}.dash-lowrow:nth-child(5){animation-delay:1.02s}@media (prefers-reduced-motion: reduce){.dash-card,.dash-kpi-val,.dash-bar-fill,.dash-line,.dash-line-2,.dash-area,.dash-dot,.dash-donut-seg,.dash-lowrow{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}input,select,textarea,button{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 32%,transparent);border-radius:9px}::-webkit-scrollbar-track{background:transparent}::placeholder{color:var(--faint)}.sf-overlay,.sf-hamburger{display:none}.sf-kpis{grid-template-columns:repeat(4,1fr)}.sf-row-a{grid-template-columns:1.55fr 1fr}.sf-row-b{grid-template-columns:1fr 1.15fr}.sf-flow{grid-template-columns:1fr 1.1fr}.sf-zones{grid-template-columns:1fr 1fr}.sf-codes{grid-template-columns:300px 1fr}.sf-codes-inner,.sf-2col{grid-template-columns:1fr 1fr}@media (max-width:1024px){.sf-aside{position:fixed!important;top:0;bottom:0;left:0;height:100vh!important;overflow-y:auto;z-index:60!important;transform:translate(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:24px 0 60px -30px #00000080}.sf-aside.sf-open{transform:translate(0)!important}.sf-overlay{display:block}.sf-hamburger{display:inline-flex!important}.sf-kpis{grid-template-columns:repeat(2,1fr)}.sf-row-a,.sf-row-b{grid-template-columns:1fr}}@media (max-width:860px){.sf-flow,.sf-codes{grid-template-columns:1fr}}@media (max-width:720px){.sf-zones{grid-template-columns:1fr}}@media (max-width:640px){.sf-kpis,.sf-codes-inner,.sf-2col{grid-template-columns:1fr}.sf-main{padding:16px 14px 48px!important}.sf-topbar{padding:12px 14px!important;flex-wrap:wrap}.sf-search{width:100%!important;order:3}.sf-pagetitle{font-size:18px!important}}@media (min-width:1025px){.sf-overlay{display:none!important}}