.bell-wrap{position:relative}.bell{border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text);background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex;position:relative}.bell:hover{border-color:var(--border-strong);background:#f4f4ee}.bell-badge{color:#fff;box-sizing:content-box;background:#dc2626;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.bell-overlay{z-index:1999;position:fixed;inset:0}.bell-dropdown{z-index:2000;border:1px solid var(--border-strong);background:#fff;border-radius:12px;width:360px;max-height:480px;padding:12px 16px;position:absolute;top:42px;right:0;overflow-y:auto;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014}.notif{cursor:pointer;border-bottom:1px solid #f4f4f0;flex-direction:column;gap:3px;padding:12px 0;font-size:13px;transition:background .1s;display:flex}.notif:last-child{border-bottom:none}.notif:hover{background:#fafaf8}.notif.unread{border-left:3px solid var(--accent);margin-left:-13px;padding-left:10px}.notif-title{font-weight:500;line-height:1.4}.notif-body{font-size:12px;line-height:1.4}.notif-date{font-variant-numeric:tabular-nums;font-size:11px}.app{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.app.sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{border-right:1px solid var(--border);background:#f2f1ed;flex-direction:column;height:100vh;padding:0 14px 12px;transition:padding .2s;display:flex;position:sticky;top:0;overflow:hidden auto}.app.sidebar-collapsed .sidebar{padding:0 8px 12px}.app.sidebar-collapsed .company-name{display:none}.app.sidebar-collapsed .logo{justify-content:center;padding:0}.app.sidebar-collapsed .platform-tag,.app.sidebar-collapsed nav a span.lbl{display:none}.app.sidebar-collapsed nav a{justify-content:center;padding:10px 0}.app.sidebar-collapsed nav a .ico{opacity:1;width:22px;height:22px;margin:0}.app.sidebar-collapsed nav a .ico svg{width:22px;height:22px}.app.sidebar-collapsed .user-card{justify-content:center;padding:6px}.app.sidebar-collapsed .user-card-info,.app.sidebar-collapsed .user-caret{display:none}.logo{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;height:57px;padding:0 10px 0 12px;display:flex;overflow:hidden}.company-logo-icon{flex-shrink:0;width:36px;height:36px}.company-name{flex-direction:column;min-width:0;margin-left:10px;display:flex;overflow:hidden}.company-name .cn-main{color:#1f1f1f;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:700;overflow:hidden}.company-name .cn-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-top:1px;font-size:9px}.sidebar nav{flex-direction:column;flex:1;gap:1px;padding-top:10px;display:flex}.sidebar nav a{color:#1f1f1f;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s;display:flex;position:relative}.sidebar nav a:hover{background:#efefe9;text-decoration:none}.sidebar nav a.active{color:#1e40af;background:#eef2ff;font-weight:600}.sidebar nav a.active:before{content:"";background:#1e40af;border-radius:0 2px 2px 0;width:3px;position:absolute;top:5px;bottom:5px;left:0}.sidebar nav a .ico{opacity:.65;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.sidebar nav a .ico svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sidebar nav a.active .ico{opacity:1}.platform-tag{border-top:1px solid var(--border);flex-shrink:0;padding:8px 12px}.platform-tag .pt-name{color:var(--muted);font-size:11.5px;font-weight:600}.platform-tag .pt-ver{color:#c0c0bb;margin-top:1px;font-size:10.5px}.user-switch{border-top:1px solid var(--border);margin-top:auto;padding-top:8px}.user-card{box-sizing:border-box;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 9px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.user-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);background:#fafaf8}.user-avatar-circle{color:#fff;letter-spacing:-.2px;background:linear-gradient(135deg,#1e40af 0%,#3b63cc 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.user-card-info{flex:1;min-width:0;overflow:hidden}.user-card-name{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.user-card-role{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;font-size:10.5px;line-height:1.2;overflow:hidden}.user-caret{width:14px;height:14px;color:var(--muted);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.main{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);z-index:10;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:57px;padding:0 20px 0 16px;display:flex;position:relative;box-shadow:0 2px 12px #0000000a}.topbar-left{align-items:center;min-width:0;display:flex;overflow:hidden}.topbar-titles{min-width:0}.topbar .page-title{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:600;overflow:hidden}.topbar .subtitle{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.sidebar-toggle{border:1px solid var(--border);cursor:pointer;color:#1f1f1f;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-right:12px;padding:7px;line-height:0;transition:background .15s;display:inline-flex}.sidebar-toggle svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;width:16px;height:16px}.sidebar-toggle:hover{background:#f4f4ee}.content{flex:auto;min-height:0;padding:20px 24px;overflow:hidden auto}@media (width<=768px){.app,.app.sidebar-collapsed{grid-template-columns:1fr}.app .sidebar{z-index:200;width:240px;max-width:82vw;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #00000040}.app.mobile-menu-open .sidebar{transform:translate(0)}}.login-wrap{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{width:360px;max-width:100%;box-shadow:var(--shadow-lg)}.login-brand{justify-content:center;align-items:center;gap:12px;display:flex}.login-logo-icon{flex-shrink:0;width:44px;height:44px}.login-brand-text{text-align:left;flex-direction:column;display:flex}.login-brand-main{letter-spacing:-.3px;color:#1f1f1f;font-size:22px;font-weight:750}.login-brand-sub{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:1px;font-size:10px}.login-sub{text-align:center;margin:4px 0 22px;font-size:13px}.login-btn{justify-content:center;width:100%;margin-top:4px}.login-demo{text-align:center;margin-top:18px;font-size:12px;line-height:1.6}.login-demo code{background:#f0f0ec;border-radius:4px;padding:1px 5px}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-start;padding:48px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:560px;max-width:100%;box-shadow:var(--shadow-lg)}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dkpi-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.dkpi{border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow);background:#fff;border-radius:10px;flex:150px;padding:12px 16px}.dkpi .label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.dkpi .value{letter-spacing:-.5px;margin:2px 0;font-size:26px;font-weight:750}.dkpi .hint{color:var(--muted);font-size:11.5px}.dkpi.warn .value{color:#b45309}.dkpi.danger .value{color:var(--danger)}.dkpi.clickable{cursor:pointer;transition:box-shadow .15s,border-color .15s;position:relative}.dkpi.clickable:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.dkpi.clickable:after{content:"⏷";color:#d0d0c8;font-size:10px;position:absolute;top:10px;right:12px}.dkpi.active{border-color:var(--accent);box-shadow:0 0 0 2px #1e40af2e}.filters{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:12px;display:flex}.filters input,.filters select{border:1px solid var(--border);background:#fff;border-radius:7px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.filters input:focus,.filters select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1e40af1a}.filters input[type=search]{flex:1;min-width:160px}.filters-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.dash-view-toggle{border:1px solid var(--border);background:#f4f4ee;border-radius:7px;flex-shrink:0;gap:1px;padding:2px;display:inline-flex}.dash-view-toggle button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:5px;align-items:center;padding:4px 8px;transition:background .13s,color .13s;display:flex}.dash-view-toggle button svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.dash-view-toggle button:hover{color:var(--text)}.dash-view-toggle button.active{color:var(--text);background:#fff;box-shadow:0 1px 3px #0000001a}.legend-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:12.5px}.legend-panel h4{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:0 0 6px;font-size:12px}.legend-panel .legend-grid{flex-wrap:wrap;gap:8px 18px;display:flex}.legend-panel .legend-item{align-items:center;gap:6px;display:inline-flex}.legend-panel .legend-swatch{border:1px solid #00000026;border-radius:3px;width:14px;height:14px;display:inline-block}.dash-table-wrap{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:10px;width:100%;overflow:clip}.tbl-scroll{overflow-x:auto}table.data{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}table.data thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#555;white-space:nowrap;z-index:5;background:#f2f2f0;border-bottom:2px solid #d8d8d0;padding:10px;font-size:11px;font-weight:700;position:sticky;top:0}table.data tbody td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #00000012;padding:8px 10px}table.data tbody tr{cursor:pointer;background:#fff}table.data.sticky-first th:first-child,table.data.sticky-first td:first-child{z-index:6;min-width:74px;position:sticky;left:0;box-shadow:1px 0 #00000014,8px 0 14px #00000009}table.data.sticky-first thead th:first-child{z-index:9;background:#f2f2f0}table.data tbody tr td:first-child{border-left:5px solid #0000;padding-left:12px}table.data .num-cell{font-variant-numeric:tabular-nums;min-width:58px;font-size:13px;font-weight:700;display:table-cell}table.data .check{text-align:center;padding:4px}table.data .check input{cursor:pointer;accent-color:#1f1f1f;transform:scale(1.1)}table.data .check input:disabled{cursor:not-allowed;opacity:.55}table.data .ellipsis{text-overflow:ellipsis;max-width:200px;overflow:hidden}table.data .muted{color:var(--muted);font-size:12px}tr.row-new td{background:var(--s-new);border-bottom-color:#0000000f}tr.row-docs td{background:var(--s-docs);border-bottom-color:#0000001a}tr.row-measure td{background:var(--s-measure);border-bottom-color:#b4a0004d}tr.row-inwork td{background:var(--s-inwork);border-bottom-color:#5a82d240}tr.row-ready td{background:var(--s-ready);border-bottom-color:#c8824633}tr.row-ready td:first-child{font-weight:600}tr.row-installed td{background:var(--s-installed);color:#fff;border-bottom-color:#ffffff26}tr.row-installed td .muted{color:#ffffffbf}tr.row-defect td{background:var(--s-defect);color:#fff;border-bottom-color:#ffffff26;font-weight:600}tr.row-defect td .muted{color:#ffffffd9}tr.row-closed td{background:var(--s-closed);color:#fff;border-bottom-color:#ffffff26}tr.row-new td:first-child{border-left-color:#c0c0bb}tr.row-docs td:first-child{border-left-color:#707068}tr.row-measure td:first-child{border-left-color:#b8a000}tr.row-inwork td:first-child{border-left-color:#4d7fd4}tr.row-ready td:first-child{border-left-color:#d4884a}tr.row-installed td:first-child{border-left-color:#2d6bbf}tr.row-defect td:first-child{border-left-color:#9a0000}tr.row-closed td:first-child{border-left-color:#4a8f35}tr.row-unsigned td:first-child{border-left:3px dashed #d4a017}tr.row-unsigned td{background:#fefce8}table.data tbody tr:hover td{filter:brightness(.96)}table.data tbody tr:hover td:first-child{transition:border-left-color .15s;border-left-color:#1e40af73!important}tr.row-installed .badge,tr.row-defect .badge,tr.row-closed .badge{box-shadow:0 1px 4px #0003,0 0 0 1px #ffffff40}.badge.b-new{color:#3a3a38;background:#eeeee9;border-color:#00000014}.badge.b-docs{color:#1a1a1a;background:#b0b0aa;border-color:#0000001a}.badge.b-measure{color:#3a3000;background:#ff0;border-color:#b4a0004d}.badge.b-inwork{color:#1a3a7a;background:#c9daf8;border-color:#3c64c833}.badge.b-ready{color:#7c2d12;background:#fce5cd;border-color:#c882464d}.badge.b-installed{color:#fff;background:#3c78d8;border-color:#00005026}.badge.b-defect{color:#fff;background:#e81010;border-color:#0000001a}.badge.b-closed{color:#fff;background:#5a9842;border-color:#0000001a}.cheque-cell{text-align:center}.cheque-pill{border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.cheque-pill.need{color:#b91c1c;cursor:pointer;background:#fff;border:2px solid #f4cccc}.cheque-pill.need:hover{background:#fef2f2}.cheque-pill.done{color:#166534;background:#d1fadf;border:2px solid #6aa84f}.cheque-pill.none{color:#d4d4cf;font-weight:400}tr.row-installed .cheque-pill.need{background:#fff}.fin-cell{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px}.fin-cell.debt{color:#b91c1c;font-weight:600}.fin-cell.paid{color:#166534}tr.row-installed .fin-cell.debt,tr.row-defect .fin-cell.debt{color:#fecaca}tr.row-installed .fin-cell.paid,tr.row-defect .fin-cell.paid{color:#d1fadf}.prio{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:0 1px 2px #0000001a,0 0 0 1px #0000000f}.prio.std{color:#555550;background:#e8e8e2}.prio.urgent{color:#7a3308;background:#fde68a;box-shadow:0 1px 2px #0000001a,0 0 0 1px #a0640033}.prio.vip{color:#4c1d9e;background:#e8e2ff;box-shadow:0 1px 2px #0000001a,0 0 0 1px #643cc833}.prio.risk{color:#881515;background:#fee2e2;box-shadow:0 1px 2px #0000001a,0 0 0 1px #b4282833}.kanban{align-items:flex-start;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.kb-col{border:1px solid var(--border);background:#f1f0ec;border-radius:10px;flex-shrink:0;width:230px;min-width:220px;padding:10px}.kb-col h4{text-transform:uppercase;letter-spacing:.4px;color:#555;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:12px;font-weight:700;display:flex}.kb-col h4 .count{background:#00000014;border-radius:10px;padding:1px 8px;font-size:11px}.kb-cards-scroll{flex-direction:column;gap:8px;max-height:60vh;display:flex;overflow-y:auto}.kb-card{border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:9px 11px;transition:box-shadow .15s,transform .1s}.kb-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kb-card .num{font-size:13px;font-weight:700}.kb-card .type{margin-top:2px;font-size:12.5px}.kb-card .meta{color:var(--muted);margin-top:2px;font-size:11.5px}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:18px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:9px 16px;font-size:14px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.stage-row{cursor:pointer;align-items:center;gap:10px;padding:7px 0;font-size:14px;display:flex}.stage-row input{width:auto}dl.info{margin:0}dl.info>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:7px 0;display:flex}dl.info>div:last-child{border-bottom:none}dl.info dt{color:var(--muted);font-size:13px}dl.info dd{text-align:right;margin:0;font-weight:550}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:10px 14px}.panel h3{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 8px;font-size:10.5px;font-weight:700}.phase-banner{border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;display:flex}.pb-cap{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.pb-unsigned{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.risks-banner{border:1px solid;border-radius:8px;margin-bottom:14px;padding:10px 14px}.timeline{gap:0;margin:4px 0;display:flex;overflow-x:auto}.tl-step{text-align:center;flex:1;min-width:82px;position:relative}.tl-step:after{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:11px;left:50%;right:-50%}.tl-step:last-child:after{display:none}.tl-step .dot{border:2px solid var(--border);width:22px;height:22px;color:var(--muted);z-index:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:10px;font-weight:700;display:flex;position:relative}.tl-step.done .dot{color:#fff;background:#1e40af;border-color:#1e40af}.tl-step.done:after{background:#1e40af}.tl-step.current .dot{color:#fff;background:#f59e0b;border-color:#d97706;animation:1.6s ease-in-out infinite pulse-current;box-shadow:0 0 0 3px #f59e0b33}@keyframes pulse-current{0%,to{box-shadow:0 0 0 3px #f59e0b33}50%{box-shadow:0 0 0 5px #f59e0b1a}}.tl-step .lbl{color:var(--muted);margin-top:5px;padding:0 2px;font-size:10.5px}.tl-step.current .lbl{color:#b45309;font-weight:600}.tl-step.done .lbl{color:#1f1f1f;font-weight:500}.tl-payment{border:1px dashed var(--border);border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:7px 11px;font-size:12px;display:flex}.tl-payment.done{color:#166534;background:#f0fdf4;border-color:#86efac}.tl-payment.pending{color:#92400e;background:#fffbeb;border-color:#fcd34d}.tl-payment .tl-pay-sub{font-variant-numeric:tabular-nums;opacity:.85;margin-left:auto}.tl-caption{color:var(--muted);margin-top:5px;font-size:10.5px}.fields{grid-template-columns:1fr 1fr;gap:14px 22px;display:grid}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:11.5px;display:block}.field .value{color:#1f1f1f;font-size:14px}.field .value.big{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.field .value.danger{color:#c11b1b}.field .value.empty{color:#b0b0a8;font-style:italic}.money-row{border:1px solid var(--border);background:#fafaf8;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px;display:grid}.money-row .field .value.big{font-size:20px}.metrics{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.metric{padding:14px 16px}.metric-label{color:var(--muted);margin-bottom:6px;font-size:12px}.metric-value{font-size:20px;font-weight:700}.metric-value.accent{color:var(--accent)}.metric-value.ok{color:var(--ok)}.metric-value.danger{color:var(--danger)}.fin-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:3px;margin-bottom:18px;padding:7px 0;display:flex}.fin-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 13px;font:500 13.5px inherit;transition:background .13s,color .13s}.fin-tabs button:hover:not(.active){color:#374151;border-color:var(--border);background:#f4f4ee}.fin-tabs button.active{color:var(--accent);background:#eff6ff;border-color:#bfdbfe;font-weight:600}.fin-dash-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:14px;display:grid}@media (width<=900px){.fin-dash-grid{grid-template-columns:1fr}}.fin-cap{color:var(--accent);text-transform:uppercase;letter-spacing:.4px;margin:6px 0 8px;font-size:11.5px;font-weight:700}.fin-row{border-bottom:1px solid #f0f0ec;justify-content:space-between;gap:12px;padding:7px 0;font-size:13.5px;display:flex}.fin-row span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.fin-row.strong{border-top:2px solid var(--border-strong);border-bottom:none;margin-top:4px;padding-top:10px;font-size:15px;font-weight:700}.fin-row .danger{color:var(--danger)}.chat{grid-template-columns:210px 1fr;gap:16px;height:calc(100vh - 190px);min-height:400px;display:grid}.chat-channels{padding:8px;overflow-y:auto}.chan{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:9px 12px;font-size:14px;font-weight:550;display:block}.chan:hover{background:#0000000a}.chan.active{background:var(--accent-soft);color:var(--accent)}.chat-main{flex-direction:column;padding:0;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.msg{background:#f0f0ec;border-radius:10px;align-self:flex-start;max-width:75%;padding:8px 12px}.msg.mine{background:var(--accent-soft);align-self:flex-end}.msg-meta{margin-bottom:2px;font-size:11px}.msg-text{white-space:pre-wrap;font-size:14px}.chat-input{border-top:1px solid var(--border);padding:12px 16px}.view-toggle{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:2px;margin-bottom:14px;padding:3px;display:inline-flex}.view-toggle button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:6px 14px;font:600 13px inherit;transition:background .13s,color .13s}.view-toggle button:hover:not(.active){color:#1f1f1f}.view-toggle button.active{color:#fff;background:#1f1f1f}.brigade-panel{box-shadow:var(--shadow);background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid #bae6fd;border-radius:10px;margin-bottom:14px;padding:14px 16px}.brigade-panel h3{margin:0 0 10px;font-size:14px}.kb-col-dragover{outline:2px dashed var(--accent);outline-offset:-2px;background:#eef2ff}.kb{grid-template-columns:240px 1fr;align-items:start;gap:16px;display:grid}.kb-list{max-height:calc(100vh - 180px);padding:8px;overflow-y:auto}.kb-cat{text-transform:uppercase;color:var(--muted);padding:8px 10px 4px;font-size:11px;font-weight:600}.kb-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:7px 10px;font-size:13.5px;display:block}.kb-item:hover{background:#0000000a}.kb-item.active{background:var(--accent-soft);color:var(--accent)}.kb-main{min-height:300px}:root{--bg:#f7f7f5;--card:#fff;--border:#e5e5e0;--border-strong:#d4d4cf;--text:#1f1f1f;--muted:#6b6b66;--accent:#1e40af;--accent-soft:#dbeafe;--danger:#dc2626;--danger-soft:#fee2e2;--ok:#16a34a;--ok-soft:#dcfce7;--warn:#d97706;--warn-soft:#fef3c7;--shadow:0 1px 3px #00000012, 0 2px 8px #0000000d;--shadow-md:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-lg:0 20px 60px #00000024, 0 6px 24px #00000012;--sidebar-w:204px;--sidebar-w-collapsed:60px;--radius:10px;--radius-sm:7px;--s-new:#fff;--s-docs:#b7b7b7;--s-measure:#ff0;--s-inwork:#c9daf8;--s-ready:#fce5cd;--s-installed:#5a8fdf;--s-defect:red;--s-closed:#7dbf5e;--sup-collected:#93c47d;--sup-shop:#e2efd9;--sup-spec:#d9d2e9;--sup-ordered:#fef2cb;--sup-defect:#f4cccc}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5em;font-weight:650}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:550;transition:all .12s;display:inline-flex}.btn:hover{box-shadow:var(--shadow);background:#fafafa}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#1b3a9e}.btn-danger{background:var(--card);border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-sm{padding:5px 10px;font-size:13px}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{box-shadow:none;background:#0000000d}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card+.card{margin-top:16px}label.field{margin-bottom:12px;display:block}label.field>span{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:550;display:block}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);width:100%;color:var(--text);padding:8px 10px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:72px}table.tbl{border-collapse:collapse;width:100%;font-size:13.5px}table.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);border-bottom:1px solid var(--border);padding:9px 12px;font-size:11.5px;font-weight:600}table.tbl td{border-bottom:1px solid var(--border);padding:10px 12px}table.tbl tbody tr{cursor:pointer;transition:background .1s}table.tbl tbody tr:hover{background:#fafaf8}table.tbl tbody tr.row-new td{background:var(--s-new)}table.tbl tbody tr.row-docs td{background:var(--s-docs)}table.tbl tbody tr.row-measure td{background:var(--s-measure)}table.tbl tbody tr.row-inwork td{background:var(--s-inwork)}table.tbl tbody tr.row-ready td{background:var(--s-ready)}table.tbl tbody tr.row-installed td{background:var(--s-installed);color:#fff}table.tbl tbody tr.row-closed td{background:var(--s-closed)}table.tbl tbody tr[class*=row-] td:first-child{border-left:3px solid #00000040}.badge{white-space:nowrap;border:1px solid #00000014;border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-defect{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.pill{color:var(--muted);background:#f0f0ec;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:550;display:inline-flex}.table-wrap{overflow-x:auto}.kpi-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.kpi{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafaf8;min-width:110px;padding:10px 14px}.kpi-val{font-size:22px;font-weight:700}.kpi-val.danger{color:var(--danger)}.kpi-lbl{color:var(--muted);font-size:12px}.legend{color:var(--muted);flex-wrap:wrap;gap:10px 16px;margin-bottom:14px;font-size:12px;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-swatch{border:1px solid #00000026;border-radius:3px;width:14px;height:14px;display:inline-block}.row{align-items:center;gap:12px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.muted{color:var(--muted)}.danger{color:var(--danger)}.ok{color:var(--ok)}.right{text-align:right}.nowrap{white-space:nowrap}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mb-2{margin-bottom:16px}.gap-sm{gap:6px}.spacer{flex:1}.empty{text-align:center;color:var(--muted);padding:32px}.error-box{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px}.splash{height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:15px;display:flex}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-ok{background:var(--ok-soft);color:var(--ok)}.link-cell{cursor:pointer;color:var(--accent);font-weight:600}.link-cell:hover{text-decoration:underline}tr.row-defect td{background:#fff5f5}