@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Golos+Text:wght@400;500;600;700&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.uppercase{text-transform:uppercase}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--brand:#14b8a6;--brand-dark:#0f766e;--brand-light:#4dd4b0;--status-new:#2563eb;--status-work:#f59e0b;--status-ready:#10b981;--status-final:#64748b;--status-danger:#ef4444}.light{--bg:#f5f5f5;--bg-card:#fff;--bg-sidebar:#1f2937;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--text-sidebar:#d1d5db}.dark{--bg:#0f1117;--bg-card:#1a1d27;--bg-sidebar:#111318;--border:#2a2d3a;--text:#e2e8f0;--text-muted:#8892a4;--text-sidebar:#d1d5db}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Golos Text,sans-serif;margin:0;transition:background .2s,color .2s}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#14b8a6;background:var(--brand)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Golos Text,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.input:focus{border-color:#14b8a6;border-color:var(--brand)}.input::placeholder{color:var(--text-muted)}.login-input::placeholder{color:#4b5563;opacity:1}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Golos Text,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .15s;white-space:nowrap}.btn-primary{background:#14b8a6;background:var(--brand);color:#fff}.btn-primary:hover{background:#0f766e;background:var(--brand-dark);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{border-color:#14b8a6;border-color:var(--brand);color:#14b8a6;color:var(--brand)}.btn-dark{background:#1f2937;color:#fff}.btn-dark:hover{background:#374151}.btn-sm{font-size:13px;padding:6px 14px}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.status-badge{border-radius:20px;font-weight:600;padding:4px 12px}.status-badge,.status-chip{align-items:center;display:inline-flex;font-size:12px;gap:6px}.status-chip{--status-color:#64748b;background:color-mix(in srgb,var(--status-color) 14%,#0000);border-radius:999px;color:var(--status-color);font-weight:700;line-height:1.2;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.status-chip:before{background:var(--status-color);border-radius:999px;content:"";height:7px;width:7px}.priority-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;line-height:1.2;min-height:22px;padding:3px 9px;width:-webkit-fit-content;width:fit-content}.priority-new{background:#2563eb1f;color:#2563eb;color:var(--status-new)}.priority-today{background:#14b8a621;color:#0f766e;color:var(--brand-dark)}.priority-danger{background:#ef44441f;color:#ef4444;color:var(--status-danger)}.priority-muted{background:#64748b24;color:#64748b}.priority-paid{background:#10b9811f;color:#10b981;color:var(--status-ready)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid var(--border)}td{font-size:14px;padding:14px 16px}tr:hover td{background:#2ec4a00a}tr:last-child td{border-bottom:none}.data-table td,.data-table th{vertical-align:top}.data-table{min-width:1180px}.data-table-row{cursor:pointer}.order-number{color:#14b8a6;color:var(--brand);font-size:13px;font-weight:800;white-space:nowrap}.order-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.muted{color:var(--text-muted);font-size:13px}.page-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.search-box{flex:1 1;min-width:260px;position:relative}.search-box svg{color:var(--text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box .input{padding-left:36px}.toolbar-select{max-width:190px}.filter-row,.mode-switch,.segmented-control,.view-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;padding:4px}.filter-row button,.mode-switch button,.segmented-control button,.view-toggle button{align-items:center;background:#0000;border:0;border-radius:7px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:7px 12px}.filter-row button.active,.mode-switch button.active,.segmented-control button.active,.view-toggle button.active{background:#14b8a6;background:var(--brand);color:#fff}.filter-row{margin-bottom:18px;width:-webkit-fit-content;width:fit-content}.column-picker{position:relative}.column-picker-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 44px #00000047;padding:10px;position:absolute;right:0;top:calc(100% + 8px);width:230px;z-index:30}.column-picker-head{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:10px;justify-content:space-between;margin-bottom:6px;padding:4px 4px 8px}.column-picker-head button{background:#0000;border:0;color:#14b8a6;color:var(--brand);cursor:pointer;font-size:12px;font-weight:800}.column-picker-menu label{align-items:center;border-radius:7px;color:var(--text);cursor:pointer;display:flex;font-size:13px;font-weight:650;gap:9px;min-height:32px;padding:5px 6px}.column-picker-menu label:hover{background:#2ec4a014}.column-picker-menu label.is-locked{color:var(--text-muted);cursor:default}.column-picker-menu label.is-locked:hover{background:#0000}.column-picker-menu input{accent-color:#14b8a6;accent-color:var(--brand)}.quick-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.icon-btn{height:34px;justify-content:center;padding:0;width:34px}.debt-action{border-color:#ef444459}.danger-icon,.danger-icon:hover,.debt-action{color:#ef4444;color:var(--status-danger)}.danger-icon:hover{border-color:#ef4444;border-color:var(--status-danger)}.order-status-select{font-size:12px;margin-top:6px;min-width:132px;padding:6px 10px}.desktop-table-card{padding:0}.kanban-mobile-fallback,.mobile-list{display:none}select.input{-webkit-appearance:none;appearance:none;cursor:pointer}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.modal{animation:slideUp .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-height:90vh;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.modal-header h3{font-size:18px;margin:0}.modal-body{max-height:62vh;overflow-y:auto;padding:24px}.modal-footer{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:16px 24px}.modal-footer>div{align-items:center;display:flex;gap:12px}.order-modal{max-width:780px}.order-edit-modal{max-width:820px}.mode-switch{margin:14px 24px 0;width:-webkit-fit-content;width:fit-content}.steps-indicator{grid-gap:10px;border-bottom:1px solid var(--border);display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:14px 24px}.steps-indicator div{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-weight:700;gap:8px}.steps-indicator b{background:var(--border);border-radius:50%;display:grid;height:24px;place-items:center;width:24px}.steps-indicator .active{color:var(--text)}.steps-indicator .active b{background:#14b8a6;background:var(--brand);color:#fff}.modal-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-grid .wide,.quick-order-grid .wide{grid-column:1/-1}.quick-order-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.line-editor-head h4,.quick-order-grid h4,.section-title{font-size:14px;font-weight:800;margin:0 0 12px}.form-hint{color:var(--text-muted);line-height:1.35}.form-error,.form-hint{font-size:12px;margin-top:5px}.form-error{color:#ef4444;color:var(--status-danger);font-weight:700}.check-line{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;min-height:42px}.check-line input{height:18px;width:18px}.footer-error{margin:0;max-width:360px;text-align:right}.has-error{border-color:#ef4444!important;border-color:var(--status-danger)!important}.suggest-list{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-top:6px;overflow:hidden}.suggest-list button{background:#0000;border:0;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;display:block;padding:10px 14px;text-align:left;width:100%}.suggest-list button:hover{background:var(--bg)}.suggest-list span{color:var(--text-muted)}.divider{background:var(--border);height:1px;margin:18px 0}.icon-link{align-items:center;background:#0000;border:0;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center}.icon-link.danger{color:#ef4444;color:var(--status-danger)}.line-editor{margin-bottom:20px}.line-editor-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.line-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1.2fr 1.8fr .8fr .9fr auto;margin-bottom:8px}.total-box{background:var(--bg);border-left:3px solid #14b8a6;border-left:3px solid var(--brand);border-radius:10px;margin-top:20px;padding:16px}.total-box div,.total-box strong{display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.total-box span{color:var(--text-muted)}.total-box strong{color:var(--text);font-size:16px;margin:8px 0 0}.total-box strong b{color:#14b8a6;color:var(--brand)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kanban-col{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-shrink:0;max-width:300px;min-width:280px}.kanban-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px}.kanban-col{max-width:330px;min-width:310px}.kanban-col.is-over{border-color:#14b8a6;border-color:var(--brand)}.kanban-col-head{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.kanban-col-head div{align-items:center;display:flex;gap:8px}.kanban-col-head span{border-radius:50%;height:10px;width:10px}.kanban-col-body{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 280px);min-height:160px;overflow-y:auto;padding:12px}.kanban-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:12px;transition:all .15s}.kanban-card:hover{border-color:#14b8a6;border-color:var(--brand);box-shadow:0 4px 12px #2ec4a026;transform:translateY(-2px)}.kanban-card.is-dragging{box-shadow:0 10px 28px #0f172a3d}.kanban-card-bottom,.kanban-card-top,.kanban-meta{align-items:center;display:flex;gap:10px;justify-content:space-between}.kanban-title{color:var(--text);font-weight:800;margin-top:8px}.kanban-meta{color:var(--text-muted);font-size:12px;margin-top:8px}.kanban-card-bottom{margin-top:10px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:var(--text);font-family:Bebas Neue,cursive;font-size:32px;letter-spacing:.02em;margin:0}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:20px;position:relative}.stat-card:before{background:#14b8a6;background:var(--brand);content:"";height:3px;left:0;position:absolute;right:0;top:0}.dashboard-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.stat-value{color:#14b8a6;color:var(--brand);font-family:Bebas Neue,cursive;font-size:36px;line-height:1;margin:8px 0 4px}.stat-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pay-paid{color:#10b981}.pay-partial{color:#f59e0b}.pay-unpaid{color:#ef4444}.sidebar-link{align-items:center;border-radius:8px;color:var(--text-sidebar);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 16px;text-decoration:none;transition:all .15s}.sidebar-link:hover{background:#2ec4a01a;color:#14b8a6;color:var(--brand)}.sidebar-link.active{background:#2ec4a026;color:#14b8a6;color:var(--brand)}.fade-in{animation:fadeIn .3s ease}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.empty-state{color:var(--text-muted);font-size:14px;padding:40px 16px;text-align:center}.empty-state.compact{font-size:13px;padding:20px 8px}.mobile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px}.mobile-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.mobile-card-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:12px 0}.mobile-card-grid span{color:var(--text-muted);display:block;font-size:11px;margin-bottom:3px}.mobile-card-grid strong{font-size:13px}.mobile-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.report-grid,.summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.summary-grid>div{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px}.client-mini-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.client-mini-summary>div{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px}.client-mini-summary .wide{grid-column:1/-1}.client-mini-summary span{color:var(--text-muted);display:block;font-size:11px}.client-mini-summary b{display:block;font-size:13px;margin-top:3px}.summary-grid span{color:var(--text-muted);display:block;font-size:11px;font-weight:800;text-transform:uppercase}.summary-grid strong{display:block;font-size:18px;margin-top:4px}.report-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.analytics-header{align-items:flex-start;gap:16px}.analytics-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.compact-control{max-width:180px}.date-control{max-width:150px}.compact-card{border-radius:10px;margin-bottom:16px;padding:16px}.analytics-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(150px,1fr));margin-bottom:16px}.compact-stat{border-radius:10px;min-height:104px;padding:16px}.compact-stat .stat-value{font-size:28px;line-height:1.05;word-break:break-word}.analytics-overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.panel-title{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.panel-title h3{font-size:15px;font-weight:800;margin:0}.panel-title span{color:var(--text-muted);display:block;font-size:13px;margin-top:3px}.profit-line{align-items:center;border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:12px 0}.metric-row span,.profit-line span,.signal-row span{color:var(--text-muted);font-size:13px;font-weight:700}.profit-line b{font-size:24px;font-weight:900}.metric-list{grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-row{border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:9px 0}.metric-row b{text-align:right;white-space:nowrap}.signal-stack{display:flex;flex-direction:column}.signal-row{--signal:var(--brand);border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:11px 0}.metric-row:last-child,.metric-row:nth-last-child(2):nth-child(odd),.signal-row:last-child{border-bottom:0}.signal-row small{color:var(--text-muted);display:block;font-size:12px;margin-top:3px}.signal-row b{color:var(--signal);font-size:18px;white-space:nowrap}.signal-row.good{--signal:#10b981}.signal-row.warn{--signal:#f59e0b}.signal-row.bad{--signal:#ef4444}.filter-panel{margin-top:-8px}.filter-grid{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(6,minmax(140px,1fr))}.compact-check{min-height:40px}.section-tabs{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding-bottom:10px}.section-tabs button{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-weight:800;padding:8px 12px}.section-tabs button.active{background:#14b8a6;background:var(--brand);border-color:#14b8a6;border-color:var(--brand);color:#fff}.detail-section{padding-bottom:8px}.chart-tooltip{background:var(--bg-card);box-shadow:0 10px 24px #0f172a1f;padding:10px 12px}.chart-tooltip,.mini-row{border:1px solid var(--border);border-radius:8px}.mini-row{align-items:center;background:var(--bg);color:var(--text);cursor:pointer;display:flex;gap:10px;justify-content:space-between;min-height:38px;padding:8px 10px;text-align:left;width:100%}.mini-row:hover{border-color:#14b8a6;border-color:var(--brand)}.mini-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-row b{color:#14b8a6;color:var(--brand);white-space:nowrap}.web-lead-card{border-left:3px solid var(--border);padding:16px 20px;transition:all .15s}.web-lead-card.is-new{border-left-color:#2563eb;border-left-color:var(--status-new);box-shadow:0 8px 24px #2563eb14}.lead-attention{background:#ef44441a;border-radius:8px;color:#ef4444;color:var(--status-danger);display:inline-flex;font-size:13px;font-weight:800;margin:4px 0 8px;padding:7px 10px}.lead-created{align-items:center;color:var(--text);display:flex;font-size:12px;font-weight:700;gap:5px;margin-top:8px}@media (min-width:769px) and (max-width:1100px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.dashboard-kpi-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-header>*{max-width:100%}.modal{border-radius:0;height:100vh;max-height:100vh;max-width:100vw!important;overflow:hidden;width:100vw!important}.modal-overlay{align-items:flex-end;padding:0}.modal-body{max-height:calc(100vh - 210px);padding:18px}.modal-footer,.modal-header{padding:16px 18px}.modal-footer{align-items:stretch;flex-direction:column-reverse}.modal-footer .btn,.modal-footer>.btn,.modal-footer>div{width:100%}.modal-footer>div{align-items:stretch;flex-direction:column}.footer-error{max-width:none;text-align:left}.mode-switch{margin:12px 18px 0;width:calc(100% - 36px)}.filter-row button,.mode-switch button,.segmented-control button,.view-toggle button{flex:1 1;min-height:40px}.steps-indicator{grid-template-columns:1fr;padding:12px 18px}.line-row,.modal-grid,.quick-order-grid,[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 2fr"],[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}.line-row{align-items:stretch;border:1px solid var(--border);border-radius:10px;padding:10px}.modal .input,.modal select,.modal textarea{min-width:0}.table-wrap{overflow-x:visible}.table-wrap table,.table-wrap tbody,.table-wrap td,.table-wrap thead,.table-wrap tr{display:block;min-width:0;width:100%}.table-wrap thead{display:none}.table-wrap tr{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:0 0 12px;padding:12px}.table-wrap td{border-bottom:0;padding:7px 0}.table-wrap tr:hover td{background:#0000}.btn{justify-content:center;min-height:44px}.btn-sm{min-height:40px}.page-toolbar{align-items:stretch}.filter-row,.search-box,.toolbar-select,.view-toggle{max-width:none;width:100%}.desktop-table-card,.kanban-board{display:none}.kanban-mobile-fallback,.mobile-list{display:flex;flex-direction:column;gap:12px}.mobile-card-actions .order-status-select{flex:1 1 180px}.quick-actions{flex:1 1 100%}.web-lead-card>div{flex-direction:column}.web-lead-card .btn{width:100%}.analytics-actions,.analytics-actions .btn,.analytics-actions .input,.compact-control,.date-control{max-width:none;width:100%}.analytics-kpi-grid,.analytics-overview-grid,.filter-grid,.metric-list{grid-template-columns:1fr}.compact-stat{min-height:auto}.panel-title{align-items:flex-start}.section-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.section-tabs button{min-height:40px}}@keyframes pageFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-fade{animation:pageFade .28s ease-out both}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics-kpi-grid>*,.dashboard-kpi-grid>*,.report-grid>*{animation:cardIn .34s ease-out both}.analytics-kpi-grid>:nth-child(2),.dashboard-kpi-grid>:nth-child(2),.report-grid>:nth-child(2){animation-delay:.05s}.analytics-kpi-grid>:nth-child(3),.dashboard-kpi-grid>:nth-child(3),.report-grid>:nth-child(3){animation-delay:.1s}.analytics-kpi-grid>:nth-child(4),.dashboard-kpi-grid>:nth-child(4),.report-grid>:nth-child(4){animation-delay:.15s}.analytics-kpi-grid>:nth-child(5),.dashboard-kpi-grid>:nth-child(5),.report-grid>:nth-child(5){animation-delay:.2s}.analytics-kpi-grid>:nth-child(n+6),.dashboard-kpi-grid>:nth-child(n+6),.report-grid>:nth-child(n+6){animation-delay:.25s}.mobile-card,.stat-card,.web-lead-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-card:hover{box-shadow:0 10px 26px #2ec4a01f;transform:translateY(-3px)}.web-lead-card:hover{box-shadow:0 10px 26px #2563eb1a;transform:translateY(-2px)}.btn{transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.btn:active{transform:scale(.97)}.filter-row button,.mode-switch button,.section-tabs button,.segmented-control button,.sidebar-link,.view-toggle button{transition:background .18s ease,color .18s ease,transform .12s ease}.filter-row button:active,.mode-switch button:active,.section-tabs button:active,.segmented-control button:active,.view-toggle button:active{transform:scale(.97)}.priority-badge,.status-badge,.status-chip{transition:background .25s ease,color .25s ease}td{transition:background .15s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.help-list{display:flex;flex-direction:column;gap:12px}.help-acc{overflow:hidden;padding:0}.help-summary{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:12px;justify-content:space-between;list-style:none;padding:16px 20px;-webkit-user-select:none;user-select:none}.help-summary::-webkit-details-marker{display:none}.help-summary-title{align-items:center;display:inline-flex;gap:10px}.help-summary-title svg{color:#14b8a6;color:var(--brand);flex-shrink:0}.help-summary:hover{background:#2ec4a00d}.help-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}details[open] .help-chevron{transform:rotate(180deg)}.help-points{color:var(--text);font-size:14px;line-height:1.55;margin:0;padding:4px 24px 18px 44px}.help-points li{margin-bottom:8px}.help-points li:last-child{margin-bottom:0}.help-points li::marker{color:#14b8a6;color:var(--brand)}details[open] .help-points{animation:helpReveal .22s ease-out}@keyframes helpReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.help-foot{border-left:3px solid #14b8a6;border-left:3px solid var(--brand);color:var(--text-muted);font-size:13px;line-height:1.5;margin-top:14px}