@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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--surface:#fffdf8;--surface-2:#eee6d8;--line:#e3dac9;--line-strong:#cbbfa8;--ink:#13241f;--ink-2:#43524b;--ink-3:#6d7872;--brand:#183d35;--brand-2:#235246;--brand-ink:#f3ead8;--accent:#d7c3a0;--accent-2:#b89b6a;--accent-ink:#7c6235;--ok:#2d6a4f;--ok-bg:#e4efe7;--warn:#86591a;--warn-bg:#f7ecd6;--bad:#9c2f26;--bad-bg:#f7e4e0;--info:#2c5566;--info-bg:#e5edee;--demo:#8a5a2b;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #183d350d, 0 6px 18px #183d350f;--tap:44px;--font:"Plus Jakarta Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2}h1{letter-spacing:-.02em;font-size:1.45rem}h2{letter-spacing:-.01em;font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .6rem}a{color:var(--info)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-3)}.small{font-size:.85rem}.tiny{font-size:.78rem}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:.75rem;display:flex}.grid{gap:.75rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:.75rem;display:grid}.grid-kpi{grid-template-columns:repeat(auto-fill,minmax(min(185px,46%),1fr));gap:.6rem;display:grid}.topbar .mono{border-radius:9px;flex:none;width:30px;height:30px}.spacer{flex:1}.app{min-height:100vh;display:flex}.sidebar{background:var(--brand);color:#e7dfcf;flex:0 0 240px;width:240px;height:100vh;padding:1.1rem .8rem;display:none;position:sticky;top:0;overflow-y:auto}.sidebar .brand{padding:.5rem .6rem 1.4rem}.sidebar .brand img{width:auto;height:30px;display:block}.sidebar .brand small{color:#d7c3a0b3;letter-spacing:.08em;text-transform:uppercase;margin-top:.55rem;font-size:.74rem;font-weight:500;display:block}.sidebar nav a{color:#e7dfcf;min-height:var(--tap);border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .7rem;font-weight:500;text-decoration:none;display:flex}.sidebar nav a:hover{background:#d7c3a014}.sidebar nav a.active{color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:#d7c3a029;font-weight:700}.sidebar .sep{background:#d7c3a02e;height:1px;margin:.6rem .4rem}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);min-height:56px;padding:.5rem .9rem;padding-top:max(.5rem, env(safe-area-inset-top));background:#fffdf8eb;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.12rem;font-weight:700;overflow:hidden}.content{padding:1rem .9rem calc(88px + var(--safe-bottom));width:100%;max-width:1280px;margin:0 auto}.bottomnav{z-index:30;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:var(--safe-bottom);background:#fffdf8f2;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a,.bottomnav button{min-height:58px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.72rem;text-decoration:none;display:flex}.bottomnav a.active,.bottomnav button.active{color:var(--brand);font-weight:600}.bottomnav .plus span.ic{background:var(--brand);color:var(--accent);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 4px 12px #183d3540}.ic{place-items:center;width:22px;height:22px;display:inline-grid}.ic svg{width:22px;height:22px}@media (min-width:960px){.sidebar{display:block}.bottomnav{display:none}.content{padding:1.25rem 1.5rem 2rem}.topbar{padding:.6rem 1.5rem}.only-mobile{display:none!important}}@media (max-width:959px){.only-desktop{display:none!important}}.banner{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.88rem;display:flex}.banner.demo{background:var(--demo);color:#fff;font-weight:600}.banner.offline{background:var(--bad);color:#fff}.banner.info{background:var(--info-bg);color:var(--info)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:1rem}.card.flat{box-shadow:none}.card h2{align-items:center;gap:.4rem;display:flex}.card+.card{margin-top:.75rem}.section{margin-bottom:1.1rem}.section-title{justify-content:space-between;align-items:baseline;gap:.5rem;margin:.25rem 0 .6rem;display:flex}.section-title h2{margin:0}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);padding:.85rem .95rem}.kpi .label{color:var(--ink-2);justify-content:space-between;align-items:flex-start;gap:.25rem;font-size:.8rem;display:flex}.kpi .value{letter-spacing:-.02em;color:var(--brand);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:clamp(1.2rem,1.1rem + .6vw,1.5rem);font-weight:800;overflow:hidden}.kpi .sub{color:var(--ink-3);margin-top:.1rem;font-size:.78rem}.kpi.missing .value{color:var(--ink-3);font-size:1.1rem}.btn{min-height:var(--tap);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;letter-spacing:-.005em;text-align:center;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .95rem;font-weight:650;line-height:1.15;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn:active{transform:translateY(1px)}.btn.primary:hover{background:var(--brand-2)}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn.danger{background:var(--surface);border-color:var(--bad);color:var(--bad)}.btn.danger.solid{background:var(--bad);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.small{min-height:36px;padding:.3rem .65rem;font-size:.88rem}.btn.wa{color:#fff;background:#1f6f47;border-color:#1f6f47}.btn.block{width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn .spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.field>label,.field>.label{color:var(--ink-2);font-size:.88rem;font-weight:600}.field .hint{color:var(--ink-3);font-size:.8rem}.field .err{color:var(--bad);font-size:.82rem}.input,select.input,textarea.input{width:100%;min-height:var(--tap);border:1px solid var(--line-strong);background:#fff;border-radius:10px;padding:.55rem .7rem;font-size:16px}textarea.input{resize:vertical;min-height:88px}.input:focus{border-color:var(--brand-2);outline:none;box-shadow:0 0 0 3px #23524629}.checkbox{min-height:var(--tap);cursor:pointer;align-items:flex-start;gap:.55rem;padding:.4rem 0;display:flex}.checkbox input{flex:none;width:22px;height:22px;margin:.1rem 0 0}.seg{flex-wrap:wrap;gap:.35rem;display:flex}.seg button{border:1px solid var(--line-strong);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;min-height:40px;padding:.35rem .75rem;font-size:.9rem}.seg button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:650}.seg button.pos[aria-pressed=true]{background:var(--ok);border-color:var(--ok)}.seg button.neg[aria-pressed=true]{background:var(--bad);border-color:var(--bad)}.chips{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:.4rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.chip{border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;min-height:38px;padding:.3rem .75rem;font-size:.88rem}.chip[aria-pressed=true]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.chip .count{margin-left:.25rem;font-weight:700}.badge{background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.12rem .5rem;font-size:.76rem;font-weight:600;display:inline-flex}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.brand{background:var(--brand);color:var(--brand-ink)}.badge.sand{color:var(--accent-ink);background:#efe4cf}.alert{border-radius:var(--radius-sm);border:1px solid;padding:.7rem .85rem;font-size:.9rem}.alert.warn{background:var(--warn-bg);color:#5c3d00;border-color:#f1d9a4}.alert.bad{background:var(--bad-bg);color:#7a1b15;border-color:#f0c4bf}.alert.info{background:var(--info-bg);color:#173f68;border-color:#c5d8ee}.alert.ok{background:var(--ok-bg);color:#14512f;border-color:#bfe0cb}.alert ul{margin:.3rem 0 0;padding-left:1.1rem}.list{flex-direction:column;gap:.5rem;display:flex}.item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;align-items:center;gap:.7rem;min-height:60px;padding:.75rem .85rem;text-decoration:none;display:flex}a.item:hover{border-color:var(--line-strong);background:#fcfbf8}.item .grow{flex:1;min-width:0}.item .title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.item .meta{color:var(--ink-3);flex-wrap:wrap;gap:.4rem;font-size:.82rem;display:flex}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table.t{border-collapse:collapse;width:100%;font-size:.9rem}table.t th,table.t td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .65rem}table.t th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);white-space:nowrap;background:#f7f1e6;font-size:.74rem;position:sticky;top:0}table.t td.r,table.t th.r{text-align:right}table.t tr:last-child td{border-bottom:0}table.t tr.clickable{cursor:pointer}table.t tr.clickable:hover td{background:#fbfaf6}.empty{text-align:center;color:var(--ink-2);border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fffdf899;padding:1.6rem 1rem}.empty h3{color:var(--ink)}.board{grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;gap:.6rem;padding-bottom:.5rem;display:grid;overflow-x:auto}.board .col{background:var(--surface-2);border-radius:var(--radius);min-height:120px;padding:.5rem}.board .col h3{justify-content:space-between;margin:0;padding:.2rem .3rem .5rem;font-size:.85rem;display:flex}.board .mini{border:1px solid var(--line);color:inherit;background:#fff;border-radius:10px;margin-bottom:.45rem;padding:.5rem .6rem;text-decoration:none;display:block}.board .mini:hover{border-color:var(--line-strong)}.bars{flex-direction:column;gap:.45rem;display:flex}.bar-row{grid-template-columns:minmax(90px,34%) 1fr auto;align-items:center;gap:.5rem;font-size:.88rem;display:grid}.bar-row .track{background:var(--surface-2);border-radius:6px;height:14px;overflow:hidden}.bar-row .fill{background:var(--brand-2);border-radius:6px;height:100%}.bar-row .fill.alt{background:var(--accent-2)}.overlay{z-index:60;background:#0c141e73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:620px;max-height:92vh;padding:1rem 1rem calc(1rem + var(--safe-bottom));border-radius:16px 16px 0 0;overflow-y:auto;box-shadow:0 -4px 30px #0000002e}.sheet header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.sheet header h2{flex:1;margin:0}.sheet footer{bottom:calc(-1rem - var(--safe-bottom));background:var(--surface);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding:.6rem 0 0;display:flex;position:sticky}@media (min-width:700px){.overlay{align-items:center;padding:1rem}.sheet{border-radius:16px}}.toast-area{left:50%;bottom:calc(76px + var(--safe-bottom));z-index:80;flex-direction:column;gap:.4rem;width:min(520px,100% - 1.5rem);display:flex;position:fixed;transform:translate(-50%)}@media (min-width:960px){.toast-area{bottom:1.2rem}}.toast{color:#fff;background:#1b1f24;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.7rem .9rem;font-size:.92rem;display:flex;box-shadow:0 6px 20px #0003}.toast.bad{background:var(--bad)}.toast.ok{background:#14512f}.toast button{color:#fff;cursor:pointer;background:0 0;border:0;min-height:28px;font-weight:700}details.info{color:var(--ink-2);font-size:.85rem}details.info summary{cursor:pointer;color:var(--accent-ink);align-items:center;gap:.2rem;min-height:32px;list-style:none;display:inline-flex}details.info summary::-webkit-details-marker{display:none}details.info[open]{background:var(--info-bg);border-radius:8px;padding:.4rem .6rem}.help-btn{color:var(--accent-ink);cursor:pointer;background:0 0;border:0;min-height:24px;padding:0 .2rem;font-size:.8rem}.tabs{border-bottom:1px solid var(--line);gap:.3rem;margin-bottom:1rem;display:flex;overflow-x:auto}.tabs button{cursor:pointer;white-space:nowrap;min-height:var(--tap);color:var(--ink-2);background:0 0;border:0;border-bottom:3px solid #0000;padding:.55rem .8rem;font-weight:600}.tabs button[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.status-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.status-dot.ok{background:var(--ok)}.status-dot.warn{background:#d19a1a}.status-dot.bad{background:var(--bad)}.status-dot.off{background:#9aa1a8}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--line);padding:.5rem 0 .5rem .9rem;font-size:.88rem;position:relative}.timeline li:before{content:"";background:var(--line-strong);border-radius:50%;width:10px;height:10px;position:absolute;top:.8rem;left:-6px}.login-wrap{background:radial-gradient(120% 60% at 50% 0%, #22544a 0%, var(--brand) 55%, #10302a 100%);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-wrap .card{border:0;box-shadow:0 20px 50px #00000040}.login-logo{width:min(220px,60%);height:auto;margin:0 auto .6rem;display:block}.login-tag{color:#d7c3a0d9;text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600}.login-card{width:100%;max-width:420px}.code{background:var(--surface-2);overflow-wrap:anywhere;border-radius:8px;padding:.5rem .6rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem}.pre-wrap{white-space:pre-wrap}hr.sep{border:0;border-top:1px solid var(--line);margin:1rem 0}.banner.demo .btn[aria-pressed=false]{color:#fff;background:0 0;border-color:#fff9}.banner.demo .btn[aria-pressed=true]{color:var(--demo);background:#fff;border-color:#fff}@media (max-width:959px){.banner.demo{padding:.35rem .75rem;font-size:.78rem}.banner.demo .btn{padding:.15rem .6rem;font-size:.8rem;min-height:30px!important}}.grid-2>*,.stack>*{min-width:0}select.input{text-overflow:ellipsis;max-width:100%}