:root{--paper: oklch(.992 .004 60);--paper-2: oklch(.978 .006 60);--paper-3: oklch(.962 .008 60);--rule: oklch(.918 .01 60);--rule-strong: oklch(.875 .012 60);--ink-1: oklch(.18 .02 50);--ink-2: oklch(.34 .018 50);--ink-3: oklch(.52 .014 50);--ink-4: oklch(.68 .01 50);--accent: oklch(.42 .135 20);--accent-2: oklch(.36 .125 20);--accent-soft: oklch(.95 .025 20);--accent-ink: oklch(.3 .11 20);--plum: oklch(.42 .09 320);--plum-soft: oklch(.95 .02 320);--ok: oklch(.55 .13 155);--ok-soft: oklch(.94 .04 155);--warn: oklch(.65 .13 65);--warn-soft: oklch(.95 .04 75);--bad: oklch(.55 .18 25);--bad-soft: oklch(.95 .04 25);--info: oklch(.55 .11 240);--info-soft: oklch(.95 .03 240);--nav-bg: oklch(.215 .018 30);--nav-bg-2: oklch(.255 .02 30);--nav-ink: oklch(.85 .012 50);--nav-ink-mute: oklch(.62 .014 50);--nav-rule: oklch(.3 .02 30);--nav-active: oklch(.55 .15 20);--font-ui: "Inter", ui-sans-serif, system-ui, sans-serif;--font-display: "Crimson Pro", "Iowan Old Style", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--r-1: 4px;--r-2: 6px;--r-3: 8px;--r-4: 12px;--r-5: 16px;--shadow-1: 0 1px 0 0 oklch(.918 .01 60);--shadow-2: 0 1px 2px -1px oklch(.18 .02 50 / .08), 0 1px 1px oklch(.18 .02 50 / .04);--shadow-3: 0 4px 12px -4px oklch(.18 .02 50 / .12), 0 2px 4px -2px oklch(.18 .02 50 / .06);--shadow-4: 0 12px 32px -8px oklch(.18 .02 50 / .18), 0 4px 8px -4px oklch(.18 .02 50 / .08);--shadow-pop: 0 24px 56px -16px oklch(.18 .02 50 / .28), 0 8px 16px -8px oklch(.18 .02 50 / .12)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font-ui);font-size:14px;line-height:1.5;color:var(--ink-2);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#d3ccc7;border-radius:99px;border:2px solid var(--paper)}*::-webkit-scrollbar-thumb:hover{background:#a49d97}.h-display{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;color:var(--ink-1)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:99px;font-size:11.5px;font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:99px;background:currentColor;flex:none}.badge.no-dot:before{display:none}.badge--ok{background:var(--ok-soft);color:#004424;color:oklch(.34 .11 155);border-color:#b0dabd}.badge--warn{background:var(--warn-soft);color:#733e00;color:oklch(.42 .12 60);border-color:#eac6a5}.badge--bad{background:var(--bad-soft);color:#8d1a1e;border-color:#febab4}.badge--info{background:var(--info-soft);color:#004d74;color:oklch(.4 .11 240);border-color:#b1d3ec}.badge--mute{background:var(--paper-3);color:var(--ink-3);border-color:var(--rule)}.badge--accent{background:var(--accent-soft);color:var(--accent-ink);border-color:#edc1c0}.badge--plum{background:var(--plum-soft);color:#4a2951;border-color:#dac6de}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--r-3);font-size:13px;font-weight:500;border:1px solid var(--rule-strong);background:var(--paper-2);color:var(--ink-1);transition:all .12s ease;white-space:nowrap}.btn:hover{background:var(--paper-3);border-color:#c4bcb6}.btn:active{transform:translateY(.5px)}.btn--sm{height:28px;padding:0 10px;font-size:12.5px;border-radius:var(--r-2)}.btn--lg{height:40px;padding:0 18px;font-size:14px}.btn--primary{background:var(--accent);color:#fefbf8;border-color:var(--accent-2);box-shadow:var(--shadow-2)}.btn--primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn--ghost:hover{background:var(--paper-3);color:var(--ink-1)}.btn--danger{background:#fefbf8;color:var(--bad);border-color:#f3bfba}.btn--danger:hover{background:var(--bad-soft)}.btn--icon{width:32px;height:32px;padding:0}.btn--icon.btn--sm{width:28px;height:28px}.input,.select,.textarea{display:inline-flex;align-items:center;height:36px;padding:0 12px;width:100%;background:var(--paper-2);border:1px solid var(--rule-strong);border-radius:var(--r-3);color:var(--ink-1);transition:border-color .12s,box-shadow .12s;font-size:13.5px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.textarea{height:auto;padding:10px 12px;line-height:1.5;font-family:inherit;resize:vertical;min-height:80px;display:block}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #87232d1f}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.input--sm{height:30px;font-size:13px;padding:0 10px;border-radius:var(--r-2)}.field-label{display:block;font-size:12px;color:var(--ink-3);margin-bottom:6px;font-weight:500}.field-hint{display:block;font-size:11.5px;color:var(--ink-4);margin-top:4px}.field-error{display:block;font-size:11.5px;color:var(--bad);margin-top:4px}.card{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-4)}.card-header{padding:16px 20px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:16px}.card-title{font-size:14px;font-weight:600;color:var(--ink-1);margin:0}.card-body{padding:20px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:500;color:var(--ink-3);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:10px 16px;background:var(--paper-3);border-bottom:1px solid var(--rule);white-space:nowrap}.table td{padding:14px 16px;border-bottom:1px solid var(--rule);color:var(--ink-2);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--paper-3)}.table .row-actions{opacity:0;transition:opacity .1s}.table tbody tr:hover .row-actions{opacity:1}.av{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:99px;background:var(--accent-soft);color:var(--accent-ink);font-size:11.5px;font-weight:600;flex:none;border:1px solid oklch(.88 .03 20);letter-spacing:.02em}.av--sm{width:24px;height:24px;font-size:10px}.av--lg{width:48px;height:48px;font-size:15px}.av--plum{background:var(--plum-soft);color:#4a2951;border-color:#dacbde}.av--ink{background:#eae3de;color:var(--ink-1);border-color:var(--rule)}.av--green{background:var(--ok-soft);color:#004a27;color:oklch(.36 .11 155);border-color:#b8dbc3}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);background:var(--paper-2);border:1px solid var(--rule-strong);border-bottom-width:2px;border-radius:4px}.hr{height:1px;background:var(--rule);border:0;margin:0}.vr{width:1px;align-self:stretch;background:var(--rule)}.row{display:flex;align-items:center;gap:8px}.row-tight{display:flex;align-items:center;gap:4px}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}.muted{color:var(--ink-3)}.dim{color:var(--ink-4)}.strong{font-weight:600;color:var(--ink-1)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app{display:grid;grid-template-columns:248px 1fr;height:100%;min-height:0;background:var(--paper)}.app.collapsed{grid-template-columns:64px 1fr}.sb{display:flex;flex-direction:column;background:var(--nav-bg);color:var(--nav-ink);border-right:1px solid oklch(.18 .014 30);position:relative;min-width:0;overflow:hidden}.sb-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:1px solid var(--nav-rule);flex:none}.sb-brand-name{font-family:var(--font-display);font-size:17px;font-weight:600;color:#f8f4f2;letter-spacing:-.01em;line-height:1.1;white-space:nowrap}.sb-brand-sub{font-size:10.5px;color:var(--nav-ink-mute);letter-spacing:.06em;text-transform:uppercase;margin-top:1px;white-space:nowrap}.sb-section{padding:14px 12px 4px}.sb-section-label{font-size:10.5px;color:var(--nav-ink-mute);text-transform:uppercase;letter-spacing:.08em;padding:0 10px 6px;font-weight:500;white-space:nowrap;overflow:hidden}.sb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px}.sb-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-2);color:var(--nav-ink);font-size:13px;cursor:pointer;transition:background .1s,color .1s;position:relative;white-space:nowrap}.sb-item:hover{background:var(--nav-bg-2);color:#f6f1ed}.sb-item.active{background:#3c2826;color:#fef7f2}.sb-item.active:before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:2.5px;border-radius:2px;background:var(--nav-active)}.sb-item .ico{width:16px;height:16px;flex:none;opacity:.85}.sb-item.active .ico{opacity:1}.sb-item .count{margin-left:auto;font-size:11px;color:var(--nav-ink-mute);background:var(--nav-bg-2);padding:1px 6px;border-radius:99px;min-width:18px;text-align:center}.sb-foot{margin-top:auto;padding:10px 12px;border-top:1px solid var(--nav-rule);display:flex;align-items:center;gap:10px;flex:none}.sb-foot-name{font-size:12.5px;color:#f4f1ee;font-weight:500;white-space:nowrap}.sb-foot-sub{font-size:11px;color:var(--nav-ink-mute);white-space:nowrap}.app.collapsed .sb-brand-name,.app.collapsed .sb-brand-sub,.app.collapsed .sb-section-label,.app.collapsed .sb-item span:not(.ico-wrap),.app.collapsed .sb-item .count,.app.collapsed .sb-foot .sb-foot-name,.app.collapsed .sb-foot .sb-foot-sub{display:none}.app.collapsed .sb-foot{justify-content:center;padding:10px}.app.collapsed .sb-item{justify-content:center;padding:8px}.app.collapsed .sb-brand{justify-content:center;padding:14px 10px}.main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.tb{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--paper);border-bottom:1px solid var(--rule);height:56px;flex:none}.tb-search{flex:1;max-width:480px;position:relative}.tb-search .input{padding-left:36px;height:34px;background:var(--paper-3);border-color:transparent}.tb-search .input:focus{background:var(--paper-2);border-color:var(--rule-strong)}.tb-search-ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.tb-crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3)}.tb-crumbs .sep{color:var(--ink-4)}.tb-crumbs .here{color:var(--ink-1);font-weight:500}.page{flex:1;overflow:auto;min-height:0}.page-inner{padding:24px 32px 64px;max-width:1480px;margin:0 auto}.ph{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--rule);margin-bottom:24px}.ph-eyebrow{font-size:11.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:500;margin-bottom:6px}.ph-title{font-family:var(--font-display);font-size:28px;font-weight:500;color:var(--ink-1);line-height:1.15;letter-spacing:-.01em;margin:0}.ph-sub{color:var(--ink-3);margin-top:4px;font-size:13.5px}.ph-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.kpi{padding:18px 20px;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-4);position:relative;overflow:hidden}.kpi-label{font-size:12px;color:var(--ink-3);font-weight:500;display:flex;align-items:center;gap:6px}.kpi-value{font-family:var(--font-display);font-size:30px;font-weight:500;color:var(--ink-1);margin:8px 0 6px;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.kpi-foot{font-size:11.5px;color:var(--ink-4);margin-top:4px}.kpi-trend{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500}.kpi-trend--up{color:#006738;color:oklch(.45 .13 155)}.kpi-trend--down{color:var(--bad)}.prog{width:100%;height:6px;background:var(--paper-3);border-radius:99px;overflow:hidden}.prog>span{display:block;height:100%;background:var(--accent);border-radius:99px}.prog--ok>span{background:var(--ok)}.prog--warn>span{background:var(--warn)}.prog--bad>span{background:var(--bad)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--rule);background:var(--paper-2);border-radius:var(--r-4) var(--r-4) 0 0}.filter-search{flex:1;max-width:320px;position:relative}.filter-search .input{height:32px;font-size:13px;padding:0 10px 0 32px}.filter-search-ico{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:99px;font-size:12.5px;color:var(--ink-2);background:var(--paper-3);border:1px solid var(--rule);cursor:pointer;transition:all .1s}.chip:hover{background:var(--paper);border-color:var(--rule-strong)}.chip--active{background:var(--accent-soft);color:var(--accent-ink);border-color:#edc1c0}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#190f0a73;z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper-2);border-radius:var(--r-5);border:1px solid var(--rule);box-shadow:var(--shadow-pop);z-index:90;width:min(720px,calc(100vw - 48px));max-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden}.modal--lg{width:min(960px,calc(100vw - 48px))}.modal-header{padding:18px 24px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}.modal-title{font-family:var(--font-display);font-size:19px;font-weight:500;color:var(--ink-1);margin:0;letter-spacing:-.01em}.modal-sub{color:var(--ink-3);font-size:12.5px;margin-top:2px}.modal-body{padding:22px 24px;overflow:auto;flex:1}.modal-foot{padding:14px 24px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--paper-3);flex:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.form-grid .full{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:0}.pag{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--ink-3)}.pag-pages{display:flex;align-items:center;gap:4px}.pag-page{width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--ink-2);font-size:12.5px;cursor:pointer}.pag-page:hover{background:var(--paper-3)}.pag-page.active{background:var(--accent);color:#fefbf8;border-color:var(--accent)}.pag-page:disabled{opacity:.35;cursor:default}.tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);margin-bottom:20px}.tab{padding:9px 14px;font-size:13px;color:var(--ink-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .1s,border-color .1s;font-weight:500}.tab:hover{color:var(--ink-1)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.empty{text-align:center;padding:48px 24px;color:var(--ink-3)}.empty-title{color:var(--ink-1);font-weight:600;font-size:14px;margin-bottom:4px}.alert{display:flex;gap:10px;padding:10px 12px;border-radius:var(--r-3);border:1px solid;align-items:flex-start}.alert--warn{background:var(--warn-soft);border-color:#eac6a5}.alert--bad{background:var(--bad-soft);border-color:#febab4}.alert--info{background:var(--info-soft);border-color:#b1d3ec}.alert--ok{background:var(--ok-soft);border-color:#b0dabd}.alert-title{font-weight:600;color:var(--ink-1);font-size:12.5px}.alert-body{font-size:12.5px;color:var(--ink-2);margin-top:1px}.skel{background:linear-gradient(90deg,var(--paper-3) 0%,oklch(.94 .008 60) 50%,var(--paper-3) 100%);background-size:200% 100%;animation:shim 1.4s linear infinite;border-radius:4px}@keyframes shim{0%{background-position:-200% 0}to{background-position:200% 0}}.dl{display:grid;grid-template-columns:160px 1fr;gap:8px 12px;font-size:13px}.dl dt{color:var(--ink-3)}.dl dd{color:var(--ink-1);margin:0;font-weight:500}.app-footer{padding:18px 0 12px;margin-top:36px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11.5px;color:var(--ink-4);flex-wrap:wrap}.mutrx-mark{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:99px;background:var(--paper-3);border:1px solid var(--rule);color:var(--ink-2);font-weight:600;font-family:var(--font-ui);letter-spacing:.1em;font-size:10.5px}.mutrx-mark:before{content:"";width:6px;height:6px;border-radius:2px;background:linear-gradient(135deg,var(--accent),oklch(.42 .09 320))}.notif-pop{position:absolute;top:48px;right:0;width:380px;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-4);box-shadow:var(--shadow-pop);z-index:60;overflow:hidden}@media (max-width: 900px){.app{grid-template-columns:64px 1fr}.app .sb-brand-name,.app .sb-brand-sub,.app .sb-section-label,.app .sb-item span:not(.ico-wrap),.app .sb-item .count,.app .sb-foot .sb-foot-name,.app .sb-foot .sb-foot-sub{display:none}.app .sb-foot{justify-content:center;padding:10px}.app .sb-item{justify-content:center;padding:8px}.app .sb-brand{justify-content:center;padding:14px 10px}}