:root{--nav:#0d2036;--nav2:#142c46;--blue:#1677ff;--bg:#f3f6fa;--line:#e2e8f0;--text:#172033;--muted:#64748b;--card:#fff;--green:#0f9f6e;--red:#dc2626}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#dbe7f4;flex-direction:column;gap:24px;padding:24px 16px;display:flex}.brand{letter-spacing:.05em;color:#fff;padding:0 10px;font-size:20px;font-weight:800}.nav{gap:6px;display:grid}.nav a{color:#c8d4e2;border-radius:10px;padding:10px 12px}.nav a.active,.nav a:hover{background:var(--nav2);color:#fff}.sidebarBottom{color:#9fb2c8;border-top:1px solid #24405d;margin-top:auto;padding:12px;font-size:13px}.main{padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.title{margin:0;font-size:28px;font-weight:800}.muted{color:var(--muted)}.btn{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:650}.btnPrimary{background:var(--blue);color:#fff}.btnGhost{border:1px solid var(--line);background:#fff}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}.metric strong{margin-top:4px;font-size:24px;display:block}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.panelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.search{border:1px solid var(--line);border-radius:10px;width:min(440px,100%);padding:10px 12px}.tableWrap{overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 15px}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8fafc;font-size:12px}.badge{color:#1d5fbf;background:#edf4ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.green{color:#087755;background:#e9f8f1}.badge.gray{color:#475569;background:#eef2f7}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:7px;display:grid}.field label{color:#475569;font-size:13px;font-weight:650}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:11px 12px}.field textarea{resize:vertical;min-height:100px}.span2{grid-column:1/-1}.formActions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.loginPage{background:linear-gradient(135deg,#0d2036,#183b60);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#fff;border-radius:18px;width:min(430px,100%);padding:28px}.loginCard h1{margin:0 0 6px}.error{color:var(--red);background:#fff0f0;border:1px solid #fecaca;border-radius:10px;margin:12px 0;padding:10px 12px}.detailGrid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.section{padding:18px}.kv{grid-template-columns:150px 1fr;gap:8px 16px;display:grid}.empty{text-align:center;color:var(--muted);padding:30px}@media (max-width:1000px){.grid4{grid-template-columns:repeat(2,1fr)}.detailGrid{grid-template-columns:1fr}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{padding:14px;position:relative}.nav{grid-template-columns:repeat(2,1fr)}.sidebarBottom{display:none}.main{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.grid4,.formGrid{grid-template-columns:1fr}.span2{grid-column:auto}.title{font-size:24px}}.filterHead{align-items:stretch}.filterBar{flex-wrap:wrap;gap:10px;width:100%;display:flex}.filterBar .search{flex:320px}.filterBar select{border:1px solid var(--line);min-width:170px;color:var(--text);background:#fff;border-radius:10px;padding:10px 12px}.categoryStrip{border-bottom:1px solid var(--line);background:#fbfdff;flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.categoryPill{color:#355b86;background:#f4f8fd;border:1px solid #dce7f5;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.code{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.miniMuted{color:var(--muted);margin-top:3px;font-size:12px}.listNote{color:var(--muted);margin-top:12px;font-size:13px}.successBox{color:#087755;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;margin-bottom:14px;padding:12px 14px}.importCard{background:#fff;border:1px solid #bfdbfe;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:18px;display:flex}.importCard strong{margin-bottom:5px;font-size:17px;display:block}.priceTabs{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.priceTab{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px;font-weight:750}.priceTab.active{background:var(--nav);border-color:var(--nav);color:#fff}.priceSummary{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.priceSummary>div{background:#fff;padding:14px 16px}.priceSummary span,.priceSummary strong{display:block}.priceSummary strong{margin-top:3px;font-size:18px}.priceTable td:nth-child(4) strong{color:#0b62d6}.priceTable td{vertical-align:top}@media (max-width:760px){.filterBar{display:grid}.filterBar .search,.filterBar select{width:100%;min-width:0}.importCard{flex-direction:column;align-items:stretch}.priceSummary{grid-template-columns:1fr}.categoryStrip{flex-wrap:nowrap;overflow:auto}.categoryPill{white-space:nowrap}}.eyebrow{letter-spacing:.08em;color:#55708d;margin-bottom:5px;font-size:12px;font-weight:800}.quoteTop{align-items:flex-start}.quoteHeaderActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.quoteInfoBar{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.quoteInfoBar>div{background:#fff;padding:14px 16px}.quoteInfoBar span,.quoteInfoBar strong{display:block}.quoteInfoBar span{color:var(--muted);margin-bottom:4px;font-size:12px}.quoteMeta{overflow:visible}.quoteMetaForm{grid-template-columns:1fr 1.2fr .8fr 1.4fr 2fr auto;align-items:end;gap:10px;padding:14px;display:grid}.quoteMetaForm .field{gap:5px}.quoteMetaForm .field input,.quoteMetaForm .field select{padding:9px 10px}.variantToolbar{align-items:stretch;gap:10px;margin:16px 0;display:flex}.variantTabs{flex:1;gap:8px;display:flex;overflow:auto}.variantTab{border:1px solid var(--line);background:#fff;border-radius:12px;gap:3px;min-width:155px;padding:10px 12px;display:grid}.variantTab>span{font-size:13px;font-weight:750}.variantTab>strong{font-size:17px}.variantTab>em{color:#087755;font-size:11px;font-style:normal}.variantTab.active{border-color:#7db6ff;box-shadow:inset 0 0 0 2px #e6f1ff}.variantTab.selected{background:#f1fbf6;border-color:#a7e3c7}.variantActionsPanel{overflow:visible}.variantActionRow{flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.inlineForm{gap:8px;display:flex}.compactInput{border:1px solid var(--line);border-radius:9px;max-width:190px;padding:9px 10px}.pushRight{margin-left:auto}.btnDanger{color:#b42318;background:#fff0f0;border:1px solid #fecaca}.selectedBanner{color:#087755;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:9px 12px;font-weight:700}.quoteTotals{align-items:center;gap:16px;display:flex}.quoteTotals strong{font-size:20px}.quoteItemsTable .tableInput{background:#fff;border:1px solid #dce4ee;border-radius:8px;padding:7px 8px}.tableInput.qty{width:78px}.tableInput.color{width:125px}.tableInput.price{width:105px}.rowActions{gap:5px;display:flex}.miniBtn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;padding:6px 8px;font-size:12px}.miniBtn.danger{color:#b42318}.variantTotalBox{border-top:1px solid var(--line);background:#f8fafc;justify-content:flex-end;align-items:center;gap:24px;padding:14px 16px;display:flex}.variantTotalBox span{color:var(--muted)}.variantTotalBox strong{color:var(--text);margin-left:6px}.variantTotalBox .grand{color:var(--text);font-size:16px}.variantTotalBox .grand strong{font-size:22px}.pickerFilters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.pickerFilters select{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:165px;padding:10px 12px}.pickerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.pickerCard{border:1px solid var(--line);border-radius:12px;gap:6px;padding:14px;display:grid}.pickerMeta{color:var(--muted);font-size:12px}.pickerPrice{color:#0b62d6;font-size:20px;font-weight:800}.pickerPrice span{color:var(--muted);font-size:12px;font-weight:500}.pickerAdd{grid-template-columns:85px 1fr auto;gap:7px;margin-top:5px;display:grid}.pickerAdd input,.manualGrid input{border:1px solid var(--line);border-radius:9px;min-width:0;padding:9px 10px}.manualGrid{grid-template-columns:2fr .6fr .7fr 1fr 1fr auto;gap:8px;margin-top:12px;display:grid}.quoteCreate{max-width:980px}.compareGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:14px;display:grid}.compareCard{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.compareCard.selected{border-color:#82d6ad;box-shadow:inset 0 0 0 2px #e7f8ef}.compareHead{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:16px;display:flex}.compareHead>div>strong{font-size:18px}.compareTotal{font-size:22px}.compareDelivery{color:var(--muted);background:#f8fafc;padding:10px 16px;font-size:12px}.compareItems{display:grid}.compareItems>div{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:10px;padding:11px 16px;display:grid}.compareItems span,.compareItems strong{display:grid}.compareItems small{color:var(--muted);font-size:11px;font-weight:500}.compareSelect{width:calc(100% - 28px);margin:14px}@media (max-width:1150px){.quoteMetaForm{grid-template-columns:repeat(3,1fr)}.quoteComment{grid-column:span 2}.pickerGrid{grid-template-columns:1fr}.manualGrid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.quoteInfoBar{grid-template-columns:1fr 1fr}.quoteMetaForm,.manualGrid{grid-template-columns:1fr}.quoteComment{grid-column:auto}.variantToolbar,.variantActionRow{flex-direction:column;align-items:stretch}.pushRight{margin-left:0}.inlineForm,.pickerFilters{display:grid}.pickerFilters select{min-width:0}.pickerAdd{grid-template-columns:80px 1fr}.pickerAdd .btn{grid-column:1/-1}.variantTotalBox{flex-direction:column;align-items:flex-end;gap:5px}}.orderMoneyGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.orderStatusText{font-size:16px!important}.orderMeta{overflow:visible}.orderMetaForm{grid-template-columns:1.2fr repeat(4,1fr) 1.6fr auto;align-items:end;gap:10px;padding:14px;display:grid}.orderMetaForm .field{gap:5px}.orderMetaForm input,.orderMetaForm select{padding:9px 10px}.paymentsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.paymentCard{border:1px solid var(--line);border-radius:12px;gap:12px;padding:13px;display:grid}.paymentCard.paid{background:#f7fcf9;border-color:#a7e3c7}.paymentCard.overdue{background:#fff9f9;border-color:#fecaca}.paymentCardHead{justify-content:space-between;gap:10px;display:flex}.paymentCardHead>div{gap:3px;display:grid}.paymentCardHead span{color:var(--muted);font-size:11px}.paymentCardHead>div>strong{font-size:14px}.paymentCardHead>b{font-size:19px}.paymentFields{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.paymentFields .field{gap:4px}.paymentFields .field label{font-size:11px}.paymentFields input,.paymentFields select{padding:7px 8px}.paymentHeadline{align-items:center;gap:18px;display:flex}.paymentHeadline span{color:var(--muted)}@media (max-width:1150px){.orderMetaForm{grid-template-columns:repeat(3,1fr)}.orderComment{grid-column:span 2}.paymentsGrid{grid-template-columns:1fr}}@media (max-width:760px){.orderMoneyGrid{grid-template-columns:1fr 1fr}.orderMetaForm{grid-template-columns:1fr}.orderComment{grid-column:auto}.paymentHeadline{flex-direction:column;align-items:flex-end;gap:2px}}.docSummary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.docSummary>div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px}.docSummary span,.docSummary strong{display:block}.docSummary span{color:var(--muted);font-size:12px}.docSummary strong{margin-top:3px;font-size:22px}.docGroup{margin-bottom:16px}.docGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.docCard{border:1px solid var(--line);border-radius:12px;align-content:start;gap:10px;padding:13px;display:grid}.docCard>div:first-child{gap:3px;display:grid}.docType{color:var(--muted);font-size:11px}.docCard strong{font-size:16px}.docCard small{color:var(--muted)}.docActions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.docStatus{align-items:center;gap:6px;display:flex}.docStatus select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px}.fiscalNote{color:#8a5b00;background:#fff8e7;border-radius:8px;padding:6px 8px;font-size:11px}.docWarning{color:#684b0b;background:#fff8e7;border:1px solid #fde68a;border-radius:11px;margin-bottom:15px;padding:10px 12px;font-size:13px}@media (max-width:760px){.docSummary,.docGrid{grid-template-columns:1fr}.docStatus{flex-direction:column;align-items:stretch}}.templateInfo{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;display:grid}.templateInfo>div{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px}.templateInfo span,.templateInfo strong{display:block}.templateInfo span{color:var(--muted);margin-bottom:3px;font-size:11px}.templateInfo strong{font-size:13px}.settingsStatus{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px;display:grid}.settingsStatus>div{border:1px solid var(--line);background:#fff;border-radius:13px;gap:3px;padding:14px;display:grid}.settingsStatus span{color:var(--muted);font-size:11px}.settingsStatus strong{font-size:17px}.settingsStatus small{color:var(--muted)}.settingsPanel{overflow:visible}.settingsSections{gap:22px;padding:18px;display:grid}.settingsSections section{border-bottom:1px solid var(--line);padding-bottom:20px}.settingsSections section:last-child{border:0;padding-bottom:0}.settingsSections h3{margin:0 0 13px}.settingsFoot{border-top:1px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;display:flex}.noticeUi{color:#475569;max-width:800px;font-size:12px}.noticeUi strong{color:#684b0b}.settingsPanel textarea{min-height:72px}@media (max-width:900px){.templateInfo,.settingsStatus{grid-template-columns:1fr}.settingsFoot{flex-direction:column;align-items:stretch}.settingsFoot .btn{align-self:flex-end}}.sidebarProfile{gap:2px;margin-top:10px;display:grid}.sidebarProfile strong{color:#fff}.sidebarProfile span{color:#9fb2c8}.notificationMini{gap:6px;display:grid}.notificationLink{align-items:center;gap:7px;display:flex;color:#dbe7f4!important}.notificationLink b{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 5px;font-size:10px;display:grid}.notificationEnable{color:#cbd9e8;cursor:pointer;background:#142c46;border:1px solid #35516e;border-radius:7px;padding:6px 8px;font-size:11px}.employeeInvitePanel{overflow:visible}.employeeInviteForm{grid-template-columns:1.4fr 1.4fr 1.2fr 1fr 1.2fr .8fr auto;align-items:end;gap:10px;padding:16px;display:grid}.employeeRegisterHint{border-top:1px solid var(--line);background:#f8fafc;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.employeeRegisterHint code{background:#e9eef5;border-radius:6px;padding:5px 7px}.employeeRegisterHint span{color:var(--muted)}.employeeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.employeeCard{border:1px solid var(--line);background:#fff;border-radius:14px;gap:14px;padding:16px;display:grid}.employeeCard.inactive{opacity:.7;background:#f8fafc}.employeeCardHead{justify-content:space-between;gap:12px;display:flex}.employeeCardHead>div{gap:3px;display:grid}.employeeCardHead>div>strong{font-size:17px}.employeeCardHead>div>span{color:var(--muted);font-size:12px}.employeeFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.employeeFormGrid .field{gap:4px}.employeeFormGrid .field label{font-size:11px}.employeeFormGrid input,.employeeFormGrid select{padding:8px 9px}.taskMetrics,.homeMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.taskMetrics>a,.homeMetrics>a{border:1px solid var(--line);background:#fff;border-radius:13px;gap:3px;padding:14px 16px;display:grid}.taskMetrics span,.homeMetrics span{color:var(--muted);font-size:12px}.taskMetrics strong,.homeMetrics strong{font-size:23px}.taskMetrics a.danger,.homeMetrics a.danger{background:#fff7f7;border-color:#fecaca}.taskMetrics a.danger strong,.homeMetrics a.danger strong{color:#b42318}.taskFilters{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.taskFilters a{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;font-size:13px}.taskFilters a.active{background:var(--nav);border-color:var(--nav);color:#fff}.taskCardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.taskCard{border:1px solid var(--line);background:#fff;border-left:4px solid #94a3b8;border-radius:13px;gap:7px;padding:14px;transition:all .15s;display:grid}.taskCard:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a0c}.taskCard.status-new{border-left-color:#1677ff}.taskCard.status-in_progress,.taskCard.status-accepted{border-left-color:#f59e0b}.taskCard.status-completed{border-left-color:#8b5cf6}.taskCard.status-approved{border-left-color:#10b981}.taskCard.status-overdue{background:snow;border-left-color:#dc2626}.taskCard.status-waiting{opacity:.75}.taskCardTop{justify-content:space-between;align-items:center;display:flex}.priority{text-transform:uppercase;color:#475569;background:#eef2f7;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.priority-high{color:#946200;background:#fff4d6}.priority-urgent{color:#b42318;background:#fee2e2}.taskCard>strong{font-size:16px}.taskType{color:#44617e;font-size:12px}.taskOrder{background:#f4f7fb;border-radius:8px;padding:7px 8px;font-size:13px}.taskMeta{color:var(--muted);gap:3px;font-size:11px;display:grid}.taskMeta b{color:#334155}.taskStatus{background:#eef2f7;border-radius:999px;justify-self:start;padding:5px 9px;font-size:11px;font-weight:750}.taskStatus.status-new,.statusText.status-new{color:#0b62d6;background:#edf4ff}.taskStatus.status-accepted,.taskStatus.status-in_progress,.statusText.status-accepted,.statusText.status-in_progress{color:#8a5b00;background:#fff5db}.taskStatus.status-completed,.statusText.status-completed{color:#6d28d9;background:#f3e8ff}.taskStatus.status-approved,.statusText.status-approved{color:#087755;background:#e9f8f1}.taskStatus.status-overdue,.statusText.status-overdue{color:#b42318;background:#fee2e2}.taskStatus.status-waiting,.statusText.status-waiting{color:#64748b;background:#eef2f7}.taskDetailSummary{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.taskDetailSummary>div{background:#fff;padding:14px 16px}.taskDetailSummary span,.taskDetailSummary strong{display:block}.taskDetailSummary span{color:var(--muted);margin-bottom:5px;font-size:12px}.statusText{border-radius:7px;padding:4px 7px;display:inline-block!important}.taskPrimaryActions{flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.waitBanner{color:#475569;background:#f8fafc;border-color:#dce4ee}.taskDescription{white-space:pre-wrap}.taskManagerForm{grid-template-columns:1fr 1.2fr .8fr 1.6fr;align-items:end;gap:10px;padding:14px;display:grid}.taskManagerForm .span2{grid-column:1/-1}.checkLine{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.checkLine input{width:auto!important}.taskCompleteForm{gap:12px;padding:14px;display:grid}.completeQty{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 130px 50px;align-items:center;gap:8px;padding:10px 12px;display:grid}.completeQty span{gap:2px;display:grid}.completeQty small{color:var(--muted)}.completeQty input{border:1px solid var(--line);border-radius:8px;padding:8px}.completeQty em{color:var(--muted);font-style:normal}.taskFileList{background:var(--line);gap:1px;display:grid}.taskFileList a{background:#fff;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:11px 14px;display:grid}.taskFileList small{color:var(--muted)}.taskCreatePanel{overflow:visible}.taskCreateMain{padding:16px}.taskItemsPick{border-top:1px solid var(--line);padding:16px}.taskItemsPick h3{margin:0}.taskItemCheck{border-bottom:1px solid var(--line);grid-template-columns:20px 1fr 110px 45px;align-items:center;gap:9px;padding:10px 0;display:grid}.taskItemCheck>span{display:grid}.taskItemCheck small{color:var(--muted)}.taskItemCheck>input[type=number]{border:1px solid var(--line);border-radius:8px;padding:7px}.taskItemCheck em{color:var(--muted);font-style:normal}.orderPickGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.orderPickCard{border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;padding:14px;display:grid}.orderPickCard:hover{border-color:#9cc6fb}.taskOrderList{display:grid}.taskOrderList>a{border-top:1px solid var(--line);grid-template-columns:90px minmax(220px,1fr) 180px 160px;align-items:center;gap:12px;padding:11px 14px;display:grid}.taskOrderList>a em{font-size:11px;font-style:normal;font-weight:700}.taskOrderList .status-overdue{color:#b42318}.taskOrderList .status-approved{color:#087755}.technicalOrderNotice{color:#1e4f86;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:16px;padding:10px 12px;font-size:13px}.notificationPageList{gap:9px;display:grid}.notificationRow{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:10px 1fr;gap:10px;padding:13px 14px;display:grid}.notificationRow.unread{background:#fbfdff;border-color:#9cc6fb}.notificationDot{background:#cbd5e1;border-radius:50%;width:8px;height:8px;margin-top:6px}.notificationRow.unread .notificationDot{background:#1677ff}.notificationRowHead{justify-content:space-between;gap:10px;display:flex}.notificationRowHead span{color:var(--muted);font-size:11px}.notificationRow p{color:#475569;margin:5px 0}.notificationRowActions{gap:7px;display:flex}.salaryHero{color:#fff;background:linear-gradient(135deg,#0d2036,#1d4f80);border-radius:16px;margin-bottom:16px;padding:22px}.salaryHero span,.salaryHero strong,.salaryHero small{display:block}.salaryHero span{color:#c8d8e9}.salaryHero strong{margin:5px 0;font-size:34px}.salaryHero small{color:#b6c9dc}.salaryMetrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.salaryMetrics>div{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px}.salaryMetrics span,.salaryMetrics strong{display:block}.salaryMetrics span{color:var(--muted);font-size:12px}.salaryMetrics strong{margin-top:4px;font-size:22px}.homeBig{gap:3px;margin:16px 0;display:grid}.homeBig span{color:var(--muted)}.homeBig strong{font-size:36px}.quickLinks{flex-wrap:wrap;gap:12px;display:flex}.quickLinks a{color:#0b62d6;font-weight:650}.orderMetaV7{grid-template-columns:1.1fr 1.2fr repeat(4,1fr) 1.5fr auto}@media (max-width:1200px){.employeeInviteForm{grid-template-columns:repeat(3,1fr)}.employeeInviteForm .btn{align-self:end}.taskCardGrid,.taskManagerForm{grid-template-columns:repeat(2,1fr)}.orderMetaV7{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.employeeGrid,.taskCardGrid,.orderPickGrid,.employeeInviteForm,.employeeFormGrid,.taskDetailSummary,.taskMetrics,.homeMetrics,.salaryMetrics,.taskManagerForm{grid-template-columns:1fr}.taskManagerForm .span2{grid-column:auto}.completeQty{grid-template-columns:1fr 100px 40px}.taskOrderList>a{grid-template-columns:1fr;gap:4px}.notificationRowHead{flex-direction:column}.taskItemCheck{grid-template-columns:20px 1fr}.taskItemCheck>input[type=number],.taskItemCheck em{grid-column:2}.orderMetaV7{grid-template-columns:1fr}}
.notificationMini{gap:8px;display:grid;position:relative}.notificationLink{color:#dbe7f4;align-items:center;gap:8px;font-weight:650;display:flex}.notificationLink b{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:11px;display:grid}.notificationEnable{color:#e7f2ff;cursor:pointer;background:#17324f;border:1px solid #365674;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:700}.notificationEnable:disabled{opacity:.65;cursor:wait}.notificationBlocked{color:#fca5a5;font-size:11px}.notificationOnRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.notificationOn{color:#86efac;font-size:11px;font-weight:700}.notificationSound{color:#fff;cursor:pointer;background:#17324f;border:1px solid #365674;border-radius:8px;width:32px;height:30px}.notificationToast{z-index:9999;color:#fff;background:#0d2036;border:1px solid #365674;border-radius:14px;gap:5px;width:min(360px,100vw - 32px);padding:14px 16px;display:grid;position:fixed;top:20px;right:20px;box-shadow:0 18px 50px #0f172a47}.notificationToast strong{font-size:14px}.notificationToast span{color:#cbd5e1;font-size:12px;line-height:1.45}@media (max-width:760px){.notificationToast{top:16px;right:16px}.notificationMini{min-width:0}}
a[href^="/tasks/new"]{display:none!important}section:has(.taskOrderList){display:none!important}
.navShell{min-height:100vh}.navShell>.sidebar{height:100vh;min-height:100vh;position:sticky;top:0;overflow-y:auto}.mobileAppBar,.mobileBottomNav,.mobileScrim,.mobileClose{display:none}@media (max-width:760px){html{background:#f3f6fa}body{min-width:0;padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}.shell{min-height:100vh;display:block}.navShell{height:0;min-height:0}.navShell>.sidebar{z-index:90;background:var(--nav);width:min(88vw,320px);height:100dvh;min-height:0;padding:18px 14px calc(26px + env(safe-area-inset-bottom));transition:transform .2s;overflow-y:auto;transform:translate(-105%);box-shadow:0 20px 50px #030e1d57;position:fixed!important;inset:0 auto 0 0!important}.navShell>.sidebar.mobileOpen{transform:translate(0)}.navShell .nav{gap:5px;grid-template-columns:1fr!important;display:grid!important}.navShell .nav a{align-items:center;min-height:44px;padding:12px 13px;display:flex}.navShell .sidebarBottom{margin-top:22px;padding:16px 8px 0;display:block!important}.mobileDrawerHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mobileDrawerHead .brand{padding:0 8px;font-size:18px}.mobileClose{color:#fff;cursor:pointer;background:#17304b;border:1px solid #31506f;border-radius:11px;place-items:center;width:40px;height:40px;font-size:28px;line-height:1;display:grid}.mobileScrim{z-index:80;background:#05111f7a;border:0;padding:0;display:block;position:fixed;inset:0}.mobileAppBar{z-index:70;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;background:var(--nav);color:#fff;border-bottom:1px solid #24405d;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 3px 14px #0d203624}.mobileAppBar>strong{text-align:center;letter-spacing:.07em;font-size:14px}.mobileMenuButton,.mobileNotify{color:#fff;cursor:pointer;background:#17304b;border:0;border-radius:11px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.mobileNotify{font-size:17px}.mobileBottomNav{z-index:70;min-height:calc(64px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-top:1px solid #dbe3ec;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -7px 24px #0d203617}.mobileBottomNav a,.mobileBottomNav button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;align-content:center;place-items:center;gap:2px;min-width:0;min-height:54px;padding:4px 2px;display:grid}.mobileBottomNav a>span,.mobileBottomNav button>span{font-size:19px;line-height:1}.mobileBottomNav small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.1;overflow:hidden}.mobileBottomNav a.active,.mobileBottomNav button.active{color:#0b62d6;background:#edf4ff;font-weight:750}.main{min-width:0;padding:calc(74px + env(safe-area-inset-top)) 12px calc(82px + env(safe-area-inset-bottom))!important}.main>.topbar:first-child{margin-top:0}.topbar{margin-bottom:16px;gap:12px!important}.title{line-height:1.15;font-size:22px!important}.panel,.metric{border-radius:12px}.grid4{gap:9px}.metric{padding:13px}.metric strong{font-size:21px}.btn{min-height:44px;padding:10px 13px}input,select,textarea{font-size:16px!important}.tableWrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.table th,.table td{padding:11px 12px}.quoteHeaderActions{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:2px;overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important}.quoteHeaderActions>.btn,.quoteHeaderActions>a,.quoteHeaderActions>form{flex:none}.variantTabs,.priceTabs,.categoryStrip{-webkit-overflow-scrolling:touch}.notificationToast{max-width:calc(100vw - 24px)!important;left:12px!important;right:12px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important}}@media (max-width:420px){.main{padding-left:9px!important;padding-right:9px!important}.mobileBottomNav{padding-left:2px;padding-right:2px}.mobileBottomNav small{font-size:9px}.grid4,.orderMoneyGrid,.quoteInfoBar{grid-template-columns:1fr 1fr!important}}
.chatPage{gap:14px;min-width:0;display:grid}.chatPageTop{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.chatPageTop .title{margin-bottom:4px}.chatTopActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.chatStat{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;gap:1px;min-width:90px;padding:8px 12px;display:grid}.chatStat strong{font-size:17px;line-height:1.1}.chatStat span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.chatStat.attention{background:#f5f9ff;border-color:#bfdbfe}.chatStat.attention strong{color:#0b62d6}.chatFilterBar{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.chatSearchForm{flex-wrap:wrap;align-items:center;gap:9px;padding:11px 12px;display:flex}.chatSearchWrap{border:1px solid var(--line);background:#f8fafc;border-radius:10px;flex:260px;align-items:center;gap:8px;min-width:220px;padding:0 11px;display:flex}.chatSearchWrap span{color:#64748b;font-size:20px;transform:rotate(-18deg)}.chatSearchWrap input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:10px 0}.chatSearchForm select{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:10px;padding:10px 34px 10px 11px}.chatUnreadToggle{color:#475569;white-space:nowrap;cursor:pointer;align-items:center;gap:7px;padding:0 4px;font-size:12px;font-weight:650;display:flex}.chatUnreadToggle input{accent-color:var(--blue)}.chatStatusTabs{align-items:center;gap:6px;padding:0 12px 10px;display:flex;overflow:auto}.chatStatusTabs a{white-space:nowrap;color:#64748b;border:1px solid #0000;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.chatStatusTabs a:hover{background:#f3f6fa}.chatStatusTabs a.active{color:#0b62d6;background:#eaf3ff;border-color:#cfe2ff}.chatUnreadSummary{white-space:nowrap;color:#0b62d6;background:#f2f7ff;border-radius:999px;margin-left:auto;padding:6px 9px;font-size:11px;font-weight:700}.chatWorkspace{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:minmax(310px,360px) minmax(0,1fr);height:calc(100vh - 235px);min-height:590px;display:grid;overflow:hidden;box-shadow:0 8px 30px #0f233a0d}.chatConversationPane{border-right:1px solid var(--line);background:#fbfdff;flex-direction:column;min-width:0;display:flex}.chatPaneTitle{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:51px;padding:0 14px;display:flex}.chatPaneTitle strong{font-size:13px}.chatPaneTitle span{color:var(--muted);background:#f1f5f9;border-radius:999px;padding:4px 7px;font-size:11px}.chatConversationList{overscroll-behavior:contain;align-content:start;gap:3px;padding:7px;display:grid;overflow-y:auto}.chatConversation{border:1px solid #0000;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;transition:background .15s,border-color .15s;display:grid;position:relative}.chatConversation:hover{background:#f2f6fb}.chatConversation.active{background:#edf5ff;border-color:#cfe3ff}.chatConversation.unread:not(.active){background:#f8fbff}.chatAvatar{color:#34516f;background:#e6eef8;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.chatAvatar.large{width:44px;height:44px;font-size:17px}.chatAvatar-telegram{color:#0877b9;background:#e8f5ff}.chatAvatar-avito{color:#6d42c7;background:#f3efff}.chatAvatar-vk{color:#1769aa;background:#eaf2ff}.chatAvatar-site{color:#087755;background:#edf8f2}.chatAvatar-max{color:#5e49b5;background:#f5f2ff}.chatConversationBody{gap:3px;min-width:0;display:grid}.chatConversationHead{align-items:baseline;gap:8px;min-width:0;display:flex}.chatConversationHead strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.chatConversationHead time{color:#94a3b8;white-space:nowrap;font-size:10px}.chatConversation.unread .chatConversationHead strong{font-weight:850}.chatConversationMeta{gap:5px;min-width:0;display:flex;overflow:hidden}.chatConversationMeta span{color:#64748b;white-space:nowrap;font-size:10px}.chatConversationMeta span+span:before{content:"·";color:#c0c9d4;margin-right:5px}.chatConversationState{color:#94a3b8;font-size:10px}.chatUnreadBadge{color:#fff;background:#1677ff;border-radius:999px;align-self:center;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:800;display:grid}.chatEmptyState,.chatEmptyThread{text-align:center;color:var(--muted);align-content:center;place-items:center;gap:5px;padding:32px;display:grid}.chatEmptyState strong,.chatEmptyThread strong{color:#475569}.chatEmptyState span,.chatEmptyThread span{font-size:12px}.chatEmptyThread{height:100%}.chatEmptyThread.compact{height:auto;min-height:180px}.chatThreadPane{background:#f7f9fc;flex-direction:column;min-width:0;min-height:0;display:flex}.chatThreadHeader{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:10px 14px;display:flex}.chatThreadIdentity{align-items:center;gap:11px;min-width:0;display:flex}.chatThreadIdentity>div:last-child{min-width:0}.chatThreadNameRow{align-items:center;gap:8px;min-width:0;display:flex}.chatThreadNameRow>strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.chatChannelTag{color:#475569;white-space:nowrap;background:#eef2f7;border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.chatChannel-telegram{color:#0877b9;background:#e8f5ff}.chatChannel-avito{color:#6d42c7;background:#f3efff}.chatChannel-vk{color:#1769aa;background:#eaf2ff}.chatThreadSubline{color:#64748b;align-items:center;gap:5px;min-width:0;margin-top:3px;font-size:10px;display:flex;overflow:hidden}.chatThreadSubline span,.chatThreadSubline a{white-space:nowrap}.chatThreadSubline a{color:#0b62d6;font-weight:700}.chatHeaderActions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.chatHeaderActions .btn{padding:7px 10px;font-size:11px}.chatHeaderActions form{display:flex}.chatInlineAlert{font-size:12px;margin:8px 12px 0!important;padding:8px 10px!important}.chatContext{border:1px solid var(--line);background:#fff;border-radius:12px;flex:none;margin:8px 12px 0;overflow:hidden}.chatContext>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;list-style:none;display:flex}.chatContext>summary::-webkit-details-marker{display:none}.chatContext>summary:before{content:"›";color:#94a3b8;order:-1;font-size:18px;transition:transform .15s}.chatContext[open]>summary:before{transform:rotate(90deg)}.chatContext>summary>div:first-of-type{flex:1;gap:2px;display:grid}.chatContext>summary strong{font-size:11px}.chatContext>summary span{color:var(--muted);font-size:10px}.chatContextMoney{text-align:right}.chatContextMoney strong{color:#172033;font-size:13px;display:block}.chatContextMoney span{display:block}.chatContextBody{border-top:1px solid var(--line);padding:11px}.chatContextForms{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chatContextForms .field{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px}.chatContextForms .field label{grid-column:1/-1;font-size:10px}.chatContextForms select{padding:8px 9px;font-size:11px}.chatContextForms .btn{padding:8px 9px;font-size:10px}.chatOrderStrip{background:var(--line);border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:10px;display:grid;overflow:hidden}.chatOrderStrip>div{background:#f8fafc;min-width:0;padding:7px 8px}.chatOrderStrip span,.chatOrderStrip strong{display:block}.chatOrderStrip span{color:var(--muted);margin-bottom:2px;font-size:9px}.chatOrderStrip strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.chatMessages{overscroll-behavior:contain;background-image:radial-gradient(circle at 1px 1px,#94a3b817 1px,#0000 0);background-size:22px 22px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:18px 18px 14px;display:flex;overflow-y:auto}.chatBubbleRow{display:flex}.chatBubbleRow.inbound{justify-content:flex-start}.chatBubbleRow.outbound{justify-content:flex-end}.chatBubble{border:1px solid #e3e9f0;border-radius:14px;max-width:min(72%,680px);padding:8px 10px 6px;box-shadow:0 1px 2px #0f172a0f}.chatBubbleRow.inbound .chatBubble{background:#fff;border-bottom-left-radius:5px}.chatBubbleRow.outbound .chatBubble{background:#eaf4ff;border-color:#cfe3ff;border-bottom-right-radius:5px}.chatBubbleAuthor{color:#60758b;margin-bottom:3px;font-size:9px;font-weight:800}.chatBubbleText{white-space:pre-wrap;word-break:break-word;color:#172033;font-size:13px;line-height:1.42}.chatBubbleFooter{justify-content:flex-end;align-items:center;gap:8px;margin-top:5px;display:flex}.chatBubbleFooter time{color:#94a3b8;font-size:9px}.chatDelivery{color:#64748b;font-size:9px}.chatDelivery-failed{color:#dc2626;font-weight:700}.chatDelivery-read{color:#0b62d6}.chatAttachments{gap:6px;margin-top:6px;display:grid}.chatImageAttachment{gap:4px;max-width:340px;display:grid}.chatImageAttachment img{object-fit:cover;border-radius:9px;max-width:100%;max-height:260px;display:block}.chatImageAttachment span{color:#64748b;font-size:9px}.chatFileAttachment{background:#ffffffad;border:1px solid #cbd5e1cc;border-radius:9px;align-items:center;gap:8px;padding:8px;display:flex}.chatFileAttachment>span{font-size:18px}.chatFileAttachment div{gap:1px;min-width:0;display:grid}.chatFileAttachment strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.chatFileAttachment small{color:#64748b;font-size:9px}.chatComposerDock{border-top:1px solid var(--line);background:#fff;flex:none;padding:10px 12px}.chatComposer{gap:7px;display:grid}.chatComposerStatus{border-radius:9px;padding:7px 9px;font-size:11px}.chatComposerStatus.success{color:#087755;background:#ecfdf5;border:1px solid #a7f3d0}.chatComposerStatus.error{color:#b42318;background:#fff0f0;border:1px solid #fecaca;margin:0}.chatComposerMain{align-items:flex-end;gap:8px;display:flex}.chatComposerTextarea{resize:vertical;min-height:58px;max-height:150px;color:var(--text);background:#fbfdff;border:1px solid #d7e0ea;border-radius:12px;outline:0;flex:1;padding:10px 11px;line-height:1.4}.chatComposerTextarea:focus{border-color:#8ebfff;box-shadow:0 0 0 3px #e9f3ff}.chatComposerSend{min-width:104px;height:42px}.chatComposerTools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chatComposerTools .btn{padding:7px 10px;font-size:10px}.chatComposerHint{color:#94a3b8;margin-left:auto;font-size:9px}.chatComposerFiles{flex-wrap:wrap;gap:6px;display:flex}.chatComposerFile{border:1px solid var(--line);background:#f8fafc;border-radius:9px;align-items:center;gap:6px;padding:6px 8px;font-size:10px;display:flex}.chatComposerFile button{color:#64748b;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.chatUnavailable{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;gap:3px;padding:8px 10px;display:grid}.chatUnavailable strong{font-size:11px}.chatUnavailable span{color:var(--muted);font-size:10px}@media (max-width:1150px){.chatWorkspace{grid-template-columns:300px minmax(0,1fr)}.chatOrderStrip{grid-template-columns:repeat(3,1fr)}.chatBubble{max-width:82%}.chatUnreadSummary{display:none}}@media (max-width:900px){.chatPageTop{flex-direction:column;align-items:flex-start}.chatTopActions{justify-content:flex-start}.chatWorkspace{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.chatConversationPane{border-right:0;border-bottom:1px solid var(--line);max-height:360px}.chatConversationList{max-height:310px}.chatThreadPane{min-height:620px}.chatMessages{min-height:330px;max-height:58vh}.chatThreadHeader{position:sticky;top:0}.chatContextForms{grid-template-columns:1fr}.chatBubble{max-width:88%}}@media (max-width:640px){.chatSearchForm{grid-template-columns:1fr 1fr;display:grid}.chatSearchWrap{grid-column:1/-1;min-width:0}.chatSearchForm select{width:100%}.chatUnreadToggle{grid-column:1/-1}.chatSearchForm .btn{width:100%}.chatStatusTabs{padding-bottom:9px}.chatTopActions .chatStat{min-width:76px}.chatTopActions>.btn{width:100%}.chatConversation{grid-template-columns:38px minmax(0,1fr) auto;padding:9px 8px}.chatAvatar{width:38px;height:38px}.chatThreadHeader{flex-direction:column;align-items:flex-start}.chatHeaderActions{justify-content:flex-start;width:100%}.chatThreadSubline{flex-wrap:wrap;overflow:visible}.chatThreadNameRow{flex-wrap:wrap}.chatContext{margin-left:8px;margin-right:8px}.chatOrderStrip{grid-template-columns:repeat(2,1fr)}.chatMessages{padding:12px 8px}.chatBubble{max-width:92%;font-size:12px}.chatComposerDock{padding:8px}.chatComposerMain{grid-template-columns:1fr;display:grid}.chatComposerSend{width:100%}.chatComposerHint{width:100%;margin-left:0}}
:root{--tone-blue:#2563eb;--tone-blue-bg:#eff6ff;--tone-green:#15803d;--tone-green-bg:#f0fdf4;--tone-amber:#b45309;--tone-amber-bg:#fffbeb;--tone-red:#b91c1c;--tone-red-bg:#fff1f2;--tone-purple:#7e22ce;--tone-purple-bg:#faf5ff;--tone-cyan:#0e7490;--tone-cyan-bg:#ecfeff}.metric,.homeMetrics>a,.salaryMetrics>div,.salaryHero{transition:all .15s;position:relative;overflow:hidden}.metric:before,.homeMetrics>a:before,.salaryMetrics>div:before,.salaryHero:before{content:"";background:var(--tone-blue);width:4px;position:absolute;top:0;bottom:0;left:0}.grid4>.metric:first-child:before{background:var(--tone-blue)}.grid4>.metric:nth-child(2):before{background:var(--tone-cyan)}.grid4>.metric:nth-child(3):before{background:var(--tone-green)}.grid4>.metric:nth-child(4):before{background:var(--tone-amber)}.grid4>.metric:first-child>strong{color:#1d4ed8}.grid4>.metric:nth-child(2)>strong{color:var(--tone-cyan)}.grid4>.metric:nth-child(3)>strong{color:var(--tone-green)}.grid4>.metric:nth-child(4)>strong{color:#a16207}.metric.danger,.homeMetrics>a.danger{background:linear-gradient(180deg,#fff,var(--tone-red-bg));border-color:#fecdd3}.metric.danger:before,.homeMetrics>a.danger:before{background:var(--tone-red)}.metric.danger strong,.homeMetrics>a.danger strong{color:var(--tone-red)!important}.metric.success:before{background:var(--tone-green)}.metric.success strong{color:var(--tone-green)!important}.metric.warning:before{background:var(--tone-amber)}.metric.warning strong{color:var(--tone-amber)!important}.homeMetrics>a:first-child:before{background:var(--tone-blue)}.homeMetrics>a:nth-child(2):before{background:var(--tone-cyan)}.homeMetrics>a:nth-child(3):before{background:var(--tone-red)}.homeMetrics>a:nth-child(4):before{background:var(--tone-green)}.homeMetrics>a:first-child strong{color:var(--tone-blue)}.homeMetrics>a:nth-child(2) strong{color:var(--tone-cyan)}.homeMetrics>a:nth-child(3) strong{color:var(--tone-red)}.homeMetrics>a:nth-child(4) strong{color:var(--tone-green)}.salaryHero:before{background:var(--tone-purple)}.salaryHero strong{color:var(--tone-purple)}.salaryMetrics>div:nth-child(2):before{background:var(--tone-amber)}.salaryMetrics>div:nth-child(3):before{background:var(--tone-green)}.salaryMetrics>div:nth-child(2) strong{color:var(--tone-amber)}.salaryMetrics>div:nth-child(3) strong{color:var(--tone-green)}.badge{border:1px solid #dbeafe}.badge.green,.badge.tone-success{background:var(--tone-green-bg);color:var(--tone-green);border-color:#bbf7d0}.badge.gray,.badge.tone-neutral{color:#475569;background:#f8fafc;border-color:#e2e8f0}.badge.tone-info{background:var(--tone-blue-bg);color:var(--tone-blue);border-color:#bfdbfe}.badge.tone-work{background:var(--tone-cyan-bg);color:var(--tone-cyan);border-color:#a5f3fc}.badge.tone-wait{background:var(--tone-amber-bg);color:var(--tone-amber);border-color:#fde68a}.badge.tone-stage{background:var(--tone-purple-bg);color:var(--tone-purple);border-color:#e9d5ff}.badge.tone-danger{background:var(--tone-red-bg);color:var(--tone-red);border-color:#fecdd3}.moneyPositive{color:var(--tone-green)!important}.moneyDanger{color:var(--tone-red)!important}.moneyWarning{color:var(--tone-amber)!important}.moneyInfo{color:var(--tone-blue)!important}.paymentCard{border-left-width:4px}.paymentCard:not(.paid):not(.overdue){border-left-color:var(--tone-amber)}.paymentCard.paid{border-left-color:var(--tone-green)}.paymentCard.overdue{border-left-color:var(--tone-red)}.paymentCard.paid .paymentCardHead>b{color:var(--tone-green)}.paymentCard.overdue .paymentCardHead>b{color:var(--tone-red)}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:#f8fbff}.rowAttention{background:#fffbeb}.rowDanger{background:#fff7f7}.panelHead{background:linear-gradient(#fff,#fbfdff)}.chatBubbleRow.inbound .chatBubble{border-left:3px solid var(--tone-blue)}.chatBubbleRow.outbound .chatBubble{border-right:3px solid var(--tone-green);background:#f0f8ff}.chatConversation.unread:not(.active){border-left:3px solid var(--tone-blue)}.chatConversation.active{box-shadow:inset 3px 0 0 var(--tone-blue)}.chatDelivery-failed{background:var(--tone-red-bg);border-radius:999px;padding:2px 6px}@media (max-width:760px){.metric:before,.homeMetrics>a:before,.salaryMetrics>div:before,.salaryHero:before{width:3px}}
.orderEditPanel{overflow:visible}.orderEditHeader{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:12px;padding:16px;display:grid}.orderEditSummary{border:1px solid var(--line);background:#f8fafc;border-radius:10px;gap:2px;padding:10px 12px;display:grid}.orderEditSummary span,.orderEditSummary small{color:var(--muted);font-size:12px}.orderEditSummary strong{font-size:18px}.orderEditDivider{background:var(--line);height:1px}.orderEditAdd{grid-template-columns:minmax(220px,.8fr) 2fr;align-items:end;gap:14px;padding:16px;display:grid}.orderEditAddForm{grid-template-columns:minmax(260px,2fr) 100px 150px auto;gap:8px;display:grid}.orderEditAddForm select,.orderEditAddForm input,.orderManualGrid input,.orderItemEditRow input{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;padding:9px 10px}.orderManualItem{background:#fbfdff;border:1px dashed #cbd5e1;border-radius:11px;margin:0 16px 16px;padding:10px 12px}.orderManualItem summary{cursor:pointer;font-weight:700}.orderManualGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.orderManualGrid .btn{grid-column:span 2}.orderEditTable td{padding:9px 12px}.orderItemEditRow{grid-template-columns:1.3fr 1.4fr .7fr .8fr .75fr .7fr 1fr auto;align-items:center;gap:8px;display:grid}.orderItemName,.orderItemMaterial{gap:5px;display:grid}.orderItemMaterial{grid-template-columns:1fr 1fr}.orderItemMaterial input:last-child{grid-column:1/-1}.orderItemQty{grid-template-columns:1fr 55px;align-items:center;gap:5px;display:grid}.orderItemQty span{color:var(--muted);font-size:12px}.orderItemActions{gap:5px;display:flex}.orderItemActions .danger{color:#b42318}.orderEditPanel .table thead{display:none}@media (max-width:1200px){.orderEditHeader{grid-template-columns:repeat(3,1fr)}.orderEditAdd{grid-template-columns:1fr}.orderItemEditRow{grid-template-columns:repeat(4,minmax(120px,1fr))}.orderItemActions{justify-content:flex-end}}@media (max-width:760px){.orderEditHeader,.orderManualGrid,.orderEditAddForm{grid-template-columns:1fr}.orderManualGrid .btn{grid-column:auto}.orderItemEditRow,.orderItemMaterial{grid-template-columns:1fr}.orderItemMaterial input:last-child{grid-column:auto}.orderItemQty{grid-template-columns:1fr 60px}.orderItemActions{justify-content:flex-start}.orderEditPanel .panelHead{flex-direction:column;align-items:flex-start}}
.stack{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:10px;display:grid}.miniCard{border:1px solid var(--line);background:#fff;border-radius:12px;align-content:start;gap:4px;min-width:0;padding:12px 13px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.miniCard:hover{border-color:#b9d5f7;transform:translateY(-1px);box-shadow:0 5px 16px #0f172a0f}.miniCard>strong{color:var(--text);overflow-wrap:anywhere;font-size:14px;line-height:1.3}.miniCard>span{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.4}.miniCard>small{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.miniCard.danger{background:#fff7f7;border-color:#fecaca}.miniCard.danger>strong{color:#b42318}.detailGrid>.panel.section{min-width:0}.detailGrid .panelHead{flex-wrap:wrap;min-width:0}.detailGrid .panelHead>div{min-width:0}.detailGrid .panelHead a{color:#0b62d6;flex-shrink:0;font-weight:650}@media (max-width:760px){.stack{grid-template-columns:1fr}.miniCard{padding:11px 12px}.detailGrid .panelHead{align-items:flex-start}}
.globalSearch{z-index:30;border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:9px;max-width:820px;margin:0 auto 22px;padding:7px 8px 7px 14px;display:flex;position:sticky;top:10px;box-shadow:0 8px 24px #0d203614}.globalSearch span{color:var(--muted);font-size:22px}.globalSearch input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px}.globalSearch button{background:var(--nav);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:9px 15px;font-weight:750}.groupedNav{gap:4px}.navGroup{gap:3px;margin-top:8px;display:grid}.navGroupTitle{color:#6f8aa7;letter-spacing:.11em;text-transform:uppercase;padding:8px 12px 4px;font-size:10px;font-weight:850}.groupedNav .navGroup a{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.searchResult{border-bottom:1px solid var(--line);gap:3px;padding:14px 16px;display:grid}.searchResult:hover{background:#f8fafc}.searchResult span{color:var(--muted);font-size:12px}.groupedNav>a{justify-content:space-between;align-items:center;gap:8px;display:flex}.navMore{border-top:1px solid #29445f;margin-top:6px;padding-top:6px}.navMore summary{color:#c8d4e2;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-weight:750;list-style:none;display:flex}.navMore summary::-webkit-details-marker{display:none}.navMore summary:hover,.navMore[open]>summary{background:var(--nav2);color:#fff}.navMore[open]>summary span{transform:rotate(180deg)}.orderWorkspaceNav{scrollbar-width:thin;gap:8px;margin:-6px 0 18px;padding:6px 0 10px;display:flex;overflow-x:auto}.orderWorkspaceNav a{white-space:nowrap;border:1px solid var(--line);color:#475569;background:#fff;border-radius:10px;padding:9px 13px;font-weight:750}.orderWorkspaceNav a:hover,.orderWorkspaceNav a.active{background:var(--nav);border-color:var(--nav);color:#fff}.quickClientFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.formDetails{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.formDetails summary{cursor:pointer;color:#0b62d6;margin-bottom:14px;font-weight:800}.formDetails:not([open]) summary{margin-bottom:0}.employeePinControls{gap:10px;display:grid}.employeePinControls>form:first-child .btn{width:100%}.generatedPinBox{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.generatedPinBox>div{gap:2px;display:grid}.generatedPinBox span,.generatedPinBox small{color:#087755}.generatedPinBox strong{letter-spacing:.24em;color:#064e3b;font-size:30px}.pinManualDetails{margin-top:0}.pinManualForm{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.pinManualForm .btn{margin-bottom:1px}.employeeMainAction{width:100%;min-height:56px;margin-top:12px;font-size:17px}.workOptional{border:1px solid var(--line);background:#f8fafc;border-radius:11px;margin-top:14px;padding:11px 12px}.workOptional summary{margin:0}.workOptional[open] summary{margin-bottom:12px}.employeeCurrentWork{color:#fff;background:linear-gradient(135deg,#0d2036,#1d4f80);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:18px 20px;display:flex;box-shadow:0 10px 28px #0d203629}.employeeCurrentWork>div{gap:4px;display:grid}.employeeCurrentWork span,.employeeCurrentWork small{color:#c8d8e9}.employeeCurrentWork strong{font-size:19px}.employeeCurrentWork>b{white-space:nowrap;color:#0d2036;background:#fff;border-radius:10px;padding:10px 14px}@media (max-width:760px){.globalSearch{margin:0 0 16px;position:relative;top:auto}.globalSearch button{padding:9px 11px}.navGroup,.navGroupTitle{grid-column:1/-1}.quickClientFields,.pinManualForm{grid-template-columns:1fr}.generatedPinBox{flex-direction:column;align-items:stretch}}