:root{--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg: #f5f6f8;--surface: #ffffff;--surface-2: #f9fafb;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-2: #374151;--muted: #6b7280;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eff4ff;--primary-border: #c7d7fe;--danger: #dc2626;--danger-soft: #fef2f2;--success: #16a34a;--success-soft: #f0fdf4;--warn-bg: #fffbeb;--warn-border: #fde68a;--warn-fg: #92400e;--sidebar-bg: #0f172a;--sidebar-text: #cbd5e1;--sidebar-muted: #64748b;--sidebar-active: #1e293b;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .14);font-family:var(--font);line-height:1.5;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;margin:0}*{box-sizing:border-box}body{min-width:320px;background:var(--bg)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--text);letter-spacing:-.01em}code{font-size:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 4px}.layout{display:grid;grid-template-columns:248px 1fr;height:100vh}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;min-height:0;overflow-y:auto;z-index:40}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;color:#fff}.sidebar-brand .logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;flex:none;overflow:hidden}.sidebar-brand .logo-mark img{width:100%;height:100%;object-fit:contain;background:#fff}.sidebar-brand .name{font-weight:700;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand .sub{font-size:11px;color:var(--sidebar-muted)}.sidebar-section{padding:10px 10px 0}.sidebar-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-muted);padding:8px 10px 4px}.side-link{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--sidebar-text);font:inherit;font-size:14px;cursor:pointer;text-align:left}.side-link:hover{background:#ffffff0f;color:#fff;text-decoration:none}.side-link.active{background:var(--sidebar-active);color:#fff;box-shadow:inset 3px 0 #3b82f6}.side-link svg{width:18px;height:18px;flex:none;opacity:.85}.side-link .count{margin-left:auto;background:#334155;color:#e2e8f0;border-radius:999px;font-size:11px;padding:0 7px}.sidebar-footer{margin-top:auto;padding:14px 18px;font-size:11px;color:var(--sidebar-muted)}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:56px;flex:none;display:flex;align-items:center;gap:8px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .spacer{flex:1}.content{flex:1;min-height:0;overflow:auto}.sidebar-backdrop{display:none}.layout{transition:grid-template-columns .18s ease}.layout.collapsed{grid-template-columns:68px 1fr}.layout.collapsed .sidebar .label,.layout.collapsed .sidebar-section-title,.layout.collapsed .sidebar-brand>div,.layout.collapsed .sidebar-footer{display:none}.layout.collapsed .sidebar-brand{justify-content:center;padding:18px 0 12px}.layout.collapsed .sidebar-section{padding:6px 10px 0}.layout.collapsed .sidebar-section+.sidebar-section{border-top:1px solid #1e293b;margin-top:6px;padding-top:8px}.layout.collapsed .side-link{justify-content:center;padding:10px 0}.layout.collapsed .side-link svg{width:20px;height:20px}.page{padding:24px 28px 40px;max-width:1440px;margin:0 auto}.page.narrow{max-width:980px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-header h1{margin:0;font-size:22px;font-weight:700}.page-header .desc{margin:4px 0 0;color:var(--muted);font-size:14px;max-width:760px}.page-header .back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:6px}.page-header .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.page h2{font-size:18px;margin:0 0 12px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;background:var(--surface);box-shadow:var(--shadow-sm)}.card>h3{margin-top:0;font-size:15px}.card h3{font-size:15px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.card-head h3{margin:0}.card.flush{padding:0;overflow:hidden}.card-section{padding:16px;border-top:1px solid var(--border)}.card-section:first-child{border-top:none}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stack{display:grid;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;font:inherit;font-size:14px;font-weight:500;color:var(--text-2);white-space:nowrap;box-shadow:var(--shadow-sm);transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--surface-2);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.block{width:100%}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-hover)}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:#fecaca}.btn.danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{border-color:transparent;background:transparent;box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--surface-2)}.btn.small{padding:4px 10px;font-size:13px;border-radius:7px}.field{display:block;font-size:13px;font-weight:500;color:var(--text-2)}.field>.control{margin-top:6px}.field .hint,.hint{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:4px}.control{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border-strong);font:inherit;font-size:14px;background:var(--surface);color:var(--text);transition:border-color .12s,box-shadow .12s}.control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.control:disabled{background:var(--surface-2);color:var(--muted)}textarea.control{resize:vertical}.check{display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer;color:var(--text-2);font-weight:400}.check input{width:16px;height:16px;accent-color:var(--primary)}.muted{color:var(--muted);font-size:13px}.error{color:var(--danger);font-size:13px}.notice{font-size:13px;color:var(--warn-fg);background:var(--warn-bg);border:1px solid var(--warn-border);padding:10px 12px;border-radius:8px}.info{font-size:13px;color:#1e3a8a;background:var(--primary-soft);border:1px solid var(--primary-border);padding:10px 12px;border-radius:8px}.success{font-size:13px;color:#166534;background:var(--success-soft);border:1px solid #bbf7d0;padding:10px 12px;border-radius:8px}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid var(--border);background:#f3f4f6;color:#374151;vertical-align:middle;white-space:nowrap}.badge.DRAFT{background:#fef3c7;border-color:#fde68a;color:#92400e}.badge.PUBLISHED{background:#dcfce7;border-color:#bbf7d0;color:#166534}.badge.ARCHIVED{background:#f3f4f6;color:#6b7280}.badge.inactive{background:#fee2e2;border-color:#fecaca;color:#991b1b}.badge.blue{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.badge.purple{background:#ede9fe;border-color:#ddd6fe;color:#5b21b6}.badge.green{background:#dcfce7;border-color:#bbf7d0;color:#166534}.list{display:grid;gap:8px}.list-item{padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.list-item.selected{border-color:var(--primary-border);background:var(--primary-soft)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:12px;color:var(--muted);font-weight:600;background:var(--surface-2);white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover td{background:#f8fafc}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.card.flush .table th:first-child,.card.flush .table td:first-child{padding-left:16px}.card.flush .table th:last-child,.card.flush .table td:last-child{padding-right:16px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px;flex-wrap:wrap}.tab{padding:9px 14px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;cursor:pointer;font:inherit;font-size:14px;font-weight:500;color:var(--muted)}.tab:hover{color:var(--text)}.tab.active{border-bottom-color:var(--primary);color:var(--primary)}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border)}.toolbar .control{width:auto}.toolbar>div>.control,.filter-bar .control{width:100%;min-width:0;text-overflow:ellipsis}.toolbar .search{min-width:220px;flex:1;max-width:320px}.empty{text-align:center;padding:40px 16px;color:var(--muted)}.empty .empty-title{font-weight:600;color:var(--text);margin-bottom:4px;font-size:15px}.empty .empty-icon{font-size:28px;margin-bottom:8px;opacity:.6}.avatar{width:32px;height:32px;border-radius:999px;background:#e0e7ff;color:#3730a3;font-weight:700;font-size:12px;display:inline-grid;place-items:center;flex:none}.person{display:flex;align-items:center;gap:10px}.person .who{line-height:1.25}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);display:block;color:inherit}a.stat:hover{border-color:var(--primary-border);text-decoration:none}.stat .label{font-size:13px;color:var(--muted);font-weight:500}.stat .value{font-size:28px;font-weight:700;margin-top:4px;letter-spacing:-.02em;color:var(--text)}.stat .foot{font-size:12px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;z-index:100;display:grid;place-items:center;padding:16px}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column}.modal.wide{width:min(820px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:16px}.modal-body{padding:20px;overflow:auto;display:grid;gap:14px}.modal-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}.settings-nav{display:grid;gap:2px;position:sticky;top:0}.settings-nav button{text-align:left;padding:8px 12px;border-radius:8px;border:none;background:none;font:inherit;font-size:14px;color:var(--text-2);cursor:pointer;white-space:nowrap}.settings-nav button:hover{background:var(--surface)}.settings-nav button.active{background:var(--surface);color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.setting-row{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--border)}.setting-row:first-of-type{border-top:none;padding-top:4px}.setting-row .label{font-weight:600;font-size:14px}.setting-row .label .hint{font-weight:400}.kv{display:grid;grid-template-columns:180px 1fr;gap:8px 16px;font-size:14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.login-hero{background:radial-gradient(1200px 600px at 0% 0%,#1e3a8a,#0f172a 60%);color:#e2e8f0;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.login-hero h1{color:#fff;font-size:32px;line-height:1.2;margin:0 0 12px;max-width:460px}.login-hero p{color:#94a3b8;max-width:440px}.login-hero ul{padding:0;list-style:none;display:grid;gap:10px;color:#cbd5e1;font-size:14px}.login-form-wrap{display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:380px}.login-card h2{font-size:22px;margin:0}.license-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 20px;font-size:13px;border-bottom:1px solid var(--warn-border);background:var(--warn-bg);color:var(--warn-fg)}.license-banner.evaluation,.license-banner.licensed{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.license-banner.readOnly{background:#fee2e2;border-color:#fecaca;color:#991b1b}.setup-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px;color:#64748b;font-size:15px}.setup-steps li.current{color:#fff;font-weight:600}.setup-steps li.done{color:#cbd5e1}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.bell-wrap{position:relative}.icon-btn-round{position:relative;width:36px;height:36px;border-radius:999px;border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--text-2)}.icon-btn-round:hover{background:var(--surface-2)}.icon-btn-round svg{width:20px;height:20px}.bell-count{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;line-height:13px;text-align:center;border:2px solid var(--surface)}.user-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid transparent;background:none;cursor:pointer;font:inherit;font-size:14px;color:var(--text-2)}.user-btn:hover{background:var(--surface-2)}.dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg)}.bell-dropdown{width:min(400px,calc(100vw - 24px))}.account-dropdown{width:260px;padding:6px}.menu-item{display:flex;width:100%;padding:8px 10px;border:none;background:none;border-radius:8px;font:inherit;font-size:14px;color:var(--text-2);cursor:pointer;text-align:left}.menu-item:hover{background:var(--surface-2);text-decoration:none}.menu-sep{height:1px;background:var(--border);margin:6px 0}.bell-list{max-height:60vh;overflow:auto}.bell-item{display:grid;grid-template-columns:24px 1fr;gap:8px;width:100%;text-align:left;padding:10px 12px;border:none;border-bottom:1px solid #f3f4f6;background:var(--surface);font:inherit;font-size:13px;color:inherit;cursor:pointer}.bell-item:hover{background:#f8fafc}.bell-item.unread{background:var(--primary-soft)}.bell-item.unread .bell-title{font-weight:600}.bell-count.quiet{background:var(--text-3, #94a3b8)}.bell-tabs{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid var(--border)}.bell-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border:none;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--text-2);cursor:pointer}.bell-tabs button:hover{background:var(--surface-2)}.bell-tabs button.active{background:var(--surface-2);color:var(--text);font-weight:600}.bell-tab-count{min-width:18px;padding:0 6px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:18px}.bell-tab-count.quiet{background:none;color:var(--text-3, #94a3b8);font-weight:500;padding:0}.bell-item.needs-me{box-shadow:inset 3px 0 0 var(--danger)}.bell-icon{font-size:14px;text-align:center}.bell-title,.bell-body{display:block}.bell-body{color:var(--text-2);margin:2px 0;overflow-wrap:anywhere}.editor{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.editor-panel{min-width:0;display:grid;gap:16px}.viewer{position:sticky;top:16px;height:340px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:linear-gradient(#fafbff,#eef2f7)}.viewer-toolbar{position:absolute;z-index:10;top:12px;left:12px;display:flex;gap:4px;background:#ffffffeb;border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:var(--shadow-sm)}.seg{padding:5px 12px;border-radius:7px;border:none;background:none;font:inherit;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer}.seg.active{background:var(--primary);color:#fff}.form-render{display:grid;gap:14px}.form-section{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--surface)}.form-section h4{margin:0 0 6px}.form-field{display:grid;gap:6px;padding:10px 0;border-top:1px solid #f3f4f6;font-size:14px}.form-label{font-weight:500}.form-label .req,.check .req{color:var(--danger)}.form-instruction{padding:8px 10px;margin:6px 0;border-left:3px solid #93c5fd;background:var(--primary-soft);font-size:14px;border-radius:4px}.btn.pf.pass.on{background:var(--success);border-color:var(--success);color:#fff}.btn.pf.fail.on{background:var(--danger);border-color:var(--danger);color:#fff}.signature-pad{width:100%;max-width:400px;height:120px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface);touch-action:none}.editor-field{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-2)}.editor-section{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--surface)}.icon-btn{padding:2px 8px;font-size:13px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;line-height:1.5}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.split{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px;align-items:start}.pdf-frame{width:100%;height:75vh;border:1px solid var(--border);border-radius:8px}.phase-steps{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.phase-step{flex:1 0 170px;text-align:left;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font:inherit;font-size:13px;color:inherit;cursor:pointer;border-top-width:4px;box-shadow:var(--shadow-sm)}.phase-step.selected{box-shadow:0 0 0 2px var(--primary-border)}.phase-step-title{font-weight:600;font-size:14px}.phase-step-status{font-weight:500}.phase-step.phase-PENDING{border-top-color:#d1d5db;color:var(--muted)}.phase-step.phase-READY{border-top-color:#f59e0b}.phase-step.phase-ACTIVE{border-top-color:var(--primary)}.phase-step.phase-COMPLETED{border-top-color:var(--success)}.badge.phase-READY{background:#fef3c7;border-color:#fde68a;color:#92400e}.badge.phase-ACTIVE{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.badge.phase-COMPLETED,.badge.build-COMPLETED{background:#dcfce7;border-color:#bbf7d0;color:#166534}.badge.build-IN_PROGRESS{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.badge.build-READY_FOR_QC,.badge.build-IN_QC{background:#ede9fe;border-color:#ddd6fe;color:#5b21b6}.badge.build-CANCELLED{background:#fee2e2;border-color:#fecaca;color:#991b1b}.slot{border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:grid;gap:6px;background:var(--surface)}.slot.installed{background:var(--success-soft);border-color:#d1fadf}.install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;align-items:end}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.photo-card{border:1px solid var(--border);border-radius:var(--radius);padding:8px;display:grid;gap:4px;font-size:13px;background:var(--surface)}.photo-card.defect{border-color:#fca5a5;background:#fff7f7}.photo-card img{width:100%;height:120px;object-fit:cover;border-radius:6px;display:block}.rework-info{border:1px solid var(--warn-border);background:var(--warn-bg);border-radius:var(--radius);padding:12px;display:grid;gap:4px;font-size:14px}.rework-info.resolved{border-color:#bbf7d0;background:var(--success-soft)}.rework-dialog{border-color:#fca5a5}.badge.qc-IN_PROGRESS{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.badge.qc-INSPECTOR_SIGNED{background:#ede9fe;border-color:#ddd6fe;color:#5b21b6}.badge.qc-APPROVED{background:#dcfce7;border-color:#bbf7d0;color:#166534}.badge.qc-REWORK_REQUESTED,.badge.qc-REJECTED{background:#fee2e2;border-color:#fecaca;color:#991b1b}@media(max-width:1100px){.editor{grid-template-columns:1fr}.viewer{position:relative;top:0;height:280px;order:-1}}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:var(--shadow-lg)}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:#0f172a66;z-index:30}.topbar{padding:0 12px}.layout.collapsed{grid-template-columns:1fr}.layout.collapsed .sidebar .label,.layout.collapsed .sidebar-section-title{display:revert}.layout.collapsed .sidebar-brand>div{display:block}.layout.collapsed .sidebar-brand{justify-content:flex-start;padding:18px 18px 14px}.layout.collapsed .side-link{justify-content:flex-start;padding:8px 10px}.layout.collapsed .sidebar-section+.sidebar-section{border-top:none;margin-top:0;padding-top:0}.page{padding:16px 14px 32px}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto;position:static}.setting-row{grid-template-columns:1fr;gap:8px}.login-wrap{grid-template-columns:1fr}.login-hero{display:none}.grid-cards,.split{grid-template-columns:1fr!important}.grid-3,.kv{grid-template-columns:1fr}.user-btn .user-name{display:none}.dropdown{position:fixed;right:12px;top:60px}}@media(max-width:560px){.grid-2{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:12px}.stat .value{font-size:22px}}.worker-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2, #f8fafc)}.worker-bar.on{border-color:#bbf7d0;background:var(--success-soft)}.worker-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;flex:none}.worker-bar.on .worker-dot{background:var(--success);box-shadow:0 0 0 4px #16a34a26}.stage-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500}.stage-dot{width:8px;height:8px;border-radius:50%;flex:none}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 16px;margin:0}.facts dt{font-size:12px;color:var(--muted)}.facts dd{margin:2px 0 0;font-size:14px;word-break:break-word}.section-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.seg{display:flex;flex-wrap:wrap;gap:4px}.seg button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 10px;font-size:13px;cursor:pointer;color:var(--text)}.seg button.active{background:var(--primary-soft, #eff6ff);border-color:var(--primary);color:var(--primary);font-weight:600}.activity{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.activity input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex:none}.activity.done .activity-subject{color:var(--muted)}.activity.done input+div .activity-subject{text-decoration:line-through}.activity.overdue{border-color:#fecaca;background:var(--danger-soft)}.activity-icon{width:16px;text-align:center;flex:none}.activity-subject{font-weight:500}.activity-desc{font-size:13px;color:var(--text-2);white-space:pre-wrap;margin-top:2px}.overdue-text{color:var(--danger);font-weight:600}.lines-table{min-width:680px}.lines-table .control{padding:5px 8px;min-width:60px}.control.num{text-align:right}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start}.kanban-col{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:calc(100vh - 230px);min-height:160px}.kanban-col.drop{border-color:var(--primary);background:var(--primary-soft, #eff6ff)}.kanban-head{padding:10px 12px;border-bottom:1px solid var(--border)}.kanban-head .title{display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:600}.kanban-head .sub{font-size:12px;color:var(--muted);margin-top:2px}.kanban-body{padding:8px;display:grid;gap:8px;overflow-y:auto;align-content:start;flex:1}.deal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;cursor:grab;box-shadow:var(--shadow-sm)}.deal-card:hover{border-color:var(--primary-border, #bfdbfe)}.deal-card.dragging{opacity:.4}.deal-card .name{font-weight:600;font-size:13.5px}.deal-card .meta{font-size:12px;color:var(--muted);margin-top:3px}.deal-card .amount{font-weight:700;margin-top:6px}.stage-track{display:flex;gap:3px;flex-wrap:wrap}.stage-track button{flex:1 1 110px;border:1px solid var(--border);background:var(--surface-2);padding:8px 6px;font-size:12.5px;cursor:pointer;color:var(--text-2);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%)}.stage-track button.past{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.stage-track button.current{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.stage-track button.won{background:var(--success);color:#fff}.stage-track button.lost{background:var(--danger);color:#fff}.bar-row{display:grid;grid-template-columns:140px 1fr auto;gap:10px;align-items:center;font-size:13px}.bar{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.bar>span{display:block;height:100%;background:var(--primary);border-radius:999px}.forecast{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;align-items:end;height:190px;padding-top:8px}.forecast .col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;font-size:11.5px}.forecast .bars{display:flex;gap:3px;align-items:flex-end;height:140px}.forecast .bars span{width:14px;border-radius:4px 4px 0 0;min-height:2px}.quote-doc{background:#fff;color:#111827;max-width:860px;margin:0 auto;padding:40px;border:1px solid var(--border);border-radius:var(--radius-lg)}.quote-doc table{width:100%;border-collapse:collapse}.quote-doc th,.quote-doc td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:13px}.quote-doc .num{text-align:right}@media print{.sidebar,.topbar,.no-print,.sidebar-backdrop{display:none!important}.layout,.main,.content{display:block!important;padding:0!important;margin:0!important}.quote-doc{border:0;padding:0;max-width:none}body{background:#fff}}@media(max-width:700px){.bar-row{grid-template-columns:90px 1fr auto}.quote-doc{padding:16px}}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}@media(max-width:1100px){.detail-grid{grid-template-columns:1fr}}.quote-totals{margin-left:auto;width:min(100%,380px);display:grid;gap:8px}.savebar{position:sticky;bottom:12px;display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:16px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 6px 20px #0000001f}.savebar span{margin-right:auto;font-weight:600}.legend{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle;margin-right:2px}.site-card{border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:var(--surface-2);display:grid;gap:8px;justify-items:start}.site-card .grid-3{width:100%}.form-section{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.form-section:first-child{border-top:0;padding-top:0}.form-section>.section-label{margin-bottom:-2px}.company-input{position:relative}.company-suggest{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 2px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #0000001f;max-height:260px;overflow-y:auto}.company-suggest button{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 10px;cursor:pointer;font:inherit;color:var(--text)}.company-suggest button:hover{background:var(--surface-2)}.company-linked{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--primary-border, #bfdbfe);background:var(--primary-soft, #eff6ff);border-radius:var(--radius);padding:5px 6px 5px 10px;margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:400;color:var(--text)}.chip button{border:0;background:none;cursor:pointer;color:var(--muted);padding:0 4px}.chip.pick{padding:3px 10px;cursor:pointer}.chip.pick input{display:none}.chip.pick.on{background:var(--primary-soft, #eff6ff);border-color:var(--primary);color:var(--primary);font-weight:600}.widget-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.widget.size-s{grid-column:span 1}.widget.size-m{grid-column:span 2}.widget.size-l{grid-column:span 4}.widget-content>.stat{height:100%}.widget-grid .stat{display:block}.widget-card{padding:0;overflow:hidden}.widget-card .widget-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.widget-card .widget-head h3{margin:0;font-size:15px}.widget-card:not(.flush) .widget-body{padding:12px 16px}.widget-grid.editing .widget{outline:2px dashed var(--border);outline-offset:3px;border-radius:var(--radius-lg);cursor:grab}.widget-grid.editing .widget-content{pointer-events:none;opacity:.85}.widget.dragging{opacity:.35}.widget.drop-before{box-shadow:-6px 0 0 -2px var(--primary)}.widget-tools{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px}.drag-handle{font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-drop-end{border:2px dashed var(--primary);border-radius:var(--radius-lg);min-height:90px;display:grid;place-items:center;color:var(--primary);font-size:13px}.gallery{display:grid;grid-template-columns:260px 1fr;gap:16px;min-height:340px}.gallery-list{border-right:1px solid var(--border);padding-right:12px;max-height:60vh;overflow-y:auto}.gallery-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid transparent;background:none;border-radius:var(--radius);padding:7px 8px;cursor:pointer;font:inherit;color:var(--text)}.gallery-item:hover{background:var(--surface-2)}.gallery-item.active{background:var(--primary-soft, #eff6ff);border-color:var(--primary-border, #bfdbfe)}.gallery-icon{width:24px;text-align:center}.gallery-detail p{line-height:1.5}@media(max-width:1100px){.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget.size-l{grid-column:span 2}}@media(max-width:640px){.widget-grid{grid-template-columns:1fr}.widget.size-s,.widget.size-m,.widget.size-l{grid-column:span 1}.gallery{grid-template-columns:1fr}.gallery-list{border-right:0;padding-right:0;max-height:220px}}.filter-bar{display:grid;grid-template-columns:auto repeat(3,minmax(150px,200px)) auto;gap:10px;align-items:center;margin-bottom:14px}.filter-bar .filter-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}@media(max-width:760px){.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .filter-label{grid-column:1 / -1}}.discount-input{display:flex;align-items:stretch;margin-left:auto}.discount-input .control{border-top-right-radius:0;border-bottom-right-radius:0;min-width:0}.discount-mode{border:1px solid var(--border);border-left:0;background:var(--surface-2);border-radius:0 var(--radius) var(--radius) 0;padding:0 8px;font-size:12px;font-weight:700;cursor:pointer;color:var(--text-2);min-width:42px}.discount-mode:hover{background:var(--primary-soft, #eff6ff);color:var(--primary)}.price-check{display:flex;gap:12px;padding:12px;border:1px solid #fde68a;background:#fffbeb;border-radius:var(--radius)}.price-check-icon{font-size:22px;line-height:1;color:#b45309}.quote-doc{font-size:13px}.qd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.qd-company{line-height:1.55;font-size:12px;color:#374151}.qd-company-name{font-size:15px;font-weight:800;color:#111827;margin-bottom:2px}.qd-logo img{max-height:80px;max-width:320px;object-fit:contain}.qd-title{color:#0eaab9;font-size:22px;margin:26px 0 12px}.qd-label{display:block;color:#9ca3af;font-size:11.5px;text-transform:uppercase;letter-spacing:.02em}.qd-parties{display:grid;grid-template-columns:1fr 1fr .9fr;gap:18px;line-height:1.55;margin-bottom:22px}.qd-meta{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-content:start}.qd-meta .qd-label{display:inline;line-height:1.55}.qd-table{width:100%;border-collapse:collapse}.qd-table th{background:#d6f3f5;color:#0e9aa7;font-weight:500;text-transform:uppercase;font-size:12px;padding:8px;text-align:left}.qd-table td{padding:9px 8px;vertical-align:top;border-bottom:0}.qd-table tbody tr:last-child td{border-bottom:1px dashed #cbd5e1;padding-bottom:14px}.qd-table .num{text-align:right;white-space:nowrap}.qd-small{color:#6b7280;font-size:11.5px}.qd-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:12px}.qd-notes{white-space:pre-wrap;color:#6b7280;font-size:11.5px;max-width:50%}.qd-totals{min-width:300px;border-collapse:collapse}.qd-totals td{padding:4px 8px}.qd-totals .num{text-align:right}.qd-total td{padding-top:10px;font-size:18px;font-weight:700}.qd-total td:first-child{color:#9ca3af;font-size:13px;font-weight:400}.qd-accept{display:grid;gap:18px;margin-top:40px;max-width:420px}.qd-accept>div{display:grid;grid-template-columns:120px 1fr;align-items:end;gap:10px}.qd-line{border-bottom:1px solid #d1d5db;height:18px}.qd-bank{margin-top:22px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:6px;max-width:520px}@media(max-width:700px){.qd-parties{grid-template-columns:1fr}.qd-head{flex-direction:column-reverse}.qd-bottom{flex-direction:column}.qd-notes{max-width:none}}.deal-card.closed{background:var(--surface-2);box-shadow:none}.proof-drop{display:grid;gap:8px;border:2px dashed var(--border);border-radius:var(--radius);padding:12px}.card.proof-missing{border-color:#fde68a}.progress-stack{display:flex}.progress-stack>span{border-radius:0}.card.backlog-late{border-color:#fecaca}.serial-preview{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted)}.serial-preview code{font-size:13px;padding:2px 6px}.seg a{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 10px;font-size:13px;color:var(--text);text-decoration:none}.seg a.active{background:var(--primary-soft, #eff6ff);border-color:var(--primary);color:var(--primary);font-weight:600}.tab-count{display:inline-block;margin-left:6px;min-width:18px;padding:0 5px;border-radius:9px;background:var(--primary-soft, #eff6ff);color:var(--primary);font-size:11px;font-weight:600;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--border);border-left:1px solid var(--border)}.cal-head{padding:6px 8px;font-size:12px;font-weight:600;color:var(--text-2);border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2, #f8fafc)}.cal-cell{min-height:92px;padding:4px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:3px;min-width:0}.cal-cell.empty{background:var(--surface-2, #f8fafc)}.cal-cell.today .cal-day{background:var(--primary);color:#fff;border-radius:999px}.cal-day{align-self:flex-end;font-size:12px;min-width:22px;text-align:center;padding:1px 4px;color:var(--text-2)}.cal-item{display:block;font-size:12px;padding:2px 6px;border-radius:5px;background:var(--primary-soft, #eff6ff);border:1px solid var(--primary-border, #bfdbfe);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.cal-item.install{background:#fef3c7;border-color:#fde68a}.cal-item.done{opacity:.6}@media(max-width:700px){.cal-cell{min-height:64px}.cal-item{font-size:11px;padding:1px 3px}}.incoterm-help summary{cursor:pointer;font-size:13px;color:var(--primary)}.incoterm-list{margin:8px 0 0;display:grid;gap:6px;font-size:13px}.incoterm-list dt{font-weight:600}.incoterm-list dd{margin:0;color:var(--text-2)}.ship-steps{display:flex;gap:0;flex-wrap:wrap}.ship-steps>div{flex:1;min-width:120px;padding:8px 10px;border-top:3px solid var(--border);font-size:13px;color:var(--text-2)}.ship-steps>div.done{border-top-color:var(--success);color:var(--text)}.ship-steps>div.current{border-top-color:var(--primary);color:var(--text);font-weight:600}.ship-steps small{display:block;font-weight:400;color:var(--text-2)}.doc-check{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}.doc-check .ok{color:var(--success)}.doc-check .missing{color:var(--text-2)}.deal-summary{margin-bottom:16px}.deal-kpis{display:flex;flex-wrap:wrap;gap:0;margin-top:14px;border-top:1px solid var(--border);padding-top:12px;align-items:stretch}.deal-kpis>div{display:flex;flex-direction:column;padding:0 18px;border-left:1px solid var(--border);min-width:0}.deal-kpis>div:first-child{padding-left:0;border-left:none}.deal-kpis .label{font-size:12px;color:var(--muted);font-weight:500}.deal-kpis strong{font-size:18px;letter-spacing:-.01em}.deal-kpis .foot{font-size:12px;color:var(--muted)}.deal-kpis .deal-kpis-end{margin-left:auto;border-left:none;justify-content:center;align-items:flex-end;gap:4px;padding-right:0}.deal-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}.deal-layout>aside{position:sticky;top:16px}.deal-layout .facts{grid-template-columns:1fr}.deal-tabs{margin-bottom:12px}.tab-alert{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--danger);margin-left:6px;vertical-align:middle}@media(max-width:1000px){.deal-layout{grid-template-columns:1fr}.deal-layout>aside{position:static}}@media(max-width:700px){.deal-kpis>div{flex:1 1 45%;padding:6px 0;border-left:none}.deal-kpis .deal-kpis-end{align-items:flex-start;margin-left:0}}.change-signoffs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;border-top:1px solid var(--border);padding-top:10px}.change-signoff{display:flex;flex-direction:column;gap:4px;font-size:13px}.ok-text{color:var(--success);font-weight:600}.unit-chips-wrap{display:flex;flex-direction:column;gap:6px}.unit-chips{display:flex;flex-wrap:wrap;gap:6px}.unit-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text);text-decoration:none;white-space:nowrap}.unit-chip:hover{border-color:var(--primary);background:var(--primary-soft)}.unit-chips-wrap .dot,.unit-legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.st-COMPLETED .dot{background:var(--success)}.st-IN_PROGRESS .dot{background:var(--primary)}.st-READY_FOR_QC .dot,.st-IN_QC .dot{background:#7c3aed}.st-CANCELLED .dot{background:#d1d5db}.unit-chip.st-COMPLETED{background:var(--success-soft);border-color:#bbf7d0}.unit-chip.st-CANCELLED{color:var(--muted);text-decoration:line-through}.unit-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}.unit-legend>span{display:inline-flex;align-items:center;gap:5px}.control.th-filter{width:auto;min-width:150px;padding:3px 8px;font-size:12px;font-weight:600;height:auto;background-color:var(--surface)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.ticket-types button{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font:inherit;font-size:13px;text-align:left;cursor:pointer;color:var(--text)}.ticket-types button .icon{font-size:18px}.ticket-types button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:600}.unit-summary{display:flex;flex-direction:column;gap:10px}.unit-summary.compact{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.warranty-card.w-IN_WARRANTY{border-color:#bbf7d0}.warranty-card.w-OUT_OF_WARRANTY{border-color:#fecaca}.visit-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border);flex-wrap:wrap}.signed-box{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.signed-box img{max-width:320px;max-height:120px;background:#fff;border:1px solid var(--border);border-radius:6px;margin-top:4px}.timeline{display:flex;flex-direction:column;gap:8px}.timeline-item{padding:8px 10px;border-radius:8px;border:1px solid var(--border)}.timeline-item.status{border-style:dashed;font-size:13px;background:var(--surface-2)}.timeline-item.comment.public{border-color:var(--primary-border);background:var(--primary-soft)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.photo-tile{display:flex;flex-direction:column;gap:4px}details.menu{position:relative}details.menu>summary{list-style:none}details.menu>summary::-webkit-details-marker{display:none}.menu-items{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:230px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md, 0 8px 24px rgba(0,0,0,.12));padding:4px;display:flex;flex-direction:column}.menu-items button{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 10px;border:none;background:none;font:inherit;font-size:13px;border-radius:6px;cursor:pointer;color:var(--text)}.menu-items button:hover:not(:disabled){background:var(--surface-2)}.menu-items button:disabled{color:var(--muted);cursor:default}.status-pick{display:flex;flex-wrap:wrap;gap:6px}.status-pick button{border:2px solid transparent;background:none;padding:2px;border-radius:999px;cursor:pointer}.status-pick button.active{border-color:var(--primary)}.failure-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.failure-cat{border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.sub-chips{display:flex;flex-wrap:wrap;gap:6px}.sub-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12.5px}.sub-chip.off{opacity:.55}.sub-chip button{border:none;background:none;cursor:pointer;color:var(--muted);padding:0 2px;font-size:14px;line-height:1}.email-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.survey-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;background:var(--bg, #f5f6f8)}.survey-card{width:100%;max-width:520px}.stars{display:flex;gap:6px}.stars button{font-size:34px;line-height:1;background:none;border:none;color:#d1d5db;cursor:pointer;padding:0 2px}.stars button.on{color:#f59e0b}.nps{display:flex;flex-wrap:wrap;gap:4px}.nps button{width:38px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;font:inherit}.nps button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.so-section{display:flex;flex-direction:column;gap:6px}.so-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px 16px}.so-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.so-item.missing{border-color:#fde68a;background:#fffbeb}.so-label{font-size:13px;font-weight:500}.so-label .req{color:var(--danger)}.multi-pick{display:flex;flex-wrap:wrap;gap:6px}.chip-check{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;font-size:13px;cursor:pointer}.chip-check input{display:none}.chip-check.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.request-row{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid var(--border)}.signoff-step{display:flex;gap:10px;align-items:flex-start}.step-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none;color:var(--muted)}.step-dot.done{background:var(--success);border-color:var(--success);color:#fff}.step-dot.current{border-color:var(--primary);color:var(--primary);font-weight:700}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 16px}.config-grid>div{display:flex;flex-direction:column;font-size:13px}tr.check-ok td{background:var(--success-soft)}tr.check-bad td{background:#fef2f2}.spec-table td{vertical-align:top}.preview-frame{background:var(--surface-2);border:1px dashed var(--border);border-radius:12px;padding:12px}.timeline-item.change{border-style:dotted;font-size:13px}.status-pick button:disabled{opacity:.35;cursor:not-allowed}button.stat{text-align:left;font:inherit;cursor:pointer;width:100%}.stat.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.list-row{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:inherit;text-decoration:none}.list-row:hover{background:var(--surface-2)}.chart svg{width:100%;height:auto;display:block}.chart-grid{stroke:var(--border);stroke-width:1}.chart-target{stroke:var(--chart-4, #ef4444);stroke-dasharray:4 4;stroke-width:1.5}.chart-axis{fill:var(--muted);font-size:11px}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted);margin-top:4px}.chart-legend i,.chart-legend-row i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.chart-legend-row{font-size:13px}.donut{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.donut-total{font-size:20px;font-weight:700;fill:var(--text)}.status-strip{display:flex;height:22px;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.status-strip span{display:block;height:100%;min-width:2px}.metric-ok{color:var(--chart-2, #10b981);font-weight:600}.metric-miss{color:var(--chart-4, #ef4444);font-weight:600}.card.attention{border-color:#eab308;box-shadow:0 0 0 1px #eab308}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:0}.settings-hit{width:100%;text-align:left;background:none;font:inherit;cursor:pointer}.card.flash{box-shadow:0 0 0 3px var(--primary);transition:box-shadow .3s}.glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);overflow:hidden;margin-bottom:16px}.glance>div{background:var(--surface);padding:10px 14px;min-width:0}.glance-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:3px}.glance-sub{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-panel{padding:0;align-self:start}.side-section+.side-section{border-top:1px solid var(--border)}.side-head{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.side-head:hover{background:var(--surface-2)}.side-caret{color:var(--muted);width:12px;flex:none}.side-summary{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.side-body{padding:0 16px 14px}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:stretch}.fit-height{position:relative;min-height:360px}.fit-height>.card{position:absolute;inset:0;display:flex;flex-direction:column}.components-list{flex:1;overflow-y:auto;min-height:0;margin:0 -16px -16px;border-top:1px solid var(--border)}.component-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border);cursor:default}.component-row:hover{background:var(--surface-2)}.component-row.replaced{opacity:.6}.component-serials{font-size:13px;text-align:right;white-space:nowrap}.link-btn{background:none;border:0;padding:0;color:var(--primary);cursor:pointer;font:inherit;font-family:var(--font, inherit);font-size:12px;text-decoration:underline}.serial-list{columns:2;margin:8px 0 0;padding-left:28px;font-size:14px;line-height:1.8}@media(max-width:900px){.pair-grid{grid-template-columns:1fr}.fit-height{min-height:0}.fit-height>.card{position:static;max-height:480px}}.tab:disabled{opacity:.45;cursor:not-allowed}.permissions th.perm-role{vertical-align:bottom;height:120px;white-space:nowrap;padding:4px}.permissions th.perm-role span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px}.permissions td.perm-cell{text-align:center;padding:6px 4px}.permissions td.perm-cell input{width:16px;height:16px;cursor:pointer}.permissions tr.perm-group td{background:var(--surface-2);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;padding:6px 12px}.permissions td.perm-cell input:disabled{cursor:default;opacity:.6}.parts-lines td{vertical-align:top}.parts-lines .control{min-width:0}.parts-lines input.num{width:72px;min-width:72px;padding-left:6px;padding-right:6px}.side-arrange{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--border);min-height:36px}.side-arrange>.btn:only-child{margin-left:auto}.arrange-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px}.entity-box{border:1px solid var(--border);border-radius:10px;padding:12px 14px}.entity-box.inactive{opacity:.6}.pack-option{border:1px solid var(--border);border-radius:10px;padding:10px 12px}.pack-option.chosen{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.pack-boxes{margin:6px 0 0;padding-left:18px;font-size:13px}.part-search{position:relative}.part-search-results{position:absolute;right:0;top:calc(100% + 4px);z-index:20;width:340px;max-height:360px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md, 0 8px 24px rgba(0,0,0,.12))}.part-search-results button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);padding:8px 12px;font:inherit;color:inherit;cursor:pointer}.part-search-results button:hover{background:var(--surface-2)}.pack-3d{height:320px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:linear-gradient(180deg,var(--surface-2),var(--surface))}.pack-3d-empty{display:grid;place-items:center;text-align:center;min-height:260px;border:1px dashed var(--border);border-radius:10px;padding:16px;font-size:13px}.numbering-row{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(180px,1.4fr) minmax(160px,1.2fr) auto;gap:10px 14px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.numbering-row:first-child{border-top:0}.error-text{color:var(--danger, #dc2626)}@media(max-width:760px){.numbering-row{grid-template-columns:1fr}}.picker{display:grid;gap:6px}.picker-tabs{display:flex;gap:4px;flex-wrap:wrap}.picker-tabs button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:2px 10px;font-size:12.5px;color:var(--text-2);cursor:pointer}.picker-tabs button.active{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary)}.picker-count{margin-left:6px;color:var(--muted);font-size:11.5px}.picker-list{border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto;background:var(--surface)}.picker-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);background:transparent;padding:8px 12px;cursor:pointer;font:inherit;color:inherit}.picker-row:last-child{border-bottom:0}.picker-row.active{background:var(--primary-soft)}.picker-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;font-size:14px}.picker-title .muted{font-weight:400}.picker-line{color:var(--muted);font-size:12.5px;margin-top:1px}.picker-kind{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 5px}.picked{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--primary-border);background:var(--primary-soft);border-radius:var(--radius);padding:8px 12px}.menu-icon{flex:none;width:20px;text-align:center;font-size:15px;line-height:1}.picker-more{padding:6px 12px;font-size:12px;color:var(--muted);background:var(--surface-2);border-top:1px solid var(--border)}.vt{position:relative;overflow:auto;outline:none;border-top:1px solid var(--border)}.vt-head{position:sticky;top:0;z-index:2;display:grid;align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;min-width:900px}.vt-th{padding:0 12px;display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}.vt-th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.vt-th.sortable:hover{color:var(--text)}.vt-th .th-filter{text-transform:none;font-weight:600}.vt-arrow{font-size:9px;color:var(--primary)}.vt-row{position:absolute;left:0;right:0;display:grid;align-items:center;border-bottom:1px solid var(--border);cursor:pointer;font-size:14px;min-width:900px}.vt-row:hover,.vt-row.active{background:var(--primary-soft)}.vt-td{padding:0 12px;min-width:0;overflow:hidden}.vt-td.right,.vt-th.right{justify-content:flex-end;text-align:right}.vt-two{display:flex;flex-direction:column;min-width:0;line-height:1.35}.vt-two>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-two>.muted{font-size:12px}.vt-empty{padding:24px;text-align:center;color:var(--muted)}.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-th .th-filter{max-width:100%;min-width:0}.drop-zone{border:2px dashed var(--border);border-radius:12px;padding:18px;text-align:center;cursor:pointer;background:var(--surface-2);display:grid;gap:4px}.drop-zone:hover,.drop-zone.over{border-color:var(--primary);background:var(--primary-soft)}.receipt-files{display:flex;flex-wrap:wrap;gap:6px}.receipt-file{font-size:12px;padding:3px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);max-width:100%;overflow-wrap:anywhere}.receipt-file.done{border-color:#bbf7d0;background:#f0fdf4}.receipt-file.failed{border-color:#fecaca;background:#fef2f2}.receipt-draft{border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:grid;gap:8px}.receipt-draft.off{opacity:.6}.receipt-draft.bad{border-color:var(--danger)}.receipt-grid{display:grid;grid-template-columns:150px minmax(140px,1fr) minmax(140px,1.2fr) minmax(170px,1fr);gap:6px}.receipt-grid .receipt-wide{grid-column:span 3}.receipt-warnings{margin:0;padding-left:18px;font-size:12px;color:var(--warning-text, #92400e)}@media(max-width:700px){.receipt-grid{grid-template-columns:1fr 1fr}.receipt-grid .receipt-wide{grid-column:span 2}}.report-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:14px}.report-filters label{display:grid;gap:4px}.report-filters .control{min-width:170px}.report-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:14px}.report-tabs button{border:none;background:none;padding:9px 14px;font:inherit;font-size:14px;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.report-tabs button:hover{color:var(--text)}.report-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.report-chooser{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.report-choices{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.report-choice{align-items:flex-start;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.report-choice>span{display:grid;gap:2px;font-size:13px}.report-card{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:14px}.report-card-head{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}.report-card-head h3{margin:0;font-size:17px}.report-card-head h3 a{color:inherit}.report-card-head h3 a:hover{color:var(--primary)}.report-desc{font-size:13px}.report-collapse{border:none;background:none;cursor:pointer;font-size:16px;color:var(--text-2);padding:0 2px}.btn.pinned{color:#f59e0b}.report-loading{padding:30px;text-align:center}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-grid .span-2{grid-column:1 / -1}.report-block{margin:0;min-width:0}.report-block-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.report-block-head h4{margin:0;font-size:14px}.report-empty{padding:26px 10px;text-align:center}.report-note{font-size:12px;margin-top:6px}.report-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.kpi-label{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.03em}.kpi-value{font-size:24px;font-weight:700;margin:4px 0 2px;white-space:nowrap}.kpi-change{font-size:12px;font-weight:600}.kpi-change.good{color:var(--success, #10b981)}.kpi-change.bad{color:var(--danger, #ef4444)}.kpi-hint{font-size:12px}.rchart{position:relative}.rchart svg{display:block;max-width:100%}.chart-hover{fill:var(--primary-soft, rgba(59, 130, 246, .08))}.chart-tip{position:absolute;z-index:5;pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12));border-radius:10px;padding:8px 10px;font-size:12px;min-width:140px;max-width:280px}.chart-tip-row{display:flex;align-items:center;gap:6px;margin-top:3px}.chart-tip-row i{width:9px;height:9px;border-radius:2px;flex:none}.chart-tip-row b{margin-left:auto;padding-left:10px}.chart-tip-row.total{border-top:1px solid var(--border);padding-top:3px}.hbars{display:grid;gap:7px}.hbar-row{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;gap:8px;align-items:center;font-size:13px}.hbar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{height:14px;background:var(--surface-2);border-radius:4px;overflow:hidden}.hbar-track span{display:block;height:100%;border-radius:4px}.hbar-value{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.rdonut{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.rdonut-legend{display:grid;gap:4px;flex:1;min-width:180px}.rdonut-legend .chart-legend-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto 40px;gap:8px;align-items:center;font-size:13px;padding:2px 4px;border-radius:6px}.rdonut-legend .chart-legend-row.on{background:var(--surface-2)}.rdonut-legend .chart-legend-row i{width:10px;height:10px;border-radius:3px}.rdonut-legend .muted{text-align:right}.heatmap{border-collapse:separate;border-spacing:2px;font-size:12px;width:100%}.heatmap th{font-weight:600;text-align:left;padding:4px 6px;white-space:nowrap}.heatmap thead th{text-align:center}.heatmap td{text-align:center;padding:6px;border-radius:4px;background:var(--surface-2);min-width:42px;font-variant-numeric:tabular-nums}.heatmap td.heat-total{background:none;font-weight:700}.funnel{display:grid;gap:6px}.funnel-row{display:grid;grid-template-columns:minmax(110px,30%) 1fr 44px;gap:8px;align-items:center;font-size:13px}.funnel-track{display:flex;justify-content:center}.funnel-track span{display:block;color:#fff;font-weight:600;text-align:center;padding:6px 4px;border-radius:6px;white-space:nowrap;overflow:hidden}.funnel-rate{text-align:right}.worldmap{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:14px;align-items:start}.worldmap-canvas{position:relative}.worldmap-canvas svg{width:100%;height:auto;display:block}.map-country{fill:var(--border, #e5e7eb);stroke:var(--surface, #fff);stroke-width:.5}.map-country.has{stroke:var(--surface, #fff)}.map-country.on{stroke:var(--text, #111);stroke-width:1.2}.worldmap-side{display:grid;gap:6px;font-size:13px}.worldmap-scale{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:4px}.worldmap-scale i{flex:1;height:8px;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--chart-1, #3b82f6) 18%,var(--surface-2, #f1f5f9)),var(--chart-1, #3b82f6))}.worldmap-top{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding:3px 0}.print-only{display:none}@media(max-width:900px){.report-grid,.worldmap{grid-template-columns:minmax(0,1fr)}}@media print{.sidebar,.topbar,.no-print,.report-tabs,.report-filters,.page-header .actions{display:none!important}.layout,.main,.content{display:block!important;margin:0!important;padding:0!important}.print-only{display:inline}.report-card{break-inside:avoid-page;background:none;border:none;padding:0;margin-bottom:18px}.report-block,.kpi{break-inside:avoid}.chart-tip{display:none}}.ai-usage{display:grid;gap:8px;border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.budget-bar{height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border)}.budget-bar span{display:block;height:100%}.ai-months{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end}.ai-months>div{display:grid;justify-items:center;gap:2px;font-size:12px}.ai-month-bar{width:70%;background:var(--primary);border-radius:4px 4px 0 0;display:block}.form-preview{position:fixed;inset:0;z-index:200;background:var(--bg, #f3f4f6);display:flex;flex-direction:column}.form-preview-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.form-preview-check{padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-size:13px;display:grid;gap:4px}.form-preview-stage{flex:1;overflow:auto;padding:20px 16px 40px;display:flex;justify-content:center}.form-preview-device{max-width:100%;transition:width .2s}.form-preview-device.phone .form-preview-sheet,.form-preview-device.tablet .form-preview-sheet{border-radius:18px;box-shadow:0 0 0 8px #1f2937,var(--shadow-lg, 0 10px 30px rgba(0,0,0,.15))}.form-preview-sheet{background:var(--surface);border-radius:12px;padding:20px;box-shadow:var(--shadow-lg, 0 10px 30px rgba(0,0,0,.1));min-height:60vh}.form-preview-device.desktop{max-width:1000px;width:100%!important}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{border:none;background:var(--surface);padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--text-2)}.seg button+button{border-left:1px solid var(--border)}.seg button.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.form-side{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}.form-side-preview{position:sticky;top:12px;max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--surface-2)}@media(max-width:1000px){.form-side{grid-template-columns:minmax(0,1fr)}.form-side-preview{position:static;max-height:none}}.crash-card{display:grid;justify-items:start;gap:6px;padding:28px;max-width:760px}.diag-filters{display:flex;flex-wrap:wrap;gap:8px}.diag-filters .control{width:auto;min-width:150px;flex:1 1 150px;max-width:260px}.diag-table td{vertical-align:top}.diag-table tr.selected td{background:var(--primary-soft)}.diag-msg{font-size:13px;margin-top:2px;overflow-wrap:anywhere}.diag-detail-row>td{background:var(--surface-2)}.diag-detail{display:grid;gap:10px;padding:4px 2px 8px}.diag-detail section{display:grid;gap:4px}.diag-pre{margin:0;padding:10px 12px;background:#0f172a;color:#e2e8f0;border-radius:8px;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}.diag-steps{margin:0;padding-left:22px;font-size:13px;display:grid;gap:3px}.warn-text{color:#b45309;font-weight:600}