@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-family-base: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-family-mono: Consolas, "SFMono-Regular", "SF Mono", Menlo, ui-monospace, monospace;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-2xs: .75rem;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-sm-plus: .9375rem;--font-size-md: 1rem;--font-size-md-plus: 1.0625rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.375rem;--font-size-3xl: 1.5625rem;--font-size-3xl-plus: 1.75rem;--font-size-4xl: 1.875rem;--font-size-5xl: 2.4rem;--font-size-6xl: 3rem;--font-size-7xl: 3.125rem;--color-text: #393939;--color-text-secondary: rgba(0, 0, 0, .65);--color-text-tertiary: rgba(0, 0, 0, .55);--color-muted: #858585;--color-placeholder: #DADADA;--color-background: #F5F5F5;--color-surface: #FFFFFF;--color-surface-hover: rgba(0, 0, 0, .03);--color-primary: #007F61;--color-primary-alt: #339981;--color-primary-hover: #3ca78d;--color-primary-tint: #D9ECE7;--color-border: #E2DADA;--color-border-light: #E5E5E5;--color-border-subtle: rgba(0, 0, 0, .12);--color-gray-50: #FAFAFA;--color-gray-200: #EBEBEB;--color-gray-300: #B4B4B4;--color-danger: #E51C23;--color-danger-bg: #FFE8E8;--color-danger-muted: #C45C60;--color-danger-muted-hover: #B15054;--color-warning: #ffd8a8;--color-warning-bg: #fff4e5;--color-warning-soft-bg: rgba(255, 193, 7, .18);--color-warning-text: #a07900;--color-success: #198754;--color-success-bg: #e7f5ee;--color-info: #0dcaf0;--color-info-bg: #e7fafe;--color-notification-pad: #EBEBF7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: .9375rem;--radius-sidebar: 45px;--radius-pill: 999px;--shadow-sm: 0 4px 10px rgba(0, 0, 0, .04);--shadow-md: 0 8px 18px rgba(0, 0, 0, .04);--shadow-drawer: -10px 0 22px rgba(0, 0, 0, .12);--shadow-card-green: 4px 5px 14px rgba(0, 127, 97, .2);--shadow-input-green: 0 7px 7px rgba(0, 127, 97, .1);--duration-fast: .16s;--duration-md: .2s;--duration-slow: .5s;--easing-standard: ease;--easing-in: ease-in;--z-nav: 40;--z-sidebar: 55;--z-overlay: 1040;--z-drawer: 1050;--z-toast: 5000}.ic-h1,.ic-page-title{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);line-height:30px;color:var(--color-text)}.ic-h2,.ic-section-title{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-2xl);line-height:36px;color:var(--color-text)}.ic-h3,.ic-card-title{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);line-height:1.3;color:var(--color-text)}.ic-h4{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);line-height:1.4;color:var(--color-text)}.ic-label{font-family:var(--font-family-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);color:var(--color-text)}.ic-body,p.ic-body{font-family:var(--font-family-base);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text)}.ic-body-lg{font-family:var(--font-family-base);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text)}.ic-meta,.ic-caption{font-family:var(--font-family-base);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);line-height:1.4;color:var(--color-muted)}.ic-link{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none}.ic-link:hover{color:var(--color-primary-hover)}.ic-mono,code.ic-code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--font-size-xs);background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:2px 6px;color:var(--color-text)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family-base);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--color-primary-tint)}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--color-primary);color:var(--color-primary-tint);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 0 16px;z-index:var(--z-sidebar)}.sidebar__logo{padding:0 24px 18px;display:flex;align-items:center;gap:11px}.sidebar__logo img{height:30px}.sidebar__logo .wm{color:#fff;font-weight:var(--font-weight-bold);font-size:19px;letter-spacing:.3px}.sidebar__logo .wm small{display:block;font-weight:var(--font-weight-regular);font-size:11px;color:var(--color-primary-tint);letter-spacing:.2px;margin-top:1px}.sidebar__section{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:#d9ece78c;padding:16px 26px 7px;font-weight:var(--font-weight-semibold)}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding-right:0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 26px;margin-left:0;color:var(--color-primary-tint);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sidebar) 0 0 var(--radius-sidebar);transition:background var(--duration-md) var(--easing-standard),color var(--duration-md);position:relative;white-space:nowrap;cursor:pointer}.nav-item svg{width:19px;height:19px;flex:0 0 19px;stroke-width:2}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.is-active{background:var(--color-surface);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-item__badge{margin-left:auto;background:#ffffff38;color:#fff;font-size:11px;font-weight:var(--font-weight-bold);min-width:20px;text-align:center;padding:1px 6px;border-radius:var(--radius-pill)}.nav-item.is-active .nav-item__badge{background:var(--color-danger);color:#fff}.sidebar__spacer{flex:1}.sidebar__foot{padding:12px 18px 0 24px}.qbo-mini{background:#0000001f;border-radius:var(--radius-md);padding:11px 13px;margin:0 14px 12px;font-size:var(--font-size-2xs)}.qbo-mini__row{display:flex;align-items:center;gap:8px;color:#fff;font-weight:var(--font-weight-medium)}.qbo-mini__dot{width:8px;height:8px;border-radius:50%}.qbo-mini__sub{color:#d9ece7b3;margin-top:4px;font-size:11px}.main{min-width:0;display:flex;flex-direction:column;overflow-x:clip}.topbar{position:sticky;top:0;z-index:var(--z-nav);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:18px;padding:0 26px;height:62px}.topbar__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md-plus)}.topbar__title small{display:block;color:var(--color-muted);font-size:12px;font-weight:var(--font-weight-regular);margin-top:1px}.topbar__spacer{flex:1}.switcher{position:relative}.switcher__btn{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:7px 12px;min-width:230px;transition:border-color var(--duration-md),box-shadow var(--duration-md)}.switcher__btn:hover{border-color:var(--color-primary)}.switcher__btn .av{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:var(--font-weight-bold);font-size:12px;color:#fff;flex:0 0 30px}.switcher__btn .lbl{text-align:left;line-height:1.15;flex:1}.switcher__btn .lbl b{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:block}.switcher__btn .lbl span{font-size:11.5px;color:var(--color-muted)}.switcher__btn .caret{color:var(--color-muted)}.switcher__menu{position:absolute;right:0;top:calc(100% + 7px);width:296px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:6px;z-index:var(--z-overlay);animation:pop var(--duration-fast) var(--easing-standard)}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.switcher__opt{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--radius-md);transition:background var(--duration-fast);cursor:pointer}.switcher__opt:hover{background:var(--color-surface-hover)}.switcher__opt.is-active{background:var(--color-primary-tint)}.switcher__opt .av{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:var(--font-weight-bold);font-size:12px;flex:0 0 32px}.switcher__opt .lbl b{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.switcher__opt .lbl span{font-size:11.5px;color:var(--color-muted)}.switcher__opt .chk{margin-left:auto;color:var(--color-primary)}.switcher__divider{height:1px;background:var(--color-border-light);margin:5px 8px}.iconbtn{width:38px;height:38px;border-radius:50%;border:none;background:var(--color-notification-pad);display:grid;place-items:center;color:var(--color-text-secondary);position:relative;transition:transform var(--duration-slow)}.iconbtn:hover{transform:scale(1.08)}.iconbtn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--color-danger);border:1.5px solid var(--color-surface)}.page{padding:24px 26px 60px;max-width:1320px}.page__head{display:flex;align-items:flex-end;gap:16px;row-gap:10px;margin-bottom:20px;flex-wrap:wrap}.sensor-link{cursor:pointer;border-radius:6px;padding:2px 6px;margin:-2px -6px}.sensor-link:hover{background:var(--color-gray-50);text-decoration:underline;text-underline-offset:2px}.page__head h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0;line-height:1.1}.page__head p{margin:5px 0 0;color:var(--color-muted);font-size:var(--font-size-sm)}.page__head .right{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border-radius:var(--radius-md);padding:9px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:1px solid transparent;transition:background var(--duration-md),color var(--duration-md),border-color var(--duration-md);white-space:nowrap}.btn svg{width:16px;height:16px}.btn--primary{background:var(--color-primary-alt);border-color:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover)}.btn--soft{background:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary)}.btn--soft:hover{background:var(--color-primary);color:#fff}.btn--ghost{background:var(--color-surface);border-color:var(--color-border-light);color:var(--color-text)}.btn--ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn--danger{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger);color:#fff}.btn--sm{padding:6px 11px;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-green);padding:22px}.card--flush{padding:0;overflow:hidden}.grid{display:grid;gap:16px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.kpi{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-green);padding:18px 20px;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden}.kpi__label{font-size:var(--font-size-xs);color:var(--color-muted);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:7px}.kpi__label .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.kpi__value{font-size:30px;font-weight:var(--font-weight-bold);line-height:1.1;margin-top:6px}.kpi__value small{font-size:15px;font-weight:var(--font-weight-medium);color:var(--color-muted)}.kpi__sub{font-size:var(--font-size-xs);color:var(--color-muted);margin-top:3px}.kpi__sub b{color:var(--color-text)}.kpi__trend{font-weight:var(--font-weight-semibold)}.kpi--accent{color:#fff}.tbl-wrap{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card-green);padding:0;overflow:hidden;overflow-x:auto}.tbl-tools{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--color-border-light)}.tbl-tools .count{color:var(--color-muted);font-size:var(--font-size-xs)}.tbl-tools .spacer{flex:1}table.tbl{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}table.tbl thead th{background:var(--color-gray-200);color:var(--color-text-secondary);text-align:left;font-weight:var(--font-weight-semibold);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;padding:10px 13px;white-space:nowrap;position:sticky;top:0}table.tbl thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.tbl thead th .sortarrow{color:var(--color-primary);margin-left:4px}table.tbl tbody td{padding:10px 13px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}table.tbl tbody tr{transition:background var(--duration-fast)}table.tbl tbody tr:hover{background:var(--color-surface-hover);cursor:pointer}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl .num{text-align:right;font-variant-numeric:tabular-nums}table.tbl .strong{font-weight:var(--font-weight-semibold);color:var(--color-text)}.cell-2{line-height:1.25}.cell-2 b{font-weight:var(--font-weight-semibold)}.cell-2 span{display:block;color:var(--color-muted);font-size:11px}.rowmenu{color:var(--color-muted);width:28px;height:28px;border-radius:7px;border:none;background:transparent;display:grid;place-items:center}.rowmenu:hover{background:var(--color-gray-200);color:var(--color-text)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:var(--font-weight-semibold);white-space:nowrap;line-height:1.5}.pill .pdot{width:7px;height:7px;border-radius:50%}.pill--paid{background:var(--color-success-bg);color:var(--color-success)}.pill--sent{background:var(--color-primary-tint);color:var(--color-primary)}.pill--overdue{background:var(--color-danger-bg);color:var(--color-danger)}.pill--draft{background:var(--color-gray-200);color:var(--color-text-secondary)}.pill--scheduled{background:#eef3fb;color:#2a6fdb}.pill--auto{background:var(--color-warning-bg);color:var(--color-warning-text)}.pill--ok{background:var(--color-success-bg);color:var(--color-success)}.pill--warn{background:var(--color-warning-bg);color:var(--color-warning-text)}.pill--danger{background:var(--color-danger-bg);color:var(--color-danger)}.pill--muted{background:var(--color-gray-200);color:var(--color-text-secondary)}.pill--vacant{background:var(--color-gray-200);color:var(--color-muted)}.tag{font-size:11px;color:var(--color-muted);font-weight:var(--font-weight-medium)}.mono{font-family:var(--font-family-mono);font-size:12px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:3px 9px;font-size:11.5px;color:var(--color-text-secondary)}.av-sq{border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:var(--font-weight-bold)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.input,.select{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:9px 11px;font-size:var(--font-size-sm);font-family:inherit;background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color var(--duration-md),box-shadow var(--duration-md)}.input:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-input-green)}.input--sm{padding:6px 9px;font-size:var(--font-size-xs)}.searchbox{position:relative}.searchbox input{padding-left:32px}.searchbox svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-muted);width:15px;height:15px}.toggle{position:relative;width:38px;height:22px;border-radius:999px;background:var(--color-gray-300);border:none;transition:background var(--duration-md);flex:0 0 38px}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--duration-md);box-shadow:0 1px 2px #00000040}.toggle.on{background:var(--color-primary)}.toggle.on:after{transform:translate(16px)}.seg{display:inline-flex;background:var(--color-gray-200);border-radius:var(--radius-md);padding:3px;gap:2px}.seg button{border:none;background:transparent;padding:6px 13px;border-radius:7px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.seg button.on{background:var(--color-surface);color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:var(--z-overlay);animation:fade var(--duration-md)}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;height:100vh;width:540px;max-width:94vw;background:var(--color-surface);z-index:var(--z-drawer);box-shadow:var(--shadow-drawer);display:flex;flex-direction:column;animation:slidein var(--duration-md) var(--easing-standard)}.drawer--wide{width:760px}@keyframes slidein{0%{transform:translate(100%)}to{transform:none}}.drawer__head{padding:20px 24px;border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-card-green);display:flex;align-items:flex-start;gap:14px}.drawer__head .av{width:44px;height:44px;border-radius:10px;flex:0 0 44px}.drawer__head h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}.drawer__head .sub{color:var(--color-muted);font-size:var(--font-size-xs);margin-top:3px}.drawer__close{margin-left:auto;width:32px;height:32px;border-radius:8px;border:none;background:var(--color-gray-200);font-size:18px;color:var(--color-text-secondary);display:grid;place-items:center;flex:0 0 32px}.drawer__close:hover{background:var(--color-border)}.drawer__body{flex:1;overflow-y:auto;padding:22px 24px}.drawer__foot{padding:15px 24px;border-top:1px solid var(--color-border-light);display:flex;gap:10px;align-items:center}.drawer__tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--color-border-light);background:var(--color-surface)}.drawer__tab{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:12px 4px;margin-right:18px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);cursor:pointer}.drawer__tab:hover{color:var(--color-text)}.drawer__tab.on{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.drow{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.drow:last-child{border-bottom:none}.drow__k{color:var(--color-muted);font-weight:var(--font-weight-medium)}.drow__v{text-align:right;font-weight:var(--font-weight-medium)}.section-h{font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--color-muted);font-weight:var(--font-weight-semibold);margin:22px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--color-border-light)}.section-h:first-child{margin-top:0}.lines{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.lines th{text-align:left;color:var(--color-muted);font-weight:var(--font-weight-semibold);padding:7px 8px;border-bottom:1px solid var(--color-border-light);font-size:11px;text-transform:uppercase;letter-spacing:.4px}.lines td{padding:9px 8px;border-bottom:1px solid var(--color-border-light);vertical-align:top}.lines .num{text-align:right;font-variant-numeric:tabular-nums}.lines tfoot td{font-weight:var(--font-weight-bold);border-top:2px solid var(--color-border);border-bottom:none;padding-top:11px;font-size:var(--font-size-sm)}.lines .ld{color:var(--color-muted);font-size:11px;white-space:pre-line;margin-top:2px}.spark{display:block}.barbg{fill:var(--color-gray-200)}.attn{display:flex;flex-direction:column}.attn__item{display:flex;align-items:center;gap:13px;padding:13px 4px;border-bottom:1px solid var(--color-border-light)}.attn__item:last-child{border-bottom:none}.attn__ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 36px}.attn__txt{flex:1;line-height:1.3}.attn__txt b{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.attn__txt span{display:block;color:var(--color-muted);font-size:12px;margin-top:1px}.attn__act{flex:0 0 auto}.muted{color:var(--color-muted)}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap-gap{display:flex;flex-wrap:wrap;gap:10px}.divider{height:1px;background:var(--color-border-light);margin:16px 0}.empty{text-align:center;padding:40px 20px;color:var(--color-muted)}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px}.toast{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border-left:4px solid var(--color-primary);padding:13px 16px;min-width:290px;display:flex;gap:11px;align-items:flex-start;animation:pop var(--duration-md) var(--easing-standard)}.toast.err{border-left-color:var(--color-danger)}.toast b{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.toast span{display:block;color:var(--color-muted);font-size:12px;margin-top:2px}.batt{display:inline-flex;align-items:center;gap:7px}.batt__bar{width:38px;height:9px;border-radius:3px;background:var(--color-gray-200);overflow:hidden;position:relative}.batt__fill{display:block;height:100%;border-radius:3px;transition:width .3s ease}.signal{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.signal i{width:3px;border-radius:1px;background:var(--color-gray-300);display:block}.signal i.on{background:var(--color-primary)}.steps{display:flex;align-items:center;gap:0;margin-bottom:22px}.step{display:flex;align-items:center;gap:9px;color:var(--color-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.step__n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--color-gray-200);color:var(--color-text-secondary);font-size:12px;font-weight:var(--font-weight-bold)}.step.on .step__n{background:var(--color-primary);color:#fff}.step.done .step__n{background:var(--color-success-bg);color:var(--color-success)}.step.on{color:var(--color-text);font-weight:var(--font-weight-semibold)}.step__line{width:46px;height:2px;background:var(--color-border-light);margin:0 12px}.usage-badge{display:inline-flex;flex-direction:column;align-items:flex-end}.usage-badge b{font-variant-numeric:tabular-nums}.cbx{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--color-gray-300);display:grid;place-items:center;background:var(--color-surface);flex:0 0 18px;transition:all var(--duration-fast)}.cbx.on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cbx.part{background:var(--color-primary-tint);border-color:var(--color-primary)}tr.grouprow td{background:var(--color-gray-50);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;padding:8px 13px;cursor:default}tr.grouprow:hover td{background:var(--color-gray-50)}.nav-toggle{display:none;width:38px;height:38px;border-radius:9px;border:1px solid var(--color-border-light);background:var(--color-surface);place-items:center;color:var(--color-text-secondary)}.nav-scrim{display:none}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;top:0;width:248px;transition:left var(--duration-md) var(--easing-standard)}.app.nav-open .sidebar{left:0;box-shadow:6px 0 24px #00000040}.app.nav-open .nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50}.nav-toggle{display:grid}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.kpis{grid-template-columns:1fr 1fr}.page{padding:18px 14px 60px}}:root{--font-family-base: "Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-family-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-sm: 7px;--radius-md: 9px;--radius-lg: 11px;--radius-xl: 13px;--radius-pill: 999px;--radius-sidebar: 9px;--shadow-input-green: 0 0 0 3px var(--color-primary-tint);--accent: #0284C7;--color-background:#EDF1F2;--color-surface:#FFFFFF;--color-surface-hover:#F4F8F8;--color-text:#0F211F;--color-text-secondary:#3B4A4D;--color-text-tertiary:#6A797C;--color-muted:#8A989B;--color-border:#D6DEDF;--color-border-light:#E7ECEC;--color-gray-50:#F4F7F7;--color-gray-200:#EAEFEF;--color-gray-300:#D5DDDD;--color-notification-pad:#EDF2F2;--color-danger:#D14343;--color-danger-bg:#FBE7E7;--color-success:#1F9D6B;--color-success-bg:#DEF3E9;--color-warning-bg:#F6ECD7;--color-warning-text:#A86813;--accent-ink:#03608F;--accent-soft:#DBEEFB;--color-primary:#0284C7;--color-primary-alt:#0284C7;--color-primary-hover:#03608F;--color-primary-tint:#DBEEFB;--shadow-sm:0 1px 2px rgba(16,32,30,.06);--shadow-card-green:0 1px 2px rgba(16,32,30,.05);--shadow-md:0 10px 30px rgba(16,32,30,.14);--shadow-drawer:-12px 0 34px rgba(16,32,30,.16)}.theme-teal{--accent:#0E9384}.theme-indigo{--accent:#4F46E5}.theme-sky{--accent:#0284C7}.theme-paper{--accent:#1F8A57}.mode-light{--color-background:#EDF1F2;--color-surface:#FFFFFF;--color-surface-hover:#F4F8F8;--color-text:#0F211F;--color-text-secondary:#3B4A4D;--color-text-tertiary:#6A797C;--color-muted:#8A989B;--color-border:#D6DEDF;--color-border-light:#E7ECEC;--color-gray-50:#F4F7F7;--color-gray-200:#EAEFEF;--color-gray-300:#D5DDDD;--color-notification-pad:#EDF2F2;--color-danger:#D14343;--color-danger-bg:#FBE7E7;--color-success:#1F9D6B;--color-success-bg:#DEF3E9;--color-warning-bg:#F6ECD7;--color-warning-text:#A86813;--accent-ink: color-mix(in srgb, var(--accent) 82%, #04121a);--shadow-sm:0 1px 2px rgba(16,32,30,.06);--shadow-card-green:0 1px 2px rgba(16,32,30,.05);--shadow-md:0 10px 30px rgba(16,32,30,.14);--shadow-drawer:-12px 0 34px rgba(16,32,30,.16)}.mode-light.theme-paper{--accent:#1F7A52;--color-background:#F2EFE8;--color-surface:#FBFAF6;--color-surface-hover:#F4F1EA;--color-text:#23201A;--color-text-secondary:#4A4339;--color-text-tertiary:#6B6356;--color-muted:#9C9483;--color-border:#E2DBCE;--color-border-light:#EAE4D8;--color-gray-50:#F4F1EA;--color-gray-200:#EDE8DD;--color-gray-300:#DDD5C7;--color-notification-pad:#EFEADF}.mode-dark{--color-background:#0A0E12;--color-surface:#0E151B;--color-surface-hover:#16212A;--color-text:#EAF2F6;--color-text-secondary:#AEBCC6;--color-text-tertiary:#7E8E99;--color-muted:#5F7080;--color-border:#243039;--color-border-light:#1B2630;--color-gray-50:#121A21;--color-gray-200:#18222B;--color-gray-300:#2A3742;--color-notification-pad:#16202A;--color-danger:#FF6B6B;--color-danger-bg:#2A1417;--color-success:#2DD4BF;--color-success-bg:#0F2421;--color-warning-bg:#2A2410;--color-warning-text:#E3B341;--accent-ink: color-mix(in srgb, var(--accent) 60%, #ffffff);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--shadow-card-green:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 14px 36px rgba(0,0,0,.55);--shadow-drawer:-14px 0 42px rgba(0,0,0,.6);color-scheme:dark}.mode-light,.mode-dark{--accent-soft: color-mix(in srgb, var(--accent) 14%, var(--color-surface));--color-primary: var(--accent);--color-primary-alt: var(--accent);--color-primary-hover: var(--accent-ink);--color-primary-tint: var(--accent-soft)}.sidebar{background:var(--color-surface);color:var(--color-text-secondary);border-right:1px solid var(--color-border-light)}.sidebar__logo .wm{color:var(--color-text);letter-spacing:-.01em}.sidebar__logo .wm small{color:var(--color-muted)}.sidebar__section{color:var(--color-muted);font-family:var(--font-family-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:16px 26px 7px}.sidebar__nav{gap:3px}.nav-item{margin:0 12px;padding:9px 11px;gap:11px;border-radius:var(--radius-md);color:var(--color-text-secondary)}.nav-item svg{color:var(--color-text-tertiary)}.nav-item:hover{background:var(--color-gray-200);color:var(--color-text)}.nav-item:hover svg{color:var(--color-text-secondary)}.nav-item.is-active{background:var(--accent-soft);color:var(--accent-ink)}.nav-item.is-active svg{color:var(--accent-ink)}.nav-item__badge{background:var(--color-gray-200);color:var(--color-text-secondary)}.nav-item.is-active .nav-item__badge{background:var(--accent);color:#fff}.sidebar__foot .nav-item{color:var(--color-text-secondary)}.qbo-mini{background:var(--accent-soft)}.qbo-mini__row{color:var(--accent-ink)}.qbo-mini__sub{color:var(--color-muted)}.topbar__title small{font-family:var(--font-family-mono);font-size:11px;letter-spacing:-.01em}.accent-pick{display:inline-flex;align-items:center;gap:7px;padding-right:6px}.accent-pick .sw{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform var(--duration-fast);position:relative}.accent-pick .sw:hover{transform:scale(1.12)}.accent-pick .sw.on{border-color:var(--color-text)}table.tbl thead th{background:var(--color-gray-50);color:var(--color-muted);font-family:var(--font-family-mono);font-size:10.5px;font-weight:600;letter-spacing:.04em;border-bottom:1px solid var(--color-border-light)}.tbl-wrap,.card{border:1px solid var(--color-border-light)}table.tbl .num,.lines .num{font-family:var(--font-family-mono)}.mode-dark .pill--scheduled{background:#152433;color:#7fb6ff}.mode-dark .toggle:after{background:#e8eef2}.mode-dark table.tbl tbody tr:hover{background:var(--color-surface-hover)}.mode-dark .switcher__menu{border-color:var(--color-border)}.mode-dark .iconbtn{background:var(--color-gray-200);color:var(--color-text-secondary)}.accent-pick+.iconbtn{margin-left:2px}