:root{--paper:#f1eee6;--surface:#faf8f3;--sunken:#e8e4d9;--rule:#ddd8cb;--rule-soft:#ebe7db;--rule-strong:#c9c3b3;--field:#857f6d;--ink:#1a1f1b;--ink-2:#444c44;--ink-3:#5f695d;--green:#1f4d36;--green-deep:#163a29;--green-tint:#dde8da;--green-ink:#153a26;--saffron-tint:#f5e4b8;--saffron-ink:#6a4306;--saffron-mark:#b9781a;--brick-tint:#f3d9d1;--brick-ink:#86281b;--brick-mark:#b3402d;--hover:#f4f1e9;--font-ui:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Newsreader", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--shadow-float:0 8px 24px #1a1f1b24}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) var(--sunken)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--sunken)}::-webkit-scrollbar-thumb{background-color:var(--rule-strong);border:3px solid var(--sunken);border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--ink-3)}::-webkit-scrollbar-corner{background:var(--sunken)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:20px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono)}.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.ink2{color:var(--ink-2)}.strong{font-weight:600}.nowrap{white-space:nowrap}.shell{min-height:100%;display:flex}.sidebar{background:var(--sunken);border-right:1px solid var(--rule);flex-direction:column;flex-shrink:0;width:248px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:before{content:"";background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);opacity:.4;pointer-events:none;background-size:34px 34px;animation:34s linear infinite ht-grid-drift;position:absolute;inset:0}.sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#1f4d3629,#0000 70%);width:70%;height:46%;animation:15s ease-in-out infinite ht-glow-drift;position:absolute;top:-12%;left:-20%}.brand{text-align:center;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-float);border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;margin:14px 14px 4px;padding:14px 16px;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:500;line-height:26px}.brand-sub{color:var(--ink-3);font-size:12px;line-height:16px}.nav{flex-direction:column;flex:1;gap:22px;min-height:0;padding:4px 12px;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-label{color:var(--ink-3);padding:0 12px 6px;font-size:12px;font-weight:500;line-height:16px}.nav-link{color:#2e352f;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;height:34px;padding:0 12px 0 23px;display:flex}.nav-link:hover{background:#faf8f38c}.nav-link.active{background:var(--surface);border-color:var(--rule);color:var(--ink);padding-left:12px;font-weight:600}.nav-link.active:before{content:"";background:var(--green);border-radius:6px;width:6px;height:6px}.nav-link .grow{flex:1}.pill,.count-plain{text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:20px;display:inline-block}.pill{background:var(--saffron-tint);color:var(--saffron-ink)}.count-plain{background:var(--surface);color:var(--ink-3);border:1px solid var(--rule)}.sidebar-foot{border-top:1px solid var(--rule);flex-direction:column;flex-shrink:0;gap:2px;padding:12px;display:flex}.user-row{align-items:center;gap:10px;padding:8px 12px;display:flex}.avatar{background:var(--green);width:28px;height:28px;color:var(--surface);text-align:center;border-radius:4px;font-size:13px;font-weight:600;line-height:28px}.linklike{color:var(--ink-3);text-align:left;background:0 0;border:0;padding:0;font-size:12px;line-height:16px}.linklike:hover{color:var(--ink);text-decoration:underline}.main{flex:1;min-width:0;padding:40px 56px 64px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:32px;font-weight:400;line-height:38px}.page-sub{color:var(--ink-2);max-width:640px;margin-top:4px}.section-title{font-family:var(--font-display);margin:0;font-size:22px;font-weight:400;line-height:28px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.stack{flex-direction:column;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.row{align-items:center;display:flex}.grow{flex:1;min-width:0}.topbar{display:none}.btn{white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 16px;font-weight:500;transition:background .12s ease-out,border-color .12s ease-out;display:inline-flex}.btn-primary{background:var(--green);color:var(--surface)}.btn-primary:hover:not(:disabled){background:var(--green-deep)}.btn-secondary{background:var(--surface);border-color:var(--field);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--hover)}.btn-quiet{color:var(--green);padding:0 12px}.btn-quiet:hover:not(:disabled){background:var(--green-tint)}.btn-danger-quiet{color:var(--brick-ink);padding:0 12px}.btn-danger-quiet:hover:not(:disabled){background:var(--brick-tint)}.btn-danger{background:var(--brick-mark);color:var(--surface)}.btn-danger:hover:not(:disabled){background:var(--brick-ink)}.btn-sm{height:28px;padding:0 12px;font-size:13px}.btn:disabled{background:var(--sunken);color:#6b7268;cursor:not-allowed;border-color:#0000}.btn[aria-busy=true]{opacity:.7;cursor:progress}@keyframes vs-spin{to{transform:rotate(360deg)}}.spinner{flex-shrink:0;animation:.7s linear infinite vs-spin}.spinner .track{fill:none;stroke:currentColor;opacity:.22}.spinner .arc{fill:none;stroke:currentColor;stroke-linecap:round}.loading-inline{align-items:center;gap:10px;padding:24px 0;font-size:14px;display:flex}.page-loading{width:100%;min-height:60vh;color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.26s ease-out vs-fade-in;display:flex}.page-loading-brand{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:21px;line-height:26px}@keyframes vs-fade-in{0%{opacity:0}to{opacity:1}}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.label{font-size:13px;font-weight:500;line-height:18px}.label-sm{font-size:12px;font-weight:500;line-height:16px}.hint{color:var(--ink-3);font-size:12px;line-height:16px}.error-text{color:var(--brick-ink);font-size:12px;font-weight:500;line-height:16px}.input,.select,.textarea{border:1px solid var(--field);background:var(--surface);width:100%;height:36px;color:var(--ink);border-radius:4px;padding:0 12px}.textarea{resize:vertical;height:auto;min-height:96px;padding:8px 12px;line-height:21px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23444c44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input.invalid,.select.invalid,.textarea.invalid{border:2px solid var(--brick-mark);padding-left:11px}.input:disabled{background:var(--sunken);color:var(--ink-3)}.search{width:340px;max-width:100%;position:relative}.search svg{position:absolute;top:11px;left:12px}.search .input{padding-left:34px;padding-right:36px}.kbd{border:1px solid var(--rule-strong);width:20px;height:20px;font-family:var(--font-mono);text-align:center;color:var(--ink-3);border-radius:3px;font-size:12px;line-height:18px;position:absolute;top:8px;right:8px}.check{align-items:center;gap:10px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--green);margin:0}.segmented{border:1px solid var(--rule-strong);background:var(--sunken);border-radius:6px;padding:2px;display:inline-flex}.segmented button{height:28px;color:var(--ink-2);background:0 0;border:1px solid #0000;border-radius:4px;padding:0 14px;font-size:13px}.segmented button[aria-pressed=true]{background:var(--surface);border-color:var(--rule);color:var(--ink);font-weight:600}.tabs{border-bottom:1px solid var(--rule);gap:28px;display:flex;overflow-x:auto}.tab{color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 10px}.tab .n{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:4px}.tab.active{border-bottom-color:var(--green);color:var(--ink);font-weight:600}.tab.active .n{font-weight:400}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:6px}.table-wrap{background:var(--surface);border:1px solid var(--rule);border-radius:6px;overflow:auto}.table{border-collapse:collapse;width:100%;font-size:13px;line-height:18px}.table th{text-align:left;background:var(--sunken);border-bottom:1px solid var(--rule);height:36px;color:var(--ink-3);white-space:nowrap;padding:0 12px;font-size:12px;font-weight:500}.table td{border-bottom:1px solid var(--rule-soft);vertical-align:middle;height:52px;padding:0 12px}.table th:first-child,.table td:first-child{padding-left:16px}.table th:last-child,.table td:last-child{padding-right:16px}.table tbody tr:last-child td{border-bottom:0}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--hover)}.table tr.selected td{background:var(--green-tint)}.table th.num,.table td.num{text-align:right}.table .sub{color:var(--ink-3);font-size:12px;line-height:16px;display:block}.table .name{font-weight:500}.table-foot{color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:14px;font-size:13px;display:flex}.table-foot .pager{gap:20px;display:flex}.table-foot .pager button{color:var(--ink);background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.table-foot .pager button:disabled{color:var(--ink-3);cursor:default;font-weight:400}.status{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.dot{background:var(--green);border-radius:8px;flex-shrink:0;width:8px;height:8px}.dot.ring{border:1.5px solid var(--ink-3);background:0 0}.dot.ring-ink{border:1.5px solid var(--ink);background:0 0}.dot.warn{background:var(--saffron-mark)}.dot.crit{background:var(--brick-mark)}.badge{white-space:nowrap;border-radius:3px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.badge.warn{background:var(--saffron-tint);color:var(--saffron-ink)}.badge.crit{background:var(--brick-tint);color:var(--brick-ink)}.track{gap:2px;display:inline-flex}.track i{background:var(--rule);border-radius:1px;width:12px;height:4px}.track i.on{background:var(--green)}.drawer-backdrop{z-index:40;position:fixed;inset:0}.drawer{z-index:41;background:var(--surface);border-left:1px solid var(--rule);flex-direction:column;width:500px;max-width:100%;animation:.2s ease-out slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #1a1f1b1a}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:24px 32px;display:flex;overflow-y:auto}.drawer-foot{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:12px 32px 16px;display:flex}.drawer-head{color:var(--ink-3);justify-content:space-between;align-items:center;font-size:13px;display:flex}.drawer-title{font-family:var(--font-display);margin:2px 0 0;font-size:28px;font-weight:400;line-height:34px}.divided{border-top:1px solid var(--rule);padding-top:16px}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.dialog-backdrop{z-index:60;background:#1a1f1b5c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--rule);width:480px;max-width:100%;box-shadow:var(--shadow-float);border-radius:6px;padding:24px}.dialog h2{font-family:var(--font-display);margin:0;font-size:22px;font-weight:400;line-height:28px}.dialog ul{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.toasts{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--ink);min-height:44px;color:var(--surface);box-shadow:var(--shadow-float);border-radius:4px;align-items:center;gap:12px;padding:10px 16px;display:inline-flex}.toast .dot{background:#8fbf9c}.toast.error{background:var(--brick-tint);color:var(--brick-ink);font-weight:500}.notice{border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.notice.warn{background:var(--saffron-tint);color:var(--saffron-ink)}.notice.crit{background:var(--brick-tint);color:var(--brick-ink)}.notice.ok{background:var(--green-tint);color:var(--green-ink)}.list-rows{background:var(--surface);border:1px solid var(--rule);border-radius:6px}.list-row{border-bottom:1px solid var(--rule-soft);align-items:center;gap:14px;padding:12px 16px;display:flex}.list-row:last-child{border-bottom:0}.list-row.unread .title{font-weight:600}.list-row .title{font-weight:500}.list-row .detail{color:var(--ink-2);font-size:13px;line-height:18px}.kv{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.kv:first-child{border-top:1px solid var(--rule)}.delta{color:var(--green);margin-left:8px;font-size:13px;font-weight:500}.delta.down{color:var(--brick-ink)}.figure{font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;font-size:40px;line-height:46px}.empty{border:1px solid var(--rule);background:var(--surface);border-radius:6px;padding:28px 24px}.empty h3{font-family:var(--font-display);margin:0;font-size:22px;font-weight:400;line-height:28px}.empty p{color:var(--ink-2);max-width:420px;margin:6px 0 0}.error-box{background:var(--brick-tint);color:var(--brick-ink);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.stepper{gap:6px;display:flex}.stepper>div{flex:1}.stepper i{background:var(--rule);border-radius:1px;height:4px;display:block}.stepper i.on{background:var(--green)}.stepper span{color:var(--ink-3);margin-top:6px;font-size:12px;display:block}.stepper .current span{color:var(--ink);font-weight:600}.bar-track{background:var(--sunken);border-radius:3px;width:160px;height:6px;position:relative}.selected .bar-track{background:var(--surface)}.bar-fill{background:var(--green);border-radius:3px;height:6px}.bar-fill.low{background:var(--saffron-mark)}.bar-tick{background:var(--ink);width:1px;height:12px;position:absolute;top:-3px}.swatch{color:#f4ecdc;width:32px;height:32px;font-family:var(--font-display);text-align:center;border-radius:4px;flex-shrink:0;font-size:17px;line-height:32px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.media-card{background:var(--surface);border:1px solid var(--rule);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.media-thumb{aspect-ratio:4/3;background:var(--sunken);justify-content:center;align-items:center;display:flex}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%}.media-meta{padding:10px 12px;font-size:12px;line-height:16px}.media-meta .name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:18px;overflow:hidden}.chart{width:100%;display:block}.region-row{border-bottom:1px solid var(--rule-soft);grid-template-columns:56px 1fr 96px 48px;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:grid}.region-bar{background:var(--green);border-radius:2px;height:8px}.login{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-box{width:360px;max-width:100%}.login-box .page-title{margin-bottom:4px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.split{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:48px;display:grid}@media (width<=1180px){.split{gap:32px;grid-template-columns:minmax(0,1fr)!important}}.mobile-only{display:none}.m-list{background:var(--surface);border:1px solid var(--rule);border-radius:6px;overflow:hidden}.m-row{text-align:left;border:0;border-bottom:1px solid var(--rule-soft);background:0 0;width:100%;min-height:68px;padding:12px 14px;display:block}.m-row:last-child{border-bottom:0}.m-row.selected{background:var(--green-tint)}.m-line{justify-content:space-between;gap:12px;display:flex}.m-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font-size:13px;line-height:18px;display:flex}@media (width<=900px){.sidebar{display:none}.topbar{background:var(--surface);border-bottom:1px solid var(--rule);z-index:30;align-items:center;height:56px;padding:0 4px;display:flex;position:sticky;top:0}.topbar button,.topbar a{background:0 0;border:0;align-items:center;gap:6px;min-height:48px;padding:0 14px;display:flex}.topbar .title{flex:1;justify-content:center;align-items:center;display:flex}.shell{flex-direction:column}.main{padding:20px 16px 48px}.page-head{flex-direction:column;align-items:stretch}.split{grid-template-columns:1fr;gap:32px}.drawer{border-left:0;width:100%}.drawer-body{padding:20px 16px}.drawer-foot{padding:12px 16px 16px}.search{width:100%}.desktop-only{display:none!important}.mobile-only{display:block}.input,.select,.btn{min-height:44px}.grid-2{grid-template-columns:1fr}}.menu-sheet{z-index:70;background:var(--sunken);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-sheet .nav-link{height:48px;font-size:16px}@keyframes ht-grid-drift{0%{background-position:0 0}to{background-position:64px 64px}}@keyframes ht-line-sweep{0%{background-position:-120% 0}to{background-position:220% 0}}@keyframes ht-glow-drift{0%,to{opacity:.55;transform:translate(0)}50%{opacity:.9;transform:translate(-3%,3%)}}@keyframes ht-pulse-ring{0%,to{box-shadow:0 0 #b3402d66}50%{box-shadow:0 0 0 5px #b3402d00}}@keyframes ht-count-in{0%{opacity:.35}to{opacity:1}}.login{position:relative;overflow:hidden}.login:before{content:"";background-image:linear-gradient(var(--rule-soft) 1px, transparent 1px), linear-gradient(90deg, var(--rule-soft) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:42px 42px;animation:34s linear infinite ht-grid-drift;position:absolute;inset:0}.login:after{content:"";pointer-events:none;background:radial-gradient(circle,#1f4d361f,#0000 68%);width:58%;height:65%;animation:13s ease-in-out infinite ht-glow-drift;position:absolute;top:-15%;right:-8%}.login-box{z-index:1;position:relative}.login-card{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow-float);border-radius:10px;padding:32px 32px 28px;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, transparent, var(--green) 45%, var(--saffron-mark) 50%, var(--green) 55%, transparent);background-size:220% 100%;height:2px;animation:6s linear infinite ht-line-sweep;position:absolute;top:0;left:0;right:0}.login-logo{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.login-logo:before{content:"";filter:blur(1px);pointer-events:none;z-index:0;background:radial-gradient(circle,#1f4d3629,#0000 70%);width:150px;height:96px;position:absolute;top:-16px;left:-20px}.login-logo img{z-index:1;position:relative}.login .input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-tint), 0 0 10px #1f4d3647;outline:none}.login .btn-primary{position:relative;overflow:hidden}.login .btn-primary:after{content:"";background:linear-gradient(120deg,#0000,#faf8f380,#0000);width:40%;height:100%;transition:left .55s;position:absolute;top:0;left:-60%;transform:skew(-18deg)}.login .btn-primary:hover:not(:disabled):after,.login .btn-primary:focus-visible:after{left:140%}.overview-shell{position:relative}.overview-shell:before{content:"";background-image:linear-gradient(var(--rule-soft) 1px, transparent 1px), linear-gradient(90deg, var(--rule-soft) 1px, transparent 1px);opacity:.6;pointer-events:none;background-size:32px 32px;height:200px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.overview-shell>*,.ht-card{position:relative}.ht-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--green) 0%, var(--rule) 45%, var(--saffron-mark) 100%);-webkit-mask-composite:xor;opacity:.4;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ht-pulse{animation:2.2s ease-in-out infinite ht-pulse-ring}.ht-countup{font-variant-numeric:tabular-nums}.ht-countup.ht-count-in{animation:.25s ease-out ht-count-in}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}