:root{--bg:#f5f5f7;--surface:#fff;--surface-muted:#f2f2f7;--surface-raised:#ffffffdb;--text:#1d1d1f;--text-muted:#6e6e73;--border:#d7d7dc;--accent:#007aff;--accent-strong:#0066d6;--accent-soft:#e8f2ff;--warning:#bf7b13;--warning-bg:#fff4d6;--danger:#d70015;--danger-soft:#fff0f0;--success-soft:#eaf8ef;--sidebar-bg:#ffffffc7;--sidebar-text:#1d1d1f;--sidebar-muted:#6e6e73;--sidebar-active-bg:#007aff1f;--sidebar-active-text:#005ecb;--row-hover:#fafafa;--input-bg:#fff;--overlay:#1212146b;--shadow:0 18px 45px #00000012;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#1c1c1e;--surface-muted:#2c2c2e;--surface-raised:#1c1c1ed1;--text:#f5f5f7;--text-muted:#a1a1a6;--border:#38383a;--accent:#0a84ff;--accent-strong:#409cff;--accent-soft:#0a84ff29;--warning:#ffd60a;--warning-bg:#ffd60a24;--danger:#ff453a;--danger-soft:#ff453a24;--success-soft:#30d15824;--sidebar-bg:#1c1c1ebd;--sidebar-text:#f5f5f7;--sidebar-muted:#a1a1a6;--sidebar-active-bg:#0a84ff2e;--sidebar-active-text:#fff;--row-hover:#242426;--input-bg:#1c1c1e;--overlay:#0000009e;--shadow:0 18px 45px #00000052}*{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}body{min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}#app{min-height:100svh}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--sidebar-bg);color:var(--sidebar-text);-webkit-backdrop-filter:blur(18px);flex-direction:column;gap:40px;padding:28px 22px;display:flex}.login-layout{place-items:center;min-height:100svh;padding:20px;display:grid}.login-panel{width:min(420px,100%)}.login-form-body{grid-template-columns:1fr}.brand-label,.eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.sidebar .brand-label{color:var(--sidebar-muted)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:0}h1{font-size:30px;line-height:1.1}h2{font-size:28px;line-height:1.15}h3{font-size:17px;line-height:1.2}.subtle{color:var(--text-muted);margin-top:8px}.nav-list{gap:22px;display:grid}.sidebar-brand-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);width:38px;min-height:38px;color:var(--sidebar-text);background:var(--surface-raised);border-radius:999px;place-items:center;display:inline-grid}.theme-toggle:hover{color:var(--accent);background:var(--accent-soft)}.sidebar-user{color:var(--sidebar-muted);gap:8px;margin-top:auto;font-size:13px;display:grid}.nav-group{gap:6px;display:grid}.nav-group-label{color:var(--sidebar-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;padding:0 12px;font-size:11px;font-weight:800}.nav-link,.mobile-tab{text-decoration:none}.nav-link{min-height:42px;color:var(--sidebar-muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.nav-link.active,.nav-link:hover{color:var(--sidebar-active-text);background:var(--sidebar-active-bg)}.logout-link{background:0 0;border:0;width:100%}.workspace{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.topbar-actions,.panel-actions{align-items:center;gap:8px;display:flex}.primary-action,.secondary-action,.text-action,.icon-action{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.primary-action,.secondary-action,.text-action{padding:0 14px}.icon-action{width:40px;color:var(--text);background:var(--surface);border-color:var(--border)}.primary-action{color:#fff;background:var(--accent)}.primary-action:hover{background:var(--accent-strong)}.secondary-action{color:var(--accent);background:var(--surface);border-color:var(--border)}.text-action{color:var(--accent);background:0 0}.danger-action{color:var(--danger)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--border);background:var(--surface);min-height:96px;box-shadow:var(--shadow);border-radius:8px;gap:4px;padding:18px;display:grid}.metric strong{font-size:28px;line-height:1}.metric span{color:var(--text-muted);font-size:14px}.content-grid,.detail-grid{gap:18px;display:grid}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr)}.orders-overview,.orders-by-status{gap:18px;display:grid}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.5fr)}.detail-grid .panel:first-child{grid-row:span 2}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:0 18px;display:flex}.table{display:grid}.table-row{border-bottom:1px solid var(--border);min-height:58px;color:var(--text);grid-template-columns:1.15fr 1fr 120px 110px 110px 90px;align-items:center;gap:14px;padding:0 18px;font-size:14px;text-decoration:none;display:grid}.order-status-section{border-bottom:1px solid var(--border);display:grid}.order-status-section:last-child{border-bottom:0}.order-status-header{background:var(--row-hover);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 18px;display:flex}.order-status-header h4{margin:0;font-size:15px}.order-status-header span{min-width:32px;min-height:28px;color:var(--accent);background:var(--accent-soft);border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.order-table-row{grid-template-columns:minmax(160px,1.1fr) minmax(220px,1.4fr) 110px 110px 100px}.table-row:last-child{border-bottom:0}.table-link:hover{background:var(--row-hover)}.table-head{min-height:42px;color:var(--text-muted);background:var(--surface-muted);text-transform:uppercase;font-size:12px;font-weight:700}mark{min-height:28px;color:var(--warning);background:var(--warning-bg);border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.photo-summary{padding:18px;display:grid}.photo-row{border-bottom:1px solid var(--border);min-height:44px;color:var(--text-muted);grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.photo-row:last-child{border-bottom:0}.photo-row strong{min-width:34px;min-height:28px;color:var(--accent);background:var(--accent-soft);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.stack-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.stack-list li,.billing-summary{border-bottom:1px solid var(--border);padding:14px 18px}.stack-list li{gap:4px;display:grid}.stack-list small{color:var(--text-muted);font-size:13px}.editable-line-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.editable-line-item>span{gap:4px;min-width:0;display:grid}.stack-list li:last-child{border-bottom:0}.empty-row{color:var(--text-muted)}.billing-summary{grid-template-columns:1fr auto;gap:12px;display:grid}.billing-actions{flex-wrap:nowrap}.billing-value-with-action{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:inline-flex}.inline-bank-refresh{flex:none;width:34px;min-height:34px}.qr-summary{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;display:flex}.qr-summary .text-action,.panel-actions .text-action{white-space:nowrap}.qr-summary img{width:140px;height:140px;display:block}.detail-form{border-top:1px solid var(--border);background:var(--surface-muted);grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px 18px;display:grid}.detail-form .field textarea{min-height:76px}.handover-modal{grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100%);max-height:min(820px,100svh - 40px);display:grid}.handover-body{grid-template-columns:1fr 1fr;gap:16px;padding:18px;display:grid;overflow-y:auto}.handover-summary{border:1px solid var(--border);border-radius:8px;grid-column:1/-1;padding:0}.qr-payment-preview{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;align-items:center;gap:16px;padding:14px;display:flex}.qr-payment-preview img{width:180px;height:180px;display:block}.photos-panel{grid-column:1/-1}.photo-upload-row{border-bottom:1px solid var(--border);background:var(--surface-muted);padding:16px 18px}.collage-tools{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(150px,190px) auto auto;align-items:end;gap:12px;padding:16px 18px;display:grid}.collage-tool-title{min-height:40px;color:var(--accent);align-items:center;gap:8px;display:flex}.collage-tool-title small{color:var(--text-muted);font-size:12px;font-weight:700}.compact-field{gap:4px}.collage-modal{grid-template-rows:auto minmax(0,1fr) auto;width:min(1040px,100%);max-height:calc(100dvh - 40px);display:grid}.email-preview-modal{grid-template-rows:auto auto minmax(0,1fr) auto;width:min(900px,100%);height:calc(100dvh - 40px);display:grid}.email-preview-meta{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 18px;display:grid}.email-preview-meta div{gap:4px;display:grid}.email-preview-meta span{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:800}.email-preview-frame{background:var(--bg);border:0;width:100%;height:100%}.instagram-photo-picker{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.instagram-photo-choice{border:1px solid var(--border);color:var(--text);background:var(--input-bg);text-align:left;border-radius:8px;gap:6px;padding:8px;display:grid;position:relative}.instagram-photo-choice.active{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);cursor:grab}.instagram-photo-choice.dragging{opacity:.45}.instagram-photo-choice img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.instagram-photo-choice small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.instagram-order-badge{color:#fff;background:var(--accent);border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:13px;font-weight:800;display:inline-flex;position:absolute;top:14px;left:14px}.collage-modal-body{-webkit-overflow-scrolling:touch;overflow-y:auto}.collage-editor{border-bottom:1px solid var(--border);gap:10px;padding:18px;display:grid}.collage-preview-shell{border:1px solid var(--border);background:var(--surface-muted);align-self:start;place-items:center;padding:10px;display:grid}.collage-preview-frame{width:min(100%,460px);position:relative}.collage-preview{object-fit:contain;background:var(--surface-muted);width:100%;max-height:460px;display:block}.collage-drag-cell{cursor:grab;touch-action:none;background:0 0;border:1px solid #ffffffa6;position:absolute}.collage-drag-cell:active{cursor:grabbing}.collage-drag-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.collage-drag-hint{color:var(--text-muted);text-align:center;margin:0;font-size:13px;font-weight:700}.collage-picker-grid{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:18px;display:grid}.collage-picker-photo{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface);text-align:left;border-radius:8px;gap:7px;padding:7px;display:grid}.collage-picker-photo.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent-soft)}.collage-picker-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%;display:block}.collage-picker-photo span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:18px;display:grid}.service-photo{gap:8px;margin:0;display:grid;position:relative}.collage-select{z-index:1;color:#fff;background:#1219149e;border:1px solid #ffffffd1;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 6px 16px #1219142e}.collage-select.selected{color:var(--accent);background:#ffffffeb}.collage-select input{width:14px;height:14px;accent-color:var(--accent);margin:0}.photo-thumb{aspect-ratio:4/3;border:1px solid var(--border);background:var(--surface-muted);cursor:zoom-in;border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.service-photo img{object-fit:cover;width:100%;height:100%;display:block}.service-photo figcaption{gap:8px;min-width:0;display:grid}.service-photo figcaption small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:12px;overflow:hidden}.photo-actions{gap:8px;display:flex}.inline-photo-thumb{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;width:46px;height:46px;padding:0;display:block;overflow:hidden}.inline-photo-spacer{width:46px;height:46px}.inline-photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.main-photo-box{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:end;gap:16px;display:grid}.main-photo-preview{aspect-ratio:4/3;border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);border-radius:8px;place-items:center;font-weight:700;display:grid;overflow:hidden}.main-photo-preview img{object-fit:cover;width:100%;height:100%}.main-photo-actions{gap:10px;display:flex}.gallery-picker{border:1px solid var(--border);border-radius:8px;overflow:hidden}.gallery-picker .photo-grid{max-height:360px;overflow-y:auto}.gallery-group-list{display:grid}.gallery-group{border-top:1px solid var(--border);gap:4px;display:grid}.gallery-group h4{letter-spacing:0;margin:0;padding:14px 18px 0;font-size:15px}.photo-thumb:disabled{cursor:default;opacity:.6}.selected-photo-label{color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.lightbox{z-index:30;background:#080d0ad1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.lightbox-content{gap:12px;width:min(100%,1040px);margin:0;display:grid;position:relative}.lightbox-content img{object-fit:contain;background:#0b100d;border-radius:8px;width:100%;max-height:calc(100svh - 160px);display:block}.lightbox-content figcaption{color:#fff;gap:4px;display:grid}.lightbox-content figcaption small{color:#cbd7d0}.lightbox-close,.lightbox-prev,.lightbox-next{z-index:31;color:#fff;background:#ffffff1f;border-color:#ffffff3d;position:fixed}.lightbox-close{top:20px;right:20px}.lightbox-prev{top:50%;left:20px;transform:translateY(-50%)}.lightbox-next{top:50%;right:20px;transform:translateY(-50%)}.spinner{border:4px solid #ffffff47;border-top-color:#fff;border-radius:999px;width:42px;height:42px;margin:-21px 0 0 -21px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.setup-panel{grid-column:1/-1}.setup-body{gap:16px;padding:18px;display:grid}.setup-intro{min-height:42px;color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}.setup-relief{max-width:240px}.setup-table{border:1px solid var(--border);border-radius:8px;display:grid;overflow-x:auto}.setup-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(92px,.45fr) repeat(3,minmax(110px,.65fr));align-items:center;gap:10px;min-width:620px;min-height:58px;padding:9px 12px;display:grid}.setup-row:last-child{border-bottom:0}.setup-head{min-height:42px;color:var(--text-muted);background:var(--surface-muted);text-transform:uppercase;font-size:12px;font-weight:700}.setup-row input{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);background:var(--input-bg);font:inherit;border-radius:8px;padding:8px 10px}.setup-cell{gap:4px;display:grid}.setup-cell small,.setup-relief small{min-height:16px;color:var(--text-muted);font-size:12px}.string-height-label{grid-template-columns:28px 22px;align-items:center;gap:8px;display:grid}.string-dot{width:var(--string-size);height:var(--string-size);border:2px solid var(--text-muted);background:var(--surface);border-radius:999px;justify-self:center}.text-action:disabled{cursor:default;opacity:.45}.primary-action:disabled,.secondary-action:disabled{cursor:default;opacity:.5}.modal-backdrop{z-index:20;background:var(--overlay);-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal-panel{border:1px solid var(--border);background:var(--surface);min-height:0;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.dialog-backdrop{align-items:center}.dialog-panel{grid-template-columns:auto minmax(0,1fr);gap:16px;width:min(440px,100%);padding:18px;display:grid}.dialog-icon{width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:999px;place-items:center;display:grid}.dialog-icon.danger{color:var(--danger);background:var(--danger-soft)}.dialog-content{gap:8px;min-width:0;padding-top:2px;display:grid}.dialog-content p{color:var(--text-muted);line-height:1.45}.dialog-actions{border-top:0;grid-column:1/-1;padding:2px 0 0}.editor-modal{-webkit-overflow-scrolling:touch;width:min(820px,100%);height:auto;max-height:calc(100dvh - 40px);overflow-y:auto}.editor-modal-body{min-height:0;overflow:visible}.editor-detail{gap:18px;padding:18px;display:grid}.detail-list{gap:10px;display:grid}.detail-line{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:14px;min-height:42px;padding:10px 12px;display:grid}.detail-line span{color:var(--text-muted);font-size:13px;font-weight:700}.detail-line strong,.detail-line p{overflow-wrap:anywhere;min-width:0;margin:0}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.order-wizard{grid-template-rows:auto auto minmax(0,1fr) auto;width:min(760px,100%);max-height:min(760px,100svh - 40px);display:grid}.wizard-steps{border-bottom:1px solid var(--border);background:var(--surface-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 18px;display:grid}.wizard-steps button,.segmented-control button{border:1px solid var(--border);min-height:38px;color:var(--text-muted);background:var(--surface);border-radius:8px;font-weight:700}.wizard-steps button.active,.segmented-control button.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.wizard-steps button:disabled,.segmented-control button:disabled{cursor:default;opacity:.45}.wizard-body{gap:16px;padding:18px;display:grid;overflow-y:auto}.wizard-form{padding:0}.wizard-search-field{min-width:0;margin-bottom:8px}.choice-list{border:1px solid var(--border);background:var(--input-bg);border-radius:8px;max-height:360px;display:grid;overflow-y:auto}.choice-row{border:0;border-bottom:1px solid var(--border);width:100%;min-height:58px;color:var(--text);text-align:left;background:0 0;gap:4px;padding:10px 12px;display:grid}.choice-row:last-child{border-bottom:0}.choice-row:hover,.choice-row.active{background:var(--accent-soft)}.choice-row small,.selected-choice{color:var(--text-muted);font-size:13px}.selected-choice{margin:0}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.wizard-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.customer-layout,.service-items-layout,.item-models-layout,.materials-layout,.stock-layout,.task-templates-layout{grid-template-columns:1fr;gap:18px;display:grid}.customer-detail-column,.stock-detail-column,.service-items-layout .customer-form,.item-models-layout .customer-form,.materials-layout .customer-form,.task-templates-layout .customer-form{align-self:start;max-height:calc(100svh - 40px);position:sticky;top:20px;overflow-y:auto}.customer-detail-column,.stock-detail-column{gap:18px;display:grid}.customer-search{align-items:center}.gear-list-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.gear-type-filter{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;align-items:center;gap:4px;padding:3px;display:inline-flex}.gear-type-filter button{min-height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.gear-type-filter button.active{color:var(--accent);background:var(--surface)}.search-field{border:1px solid var(--border);min-width:260px;min-height:38px;color:var(--text-muted);background:var(--surface-muted);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.compact-search-field{min-width:0}.compact-input{min-width:160px}.compact-input input{max-width:100px}.search-field input,.field input,.field textarea,.field select,.inline-form select{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.search-field input::placeholder{color:var(--text-muted)}.customer-list{display:grid}.pagination-controls{border-top:1px solid var(--border);min-height:58px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:13px;display:flex}.pagination-controls div{align-items:center;gap:8px;display:inline-flex}.pagination-controls strong{color:var(--text);white-space:nowrap;font-size:13px}.pagination-controls .icon-action{width:34px;min-height:34px}.pagination-controls .icon-action:disabled{cursor:default;opacity:.45}.upload-status{border:1px solid var(--border);background:var(--accent-soft);color:var(--text);border-radius:8px;gap:7px;margin:12px 0;padding:12px 14px;display:grid}.upload-status.compact{align-items:center;gap:8px;width:fit-content;margin:0;padding:8px 10px;font-size:13px;display:inline-flex}.topbar-upload-status{min-height:38px}.upload-status-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.upload-status small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-progress{background:var(--surface-muted);border-radius:999px;height:7px;overflow:hidden}.upload-progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width .16s;display:block}.upload-spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:999px;width:14px;height:14px;animation:.7s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}.customer-row{border:0;border-bottom:1px solid var(--border);width:100%;min-height:70px;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 18px;display:grid}.customer-row:hover,.customer-row.active{background:var(--row-hover)}.customer-row.active{box-shadow:inset 3px 0 0 var(--accent)}.customer-row span:first-child{gap:4px;min-width:0;display:grid}.gear-row{grid-template-columns:auto minmax(0,1fr) auto auto}.gear-row .inline-photo-thumb+span,.gear-row .inline-photo-spacer+span{gap:4px;min-width:0;display:grid}.customer-row strong,.customer-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-row small,.customer-meta{color:var(--text-muted);font-size:13px}.customer-meta{white-space:nowrap}.row-action{white-space:nowrap;min-height:34px;padding:0 10px}.row-action:disabled{cursor:default;opacity:.45}.customer-meta.muted{color:#9ca3a2}.customer-meta.warning{color:#9a5b10}.user-badges{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.status-pill{min-height:28px;color:var(--accent);background:var(--surface-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.empty-message{color:var(--text-muted);padding:20px 18px}.status-message{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;margin:0;padding:12px 14px}.status-message.error{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.panel-status{margin:0 18px 18px}.form-body{grid-template-columns:1fr 1fr;gap:16px;padding:18px;display:grid}.field{gap:7px;display:grid}.field span{color:var(--text-muted);font-size:13px;font-weight:700}.field input,.field textarea,.field select,.inline-form select{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--input-bg);border-radius:8px;padding:9px 11px}.field-with-action{align-items:center;gap:8px;display:flex}.field-with-action input{min-width:0}.field-with-action .secondary-action{flex:none;min-height:42px}.field textarea{resize:vertical;min-height:140px}.field-full{grid-column:1/-1}.customer-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.customer-facts div{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:5px;min-height:78px;padding:14px;display:grid}.customer-facts span{color:var(--text-muted);font-size:12px;font-weight:700}.toggle-field{min-height:42px;color:var(--text);align-items:center;gap:10px;display:inline-flex}.toggle-field input{width:18px;height:18px;accent-color:var(--accent)}.supplier-grid{grid-template-columns:1fr;gap:18px;padding:18px;display:grid}.supplier-list,.supplier-form{gap:10px;display:grid}.supplier-row{border:1px solid var(--border);min-height:58px;color:var(--text);background:var(--input-bg);text-align:left;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.supplier-row small{color:var(--text-muted)}.item-list{display:grid}.service-item-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;min-height:68px;padding:14px 18px;display:grid}.customer-item-preview{width:min(280px,100%)}.service-item-row span{gap:3px;display:grid}.service-item-row small,.service-item-row p{color:var(--text-muted)}.service-item-row p{grid-column:1/-1;font-size:14px}.assignment-box{border-top:1px solid var(--border);gap:12px;padding:18px;display:grid}.assignment-box h4{letter-spacing:0;margin:0;font-size:15px}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.compact-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.placeholder-page,.empty-state{align-content:center;min-height:280px;padding:28px;display:grid}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.catalog-link{min-height:72px;color:var(--text);align-items:center;gap:12px;padding:18px;font-weight:800;text-decoration:none;display:flex}.mobile-tabbar{display:none}@media (width<=920px){.app-shell{padding-bottom:116px;display:block}.sidebar{display:none}.workspace{padding:8px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{flex-wrap:wrap;align-items:stretch;width:100%}.primary-action,.secondary-action{flex:auto}.detail-topbar .topbar-actions>button{flex:138px;min-width:0}.stats-grid,.content-grid,.detail-grid,.customer-layout,.service-items-layout,.item-models-layout,.materials-layout,.stock-layout,.task-templates-layout{grid-template-columns:1fr}.detail-grid .panel:first-child{grid-row:auto}.customer-detail-column,.stock-detail-column,.item-models-layout .customer-form,.materials-layout .customer-form,.task-templates-layout .customer-form{max-height:none;position:static;overflow:hidden}.customer-list,.service-items-list{max-height:none;overflow:visible}.supplier-list{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:330px;overflow-y:auto}.item-list{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:340px;overflow-y:auto}.table{overflow-x:auto}.table-row{min-width:760px}.mobile-tabbar{z-index:10;border-top:1px solid var(--border);background:var(--surface-raised);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:52px;min-height:104px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tab{min-width:0;min-height:52px;color:var(--text-muted);background:0 0;border:0;align-content:center;place-items:center;padding:6px 4px;font-size:11px;display:grid}.mobile-tab span{display:none}.mobile-tab.active,.add-tab,.theme-mobile-tab{color:var(--accent)}.logout-mobile-tab{color:var(--danger)}.customer-search{flex-direction:column;align-items:stretch;gap:14px;min-height:auto;padding:16px 18px 18px}.gear-list-tools{grid-template-columns:1fr;justify-content:stretch;display:grid}.gear-type-filter{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.gear-type-filter button{padding:0 6px}.search-field{min-width:0;min-height:44px}.panel-actions{flex-wrap:wrap;justify-content:flex-end}.billing-actions{grid-template-columns:repeat(2,minmax(0,auto));justify-content:end;gap:8px;display:grid}.panel-actions .text-action{min-height:38px;padding:0 10px}.inline-form,.compact-form,.wizard-actions,.supplier-grid{grid-template-columns:1fr}.wizard-actions{display:grid}}@media (width<=560px){h2{font-size:24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:86px;padding:14px}.customer-row{grid-template-columns:1fr;align-items:start;gap:6px;padding:12px 18px}.gear-row{grid-template-columns:auto minmax(0,1fr) auto}.gear-row .customer-meta{grid-column:2}.form-body,.customer-facts,.detail-line,.main-photo-box,.collage-tools,.collage-editor,.handover-body,.wizard-steps,.segmented-control{grid-template-columns:1fr}.field-with-action{flex-direction:column;align-items:stretch}.modal-backdrop{padding:10px}}