:root{--bg: #f5f7fa;--panel: #ffffff;--muted: #667085;--text: #111827;--primary: #3b82f6;--border: #e5e7eb;--accent: #e6f0ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.prefix{font-size:xx-small;vertical-align:text-top}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}th{text-align:center;font-weight:400;font-size:small}.textSmall{font-size:small}.hr{border:none;border-bottom:1px solid var(--border);margin:7px 0}tr:last-of-type .hr{display:none}.app{max-width:1310px;margin:0 auto;padding:16px 20px 40px}.toolbar{display:grid;grid-template-columns:320px auto 320px;gap:12px;align-items:center;margin-bottom:12px}.toolbarActions{display:flex;justify-content:flex-end}.searchRow,.filtersRow{display:flex;align-items:center;gap:8px}.input,.dateInput,.select,.smallInput{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:#fff}.selectError{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc262640}.smallInput{max-width:100px}.button{height:32px;padding:0 12px;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:6px;cursor:pointer}.button:disabled,.tinyButton:disabled,.secondaryButton:disabled{cursor:not-allowed;opacity:.65}.secondaryButton,.tinyButton{height:32px;padding:0 12px;border-radius:6px;background:#fff;color:var(--text);cursor:pointer}.secondaryButton{border:1px solid var(--border)}.tinyButton{height:26px;padding:0 8px;border:1px solid var(--border);font-size:12px}.dangerButton,.tinyButton.danger{border-color:#ef4444;background:#fff5f5;color:#b91c1c}.screenTabs{display:flex;gap:6px}.tab{padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer}.tab.active{background:var(--accent);border-color:#bcd4ff}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.tickets{display:grid;gap:10px}.ticketCard{border:1px solid var(--border);border-radius:8px;overflow:hidden}.ticketHeader{display:grid;grid-template-columns:60px 1fr 1fr 1fr 1fr 1fr;gap:8px;padding:10px 12px;background:#fafbfc;font-weight:600;border-bottom:1px solid var(--border)}.ticketBody{padding:12px}.gridRow{display:grid;grid-template-columns:140px 1fr 1fr 1fr .3fr 1fr 1fr 1fr 1fr .3fr 1fr 1fr 1fr .5fr;gap:6px;align-items:center}.sectionTitle{margin:12px 0 6px;font-weight:600;color:var(--muted)}.rowControls{display:flex;gap:6px}.linkBtn{background:#e9f5ff;color:#1d4ed8;padding:4px 8px;border-radius:4px;border:1px solid #cfe6ff;cursor:pointer}.summary{display:grid;grid-template-columns:1fr 280px;gap:12px;margin-top:14px}.sidebar{border:1px solid var(--border);border-radius:8px;padding:10px;background:#fff}.sidebarRow{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border)}.sidebarRow:last-child{border-bottom:none}.muted{color:var(--muted)}.right{text-align:right}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999}.loginModal{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;width:220px;box-shadow:0 10px 30px #00000026}.loginModal .input{width:100%}.reportModal{position:relative;width:min(1000px,calc(100vw - 40px));min-height:520px;max-height:calc(100vh - 40px);overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 50px #0f172a33;display:flex;flex-direction:column}.reportModalHeader{display:flex;align-items:normal;justify-content:space-between;gap:12px;padding:14px 14px 0;border-bottom:1px solid var(--border)}.reportModalBody{position:relative;flex:1;padding:16px 14px 14px;overflow:auto;font-size:13px}.reportTabs{display:flex;gap:10px;padding-bottom:10px}.reportTab{height:32px;padding:0 14px;border:1px solid var(--primary);border-radius:6px;background:#fff;color:var(--text);cursor:pointer}.reportTab.active{background:var(--primary);color:#fff}.reportCloseButton{height:32px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);cursor:pointer}.reportPane{min-height:400px}.reportPaneAftersales{display:flex;align-items:flex-start}.reportPaneAccounting{display:flex;flex-direction:column;gap:20px}.reportFormRow{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f7f9fc;border-radius:8px;width:fit-content}.reportTaskEditor .reportFormRow{grid-row:2;grid-column:1 / 4}.reportTaskEditor .reportFormRow.reportFormRowFooter{grid-row:4;grid-column:1 / 4}.errorMessage{margin-bottom:12px;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px}.reportErrorMessage{position:sticky;top:0;margin-bottom:12px;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c}.accountingGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.reportPanelBox{min-height:300px;border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:12px}.reportPanelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reportPanelActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.checkboxList{display:flex;flex-direction:column;gap:6px}.checkboxRow,.presetCheckbox{display:flex;align-items:center;gap:8px;flex-grow:1}.presetList{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.presetRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border:1px solid transparent;border-radius:6px}.presetRow.selected{border-color:#dbeafe;background:#f8fbff}.presetActions{display:flex;gap:6px;flex-shrink:0}.reportDialogOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#11182747;display:flex;align-items:center;justify-content:center;padding:20px}.reportDialog{width:min(340px,100%);padding:16px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 16px 40px #0f172a33}.reportDialogTitle{margin-bottom:12px;font-weight:600}.reportDialogText{margin-bottom:14px}.reportDialogInput{width:100%}.reportDialogActions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.reportTaskEditor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reportBreadcrumb{grid-row:1;grid-column:1 / 4;display:flex;align-items:center;gap:8px;font-size:13px;height:25px}.reportBreadcrumb.reportBreadcrumbWithActions{justify-content:space-between}.reportBreadcrumbLink{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.reportBreadcrumbSeparator{color:var(--muted)}.reportTasksTable{margin-top:15px;width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:6px;overflow:hidden;font-size:13px;background:#fff}.reportTasksTable thead{background:#f7f9fc;border-bottom:1px solid var(--border)}.reportTasksTable th{padding:10px;text-align:left;font-weight:600}.reportTasksTable td{padding:10px;border-bottom:1px solid var(--border)}.reportTasksTable tr:hover{background:#fafbfc}.linkButton{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.linkButton:hover{text-decoration:none}.reportTaskEditorForm{display:flex;flex-direction:column;gap:5px;background:#f7f9fc;padding:16px;border-radius:6px;border:1px solid var(--border)}.reportTaskEditorForm.reportTaskEditorFormColumns{grid-row:3;grid-column:1 / 2}.reportTaskEditorForm.reportTaskEditorFormFields{grid-row:3;grid-column:2 / 4;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 1fr 1fr 1fr 1fr 5fr}.reportFormGroup{display:flex;flex-direction:column;gap:6px}.reportFormGroup.reportFormGroupWide{grid-column:span 2}.reportFormGroup label{display:flex;flex-direction:column;gap:6px;font-size:13px}.reportFormGroup label.checkboxRow{flex-direction:row;align-items:center}.reportFormGroup.reportFormGroupWide label{flex:1}.reportFormLabel{font-weight:600;font-size:13px}.reportTextarea{flex:1;resize:vertical;font-family:monospace;font-size:12px;padding:10px}.reportFormRowFooter{flex-direction:row;align-items:end;width:100%}.reportFormRowFooter>:first-child{margin-left:auto}