:root{color-scheme:light;--page: #f4f8f5;--page-tint: transparent;--surface: #ffffff;--surface-2: #fafcfb;--glass: rgba(255, 255, 255, .86);--soft: #eef4f0;--muted-bg: #e5eee8;--ink: #0e2a21;--ink-2: #3b5248;--ink-3: #5c7167;--line: #dfe8e2;--line-2: #cbd8d0;--primary: #1f6b4c;--primary-ink: #ffffff;--primary-hover: #18573d;--primary-grad: #1f6b4c;--brand: #1f6b4c;--brand-bg: #e3f0e8;--brand-ink: #1f6b4c;--leaf: #5db04a;--leaf-bg: #eaf5e5;--leaf-ink: #2f6e22;--night: #0e2a21;--night-bg: #e6ebe8;--accent: #f28c4a;--accent-bg: #fdefe4;--accent-ink: #9a4a14;--lime: #9bd65a;--violet: #0e2a21;--violet-bg: #e6ebe8;--water: #2b7fb8;--water-bg: #e5f0f8;--ok: #2e7d4f;--ok-bg: #e3f0e8;--warn: #9f5b00;--warn-bg: #fdf1dc;--bad: #c23b32;--bad-bg: #fbe9e7;--info: #2b6cb0;--info-bg: #e6f0fa;--logo-ink: #0e2a21;--logo-leaf: #5db04a;--shadow-sm: 0 1px 2px rgba(14, 42, 33, .04);--shadow: 0 1px 2px rgba(14, 42, 33, .04), 0 6px 20px rgba(14, 42, 33, .06);--shadow-lg: 0 2px 6px rgba(14, 42, 33, .05), 0 24px 56px rgba(14, 42, 33, .14);--hero-grad: #1f6b4c;--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font: Sora, Vazirmatn, Tahoma, sans-serif;--ease: cubic-bezier(.2, .7, .2, 1);--topbar-h: 64px;--side-w: 264px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--page: #0a1020;--page-tint: transparent;--surface: #111a2e;--surface-2: #141f36;--glass: rgba(17, 26, 46, .84);--soft: #172238;--muted-bg: #1d2a44;--ink: #eef2f8;--ink-2: #c4ccdc;--ink-3: #8d98b0;--line: #1f2b45;--line-2: #2c3b5c;--primary: #23784f;--primary-ink: #ffffff;--primary-hover: #2a8a5c;--primary-grad: #23784f;--brand: #9bd65a;--brand-bg: #1a2f2f;--brand-ink: #b4e27f;--leaf: #9bd65a;--leaf-bg: #1c2f2a;--leaf-ink: #b4e27f;--night: #0a1020;--night-bg: #1b2640;--accent: #f28c4a;--accent-bg: #33251f;--accent-ink: #f6b07f;--lime: #9bd65a;--violet: #9bd65a;--violet-bg: #1a2f2f;--water: #6fb3e3;--water-bg: #142a42;--ok: #9bd65a;--ok-bg: #1a2f2f;--warn: #e9b04d;--warn-bg: #33291a;--bad: #ff8a7f;--bad-bg: #3a2027;--info: #7ab3f0;--info-bg: #182a45;--logo-ink: #ffffff;--logo-leaf: #9bd65a;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.3);--shadow-lg: 0 2px 6px rgba(0,0,0,.35), 0 24px 56px rgba(0,0,0,.5);--hero-grad: #1f6b4c}}:root[data-theme=dark]{color-scheme:dark;--page: #0a1020;--page-tint: transparent;--surface: #111a2e;--surface-2: #141f36;--glass: rgba(17, 26, 46, .84);--soft: #172238;--muted-bg: #1d2a44;--ink: #eef2f8;--ink-2: #c4ccdc;--ink-3: #8d98b0;--line: #1f2b45;--line-2: #2c3b5c;--primary: #23784f;--primary-ink: #ffffff;--primary-hover: #2a8a5c;--primary-grad: #23784f;--brand: #9bd65a;--brand-bg: #1a2f2f;--brand-ink: #b4e27f;--leaf: #9bd65a;--leaf-bg: #1c2f2a;--leaf-ink: #b4e27f;--night: #0a1020;--night-bg: #1b2640;--accent: #f28c4a;--accent-bg: #33251f;--accent-ink: #f6b07f;--lime: #9bd65a;--violet: #9bd65a;--violet-bg: #1a2f2f;--water: #6fb3e3;--water-bg: #142a42;--ok: #9bd65a;--ok-bg: #1a2f2f;--warn: #e9b04d;--warn-bg: #33291a;--bad: #ff8a7f;--bad-bg: #3a2027;--info: #7ab3f0;--info-bg: #182a45;--logo-ink: #ffffff;--logo-leaf: #9bd65a;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.3);--shadow-lg: 0 2px 6px rgba(0,0,0,.35), 0 24px 56px rgba(0,0,0,.5);--hero-grad: #1f6b4c}@font-face{font-family:Sora;src:url(/assets/fonts/sora-variable-latin.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0021-007E,U+00A9,U+00AE,U+2122}@font-face{font-family:Vazirmatn;src:url(/assets/fonts/vazirmatn-variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/fonts/material-icons-latin-400-normal.woff2) format("woff2")}html,body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.7}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scrollbar-color:var(--line-2) transparent}body{min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}::selection{background:var(--brand-bg);color:var(--brand-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;text-wrap:balance;line-height:1.35}h1{font-size:1.6rem;font-weight:800;letter-spacing:-.01em}h2{font-size:1.06rem;font-weight:750}h3{font-size:.95rem;font-weight:700}p{margin:0}code{font-size:.85em;background:var(--muted-bg);padding:0 5px;border-radius:5px;direction:ltr;unicode-bidi:embed}.ms{font-family:Material Icons;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;flex:none;-webkit-user-select:none;user-select:none}.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}.muted{color:var(--ink-3)}.small{font-size:.8rem}.sr-only{position:absolute;inset-inline-start:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:560px){h1{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.shell{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh;min-height:100dvh}.side{background:var(--surface);border-inline-start:1px solid var(--line);padding:18px 14px 14px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;height:100dvh;overflow:auto;z-index:40;scrollbar-width:thin}.brand{display:grid;justify-items:start;gap:6px;padding:8px 12px 22px}.brand small{color:var(--ink-3);font-size:.76rem;display:block;line-height:1.4}.role-switch{margin:0 4px 8px;border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--brand-ink);background:var(--brand-bg)}.role-switch .ms{font-size:18px}.role-switch b{color:inherit}.nav-cap{font-size:.7rem;font-weight:700;color:var(--ink-3);padding:14px 12px 4px;letter-spacing:.04em}.nav{position:relative;display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:12px;color:var(--ink-2);cursor:pointer;border:0;background:transparent;width:100%;text-align:start;font-size:.9rem;min-height:42px;transition:background .15s,color .15s}.nav:hover{background:var(--soft);color:var(--ink)}.nav.active{background:var(--brand-bg);color:var(--brand-ink);font-weight:700}.nav.active:before{content:"";position:absolute;inset-inline-start:-14px;top:10px;bottom:10px;width:4px;border-radius:4px 0 0 4px;background:var(--accent)}.nav .ms{font-size:20px}.nav .count{margin-inline-start:auto;font-size:.72rem;background:var(--accent);color:#fff;border-radius:99px;padding:0 7px;line-height:1.6}.side-foot{margin-top:auto;padding:12px 0 0;display:grid;gap:6px}.me-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.me-card .avatar{width:38px;height:38px;cursor:default}.me-card .who{flex:1;min-width:0;line-height:1.4}.me-card .who b{display:block;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-card .who small{color:var(--ink-3);font-size:.74rem}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 28px;padding-top:calc(10px + env(safe-area-inset-top,0px));min-height:var(--topbar-h);border-bottom:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}.topbar .tb-brand{display:none}.crumbs{display:flex;align-items:center;gap:6px;color:var(--ink-3);font-size:.86rem;min-width:0;flex-wrap:wrap;flex:1}.crumbs b{color:var(--ink);font-weight:700}.crumbs a:hover{color:var(--ink)}.crumbs .ms{font-size:16px}.tb-btn{position:relative;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink-2);flex:none;transition:background .15s,color .15s,transform .1s}.tb-btn:hover{background:var(--soft);color:var(--ink)}.tb-btn:active{transform:scale(.95)}.tb-btn .dot{position:absolute;top:8px;left:9px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--surface)}.menu-toggle{display:none}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;border:0;cursor:pointer;flex:none;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line-2)}.avatar-wrap{position:relative}.content{padding:28px 32px 120px;max-width:1280px;width:100%;margin-inline:auto}.content>:not(router-outlet){animation:page-in .28s var(--ease)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.offline-strip{display:flex;align-items:center;gap:8px;justify-content:center;background:var(--warn-bg);color:var(--warn);padding:6px 16px;font-size:.84rem;border-bottom:1px solid var(--line)}.nav-backdrop,.bottom-nav{display:none}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head p{color:var(--ink-3);margin-top:4px}.page-head h1:after,.detail-head h1:after{content:"";display:inline-block;width:.32em;height:.32em;margin-inline-start:.18em;border-radius:50%;background:var(--accent);vertical-align:baseline}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;color:var(--accent-ink)}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;padding:8px 18px;min-height:42px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:.9rem;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s,filter .15s;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.98)}.btn .ms{font-size:18px}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);border-color:var(--line-2);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--soft)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--soft)}.btn-danger{background:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-danger-ghost{background:transparent;color:var(--bad)}.btn-danger-ghost:hover:not(:disabled){background:var(--bad-bg)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:5px 12px;font-size:.82rem;min-height:34px;border-radius:10px;gap:5px}.btn-block{width:100%}.icon-btn{width:38px;height:38px;border-radius:10px;border:0;background:transparent;color:var(--ink-3);display:grid;place-items:center;cursor:pointer;flex:none}.icon-btn:hover:not(:disabled){background:var(--soft);color:var(--ink)}.icon-btn.danger:hover:not(:disabled){background:var(--bad-bg);color:var(--bad)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.panel-b{padding:20px}.stack{display:grid;gap:16px}.stack-sm{display:grid;gap:10px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:2px 10px;font-size:.76rem;font-weight:600;white-space:nowrap;background:var(--muted-bg);color:var(--ink-2)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.info{background:var(--info-bg);color:var(--info)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.accent{background:var(--accent-bg);color:var(--accent-ink)}.pill.brand{background:var(--brand-bg);color:var(--brand-ink)}.pill.plain:before{display:none}.tag{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line-2);border-radius:99px;padding:0 9px;font-size:.76rem;color:var(--ink-2);background:var(--surface)}.ai-badge{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:1px 10px;font-size:.76rem;font-weight:700;background:var(--accent-bg);color:var(--accent-ink)}.ai-badge .ms{font-size:15px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label,.field .lbl{font-size:.84rem;font-weight:500;color:var(--ink-2)}.field .hint{font-size:.76rem;color:var(--ink-3)}.field .err{font-size:.76rem;color:var(--bad);display:flex;gap:4px;align-items:center}.input,.select,.textarea{width:100%;min-height:46px;border:1px solid var(--line-2);background:var(--surface);border-radius:12px;padding:0 14px;transition:border-color .15s,box-shadow .15s,background .15s;font-size:max(16px,.95rem)}@media(min-width:861px){.input,.select,.textarea{font-size:.92rem}}.input:hover:not(:disabled):not(:focus),.select:hover:not(:disabled):not(:focus),.textarea:hover:not(:disabled):not(:focus){border-color:color-mix(in srgb,var(--brand) 35%,var(--line-2))}.input::placeholder,.textarea::placeholder{color:var(--ink-3);opacity:.8}.textarea{padding:10px 12px;min-height:90px;resize:vertical;line-height:1.8}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}.input.invalid,.select.invalid,.textarea.invalid,.ng-touched.ng-invalid.input,.ng-touched.ng-invalid.select{border-color:var(--bad)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--soft);color:var(--ink-3)}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:16px 21px,21px 21px;background-size:5px 5px;background-repeat:no-repeat;padding-inline-start:30px}.input-wrap{position:relative}.input-wrap .suffix{position:absolute;inset-inline-end:14px;top:12px;color:var(--ink-3);font-size:.84rem;pointer-events:none}.input-wrap .input{padding-inline-end:52px}.input-wrap .toggle{position:absolute;inset-inline-end:4px;top:4px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-summary{border:1px solid color-mix(in srgb,var(--bad) 40%,transparent);background:var(--bad-bg);color:var(--bad);border-radius:12px;padding:10px 14px;font-size:.86rem;display:flex;gap:8px;align-items:flex-start}.form-summary ul{margin:4px 0 0;padding-inline-start:18px}.notice{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:10px 14px;font-size:.86rem;color:var(--ink-2);display:flex;gap:8px;align-items:flex-start}.notice .ms{font-size:19px;color:var(--info);margin-top:2px}.notice.warn{background:var(--warn-bg);border-color:transparent;color:var(--ink)}.notice.warn .ms{color:var(--warn)}.notice.accent{background:var(--accent-bg);border-color:transparent;color:var(--ink)}.notice.accent .ms{color:var(--accent)}.switch-row{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.switch-row p{color:var(--ink-3);font-size:.8rem}.switch{position:relative;width:44px;height:24px;flex:none;margin-top:3px}.switch input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0;z-index:1}.switch i{position:absolute;inset:0;background:var(--line-2);border-radius:99px;transition:background .15s}.switch i:after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #0003}.switch input:checked+i{background:var(--brand)}.switch input:checked+i:after{transform:translate(-20px)}.switch input:focus-visible+i{outline:2px solid var(--brand);outline-offset:2px}.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;background:var(--muted-bg);border-radius:12px}.seg button{border:0;border-radius:9px;background:transparent;color:var(--ink-2);padding:6px 14px;min-height:36px;cursor:pointer;font-size:.85rem;transition:background .15s,color .15s}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}.bar{display:flex;height:8px;background:var(--muted-bg);border-radius:99px;overflow:hidden}.bar>i{flex:none;height:100%;background:var(--primary);border-radius:99px;transition:width .5s var(--ease)}.bar.ok>i{background:var(--leaf)}.bar.water>i{background:var(--water)}.bar.accent>i{background:var(--accent)}.bar.bad>i{background:var(--bad)}.bar.lg{height:12px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.kpi{position:relative;overflow:hidden;padding:18px 20px;display:flex;flex-direction:column;gap:6px;transition:transform .15s,box-shadow .15s}.kpi>*{position:relative;z-index:1}.kpis>.kpi:nth-child(4n+2) .k-l .ms{background:var(--leaf-bg);color:var(--leaf-ink)}.kpis>.kpi:nth-child(4n+3) .k-l .ms{background:var(--accent-bg);color:var(--accent-ink)}.kpis>.kpi:nth-child(4n+4) .k-l .ms{background:var(--night-bg);color:var(--ink)}a.kpi:hover,button.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.kpi .k-l{font-size:.8rem;color:var(--ink-3);display:flex;align-items:center;gap:8px;font-weight:500}.kpi .k-l .ms{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:var(--brand-bg);color:var(--brand-ink)}.kpi .k-v{font-size:1.85rem;font-weight:850;line-height:1.15;letter-spacing:-.01em}.kpi .k-s{font-size:.78rem;color:var(--ink-3)}.dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}.dash-grid>*,.split>*,.grid-2>*,.grid-3>*,.grid-4>*{min-width:0}.todo{display:flex;align-items:center;gap:12px;padding:13px 20px;transition:background .12s;border-top:1px solid var(--line)}.todo:first-child{border-top:0}.t-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--muted-bg);color:var(--ink-2)}.t-ic.brand{background:var(--brand-bg);color:var(--brand-ink)}.t-ic.bad{background:var(--bad-bg);color:var(--bad)}.t-ic.info{background:var(--info-bg);color:var(--info)}.t-ic.ok{background:var(--ok-bg);color:var(--ok)}.t-ic.accent{background:var(--accent-bg);color:var(--accent-ink)}.t-ic.water{background:var(--water-bg);color:var(--water)}.todo .t-b{flex:1;min-width:0}.todo .t-b small{color:var(--ink-3);display:block;font-size:.78rem}a.todo:hover{background:var(--soft)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line)}.search{position:relative;flex:1;min-width:200px;max-width:360px}.search>.ms{position:absolute;inset-inline-start:12px;top:13px;color:var(--ink-3);font-size:19px;pointer-events:none}.search .input{padding-inline-start:40px;background:var(--soft);border-color:transparent}.search .input:focus{background:var(--surface)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line-2);background:var(--surface);border-radius:99px;padding:4px 14px;min-height:36px;font-size:.82rem;cursor:pointer;display:inline-flex;gap:6px;align-items:center;transition:background .15s,border-color .15s,transform .1s}.chip:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand) 45%,var(--line-2));background:var(--soft)}.chip:active:not(:disabled){transform:scale(.97)}.chip:disabled{opacity:.5;cursor:not-allowed}.chip span{color:var(--ink-3)}.chip[aria-pressed=true]{background:var(--brand-bg);border-color:var(--brand);color:var(--brand-ink);font-weight:700}.chip[aria-pressed=true] span{color:inherit;opacity:.7}.tbl-wrap{overflow-x:auto;position:relative;overscroll-behavior-x:contain}table.tbl{width:100%;border-collapse:collapse;min-width:720px}.tbl th{text-align:start;font-size:.76rem;font-weight:600;color:var(--ink-3);padding:11px 20px;background:var(--soft);border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:14px 20px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl td.num{white-space:nowrap}.tbl tbody tr.link{cursor:pointer;transition:background .12s}.tbl tbody tr.link:hover{background:var(--soft)}.tbl tr.inactive td{color:var(--ink-3)}.t-title b{display:block;font-weight:700}.t-title small{color:var(--ink-3);font-size:.78rem}.prog{display:grid;gap:5px;min-width:150px}.prog .row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ink-3)}.prog .row b{color:var(--ink);font-weight:500}.menu-wrap{position:relative}.menu{position:absolute;inset-inline-end:0;top:46px;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:6px;min-width:220px;display:grid;animation:pop-in .14s var(--ease);transform-origin:top left}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}}.menu button,.menu a{display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:42px;border:0;background:transparent;border-radius:10px;cursor:pointer;text-align:start;font-size:.86rem;color:var(--ink)}.menu button:hover,.menu a:hover{background:var(--soft)}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.menu .danger{color:var(--bad)}.tbl-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;color:var(--ink-3);font-size:.84rem;gap:10px;flex-wrap:wrap}.pager{display:flex;gap:4px;align-items:center}.pager button{min-width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:grid;place-items:center}.pager button:disabled{opacity:.4;cursor:not-allowed}.pager button.cur{background:var(--primary);color:var(--primary-ink);border-color:var(--primary);font-weight:700}.list-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.empty{padding:44px 18px;text-align:center;color:var(--ink-3);display:grid;gap:8px;justify-items:center}.empty>.ms{font-size:30px;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--soft);color:var(--ink-3);border:1px dashed var(--line-2);margin-bottom:4px}.empty b{color:var(--ink)}.empty.error>.ms{color:var(--bad);background:var(--bad-bg);border-color:transparent}.skel{display:block;border-radius:8px;background:linear-gradient(90deg,var(--muted-bg) 0%,var(--soft) 50%,var(--muted-bg) 100%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.details-tech{font-size:.76rem;color:var(--ink-3)}.details-tech summary{cursor:pointer}.split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.sticky-side{position:sticky;top:calc(var(--topbar-h) + 20px);display:grid;gap:14px}.sec{padding:22px 24px;display:grid;gap:16px;border-top:1px solid var(--line)}.sec:first-child{border-top:0}.sec-h{display:flex;gap:12px;align-items:flex-start}.sec-n{width:28px;height:28px;border-radius:50%;background:var(--brand-bg);color:var(--brand-ink);display:grid;place-items:center;font-size:.8rem;font-weight:700;flex:none;margin-top:1px}.sec-n.done{background:var(--ok);color:#fff}.sec-h p{color:var(--ink-3);font-size:.84rem}.sum-big{display:flex;align-items:baseline;gap:6px}.sum-big b{font-size:2rem;font-weight:800;line-height:1.1}.sum-list{display:grid;gap:8px;font-size:.84rem}.sum-list>div{display:flex;justify-content:space-between;gap:8px}.check-list{display:grid;gap:8px;font-size:.84rem}.check-list>div{display:flex;gap:8px;align-items:center}.check-list .ms{font-size:18px}.check-list .y{color:var(--ok)}.check-list .n{color:var(--ink-3)}.check-list .w{color:var(--warn)}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.75rem;color:var(--ink-3)}.legend span{display:inline-flex;align-items:center;gap:4px}.legend span:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c)}.savebar{position:sticky;bottom:12px;margin-top:18px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:12px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;z-index:5}.savebar .status{margin-inline-end:auto;font-size:.84rem;color:var(--ink-3);display:flex;align-items:center;gap:6px}.detail-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.detail-head .meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--ink-3);font-size:.84rem;margin-top:6px}.detail-head .meta span{display:inline-flex;gap:4px;align-items:center}.detail-head .meta .ms{font-size:16px}.stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.step{padding:16px 18px;display:flex;gap:12px;align-items:flex-start;border-inline-start:1px solid var(--line)}.step:first-child{border-inline-start:0}.step .s-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--muted-bg);color:var(--ink-3)}.step.done .s-ic{background:var(--ok-bg);color:var(--ok)}.step.cur .s-ic{background:var(--brand-bg);color:var(--brand-ink)}.step .s-b{flex:1;min-width:0;display:grid;gap:6px}.step p{font-size:.8rem;color:var(--ink-3)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);padding:0 12px;overflow-x:auto}.tab{background:transparent;border:0;padding:13px 14px;font-weight:500;transition:color .15s;cursor:pointer;color:var(--ink-3);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;display:flex;gap:6px;align-items:center}.tab:hover{color:var(--ink)}.tab[aria-selected=true],.tab.active{color:var(--brand-ink);border-bottom:3px solid var(--brand);font-weight:700}.tab span{font-size:.72rem;background:var(--muted-bg);border-radius:99px;padding:0 7px}.confirm{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--soft);display:grid;gap:10px;font-size:.84rem}.kv{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;font-size:.88rem}.kv dt{color:var(--ink-3)}.kv dd{margin:0}.overlay{position:fixed;inset:0;background:#080e0b80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;display:grid;place-items:center;padding:16px;animation:fade-in .16s ease-out}@keyframes fade-in{0%{opacity:0}}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;display:grid;animation:dialog-in .22s var(--ease);overscroll-behavior:contain}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.dialog.wide{width:min(720px,100%)}.dialog-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}.dialog-b{padding:22px;display:grid;gap:14px}.dialog-f{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line);flex-wrap:wrap;position:sticky;bottom:0;background:var(--surface)}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:var(--ink);color:var(--page);padding:11px 18px;border-radius:14px;display:flex;gap:10px;align-items:center;z-index:90;box-shadow:var(--shadow-lg);max-width:calc(100% - 32px);animation:toast-in .26s var(--ease)}.toast .ms{color:var(--ok)}.toast.bad .ms{color:var(--bad)}.toast button{background:transparent;border:0;color:var(--brand);cursor:pointer;font-weight:700;min-height:32px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}}.fab{display:none}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-tile{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:20px;min-height:132px;transition:transform .12s}.quick-tile:active{transform:scale(.97)}.quick-tile>.ms{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:22px}.quick-tile b{font-size:.95rem}.quick-tile small{font-size:.74rem;color:var(--ink-2);line-height:1.5}.quick-tile.accent{background:var(--accent-bg)}.quick-tile.accent>.ms{background:var(--accent)}.quick-tile.brand{background:var(--brand-bg)}.quick-tile.brand>.ms{background:var(--primary)}.quick-tile.water{background:var(--water-bg)}.quick-tile.water>.ms{background:var(--water)}.quick-tile.violet{background:var(--leaf-bg)}.quick-tile.violet>.ms{background:var(--leaf-ink)}@media(max-width:1080px){.split,.dash-grid{grid-template-columns:1fr}.sticky-side{position:static}.kpis,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px)and (min-width:861px){:root{--side-w: 232px}.content,.topbar{padding-inline:24px}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@media(max-width:860px){.shell{grid-template-columns:1fr}.side{position:fixed;inset-block:0;inset-inline-start:0;width:min(300px,86vw);display:none;box-shadow:var(--shadow-lg);border-radius:24px 0 0 24px;padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}.shell.nav-open .side{display:flex;animation:drawer-in .26s var(--ease)}.shell.nav-open .nav-backdrop{display:block;position:fixed;inset:0;background:#080e0b73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;z-index:35;animation:fade-in .2s ease-out}.nav.active:before{display:none}.menu-toggle{display:grid}.topbar .tb-brand{display:inline-grid}.content{padding:18px 16px calc(104px + env(safe-area-inset-bottom,0px))}.topbar{padding-inline:12px;gap:8px;min-height:58px;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:8px}.crumbs{font-size:.92rem}.crumbs .hide-sm{display:none}.stepper{grid-template-columns:1fr}.step{border-inline-start:0;border-top:1px solid var(--line)}.step:first-child{border-top:0}.grid-3{grid-template-columns:1fr}.bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;inset-inline:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--glass);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);padding:6px}.bottom-nav a{display:grid;justify-items:center;align-content:center;gap:2px;padding:4px 2px;min-height:54px;font-size:.7rem;color:var(--ink-3);border-radius:16px;transition:color .15s;-webkit-user-select:none;user-select:none}.bottom-nav a .ms{font-size:22px;padding:2px 14px;border-radius:99px;transition:background .2s,color .2s}.bottom-nav a.active{color:var(--brand-ink);font-weight:700}.bottom-nav a.active .ms{background:var(--brand-bg)}.bottom-nav a{position:relative}.bottom-nav a.active:after{content:"";position:absolute;top:3px;inset-inline-end:calc(50% - 22px);width:7px;height:7px;border-radius:50%;background:var(--accent)}.bottom-nav .fab{display:grid;place-items:center;justify-self:center;width:58px;height:58px;margin-top:-30px;border-radius:20px;border:4px solid var(--page);background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 10px 22px -10px #0e2a218c;transition:transform .12s}.bottom-nav .fab:active{transform:scale(.94)}.bottom-nav .fab .ms{font-size:30px}.savebar{bottom:calc(92px + env(safe-area-inset-bottom,0px))}.toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}.overlay{place-items:end center;padding:0}.dialog,.dialog.wide{width:100%;border-radius:24px 24px 0 0;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px));animation:sheet-in .3s var(--ease);padding-bottom:env(safe-area-inset-bottom,0px)}.dialog-h:before{content:"";position:absolute;top:6px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line-2)}.dialog-f{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.dialog-f .btn{flex:1}.tbl-foot{padding:12px 16px}.panel-h,.toolbar{padding-inline:16px}.panel-b{padding:16px}.sec{padding:18px 16px}.tbl th,.tbl td{padding-inline:14px}}@media(max-width:560px){.grid-2{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi .k-v{font-size:1.5rem}.topbar .hide-xs{display:none}.page-head{margin-bottom:16px}.page-head .actions{width:100%}.page-head .actions>.btn{flex:1}.search{max-width:none;min-width:0;flex-basis:100%}}@media(hover:none){.btn:hover,.chip:hover{filter:none}}.install-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 32px 0;padding:12px 16px;background:var(--brand-bg);color:var(--brand-ink);border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);border-radius:16px;font-size:.86rem}.install-strip>.ms{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--surface)}@media(max-width:860px){.install-strip{margin:12px 16px 0}}@media(display-mode:standalone){.topbar{-webkit-user-select:none;user-select:none}}