*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--surface: #121212;--surface-subtle: #171717;--surface-hover: #1d1d1d;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.15);--text: #f1f1f1;--text-2: #a1a7b2;--text-3: #697180;--primary: #6366f1;--primary-hover: #7779f5;--primary-soft: rgba(99,102,241,.14);--success: #34d399;--danger: #ef4444;--warning: #f59e0b;--header-bg: rgba(8,8,8,.96);--control-bg: rgba(255,255,255,.045);--column-bg: #101010;--card-bg: #171717;--field-bg: rgba(255,255,255,.05);--overlay-bg: rgba(0,0,0,.74);--shadow-sm: 0 1px 2px rgba(0,0,0,.28);--shadow-md: 0 12px 34px rgba(0,0,0,.42);--shadow-lg: 0 28px 80px rgba(0,0,0,.62);--radius: 14px;--radius-sm: 10px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease: cubic-bezier(.2,.8,.2,1)}:root[data-theme=light]{--bg: #f4f6f8;--surface: #ffffff;--surface-subtle: #f8fafc;--surface-hover: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #172033;--text-2: #526079;--text-3: #8b98ac;--primary: #3157d5;--primary-hover: #2748b8;--primary-soft: #edf2ff;--success: #138a63;--danger: #d14343;--warning: #c47a16;--header-bg: rgba(255,255,255,.96);--control-bg: #eef1f5;--column-bg: #edf0f4;--card-bg: #ffffff;--field-bg: #ffffff;--overlay-bg: rgba(23,32,51,.28);--shadow-sm: 0 1px 2px rgba(15,23,42,.05);--shadow-md: 0 10px 30px rgba(23,32,51,.1);--shadow-lg: 0 24px 70px rgba(23,32,51,.16)}html,body,#root{height:100%}html{background:var(--bg)}body{color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(49,87,213,.18);outline-offset:1px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.app-shell{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.app-main{flex:1;min-height:0;overflow:hidden;position:relative}.glass,.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.glass{transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.glass:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.btn-icon{border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:650;transition:all .16s var(--ease)}.btn-primary{min-height:38px;padding:0 15px;color:#fff;background:var(--primary);border-radius:10px;box-shadow:0 5px 14px #3157d538}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 7px 18px #3157d547}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;transform:none;box-shadow:none}.btn-secondary,.btn-ghost{min-height:36px;padding:0 12px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:9px}.btn-secondary:hover,.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.btn-danger{min-height:36px;padding:0 12px;color:#fff;background:var(--danger);border-radius:9px}.btn-icon{width:36px;height:36px;padding:0;color:var(--text-2);background:transparent;border-radius:9px;border:1px solid transparent}.btn-icon:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border)}input,textarea,select{width:100%;color:var(--text);background:var(--field-bg);border:1px solid var(--border-strong);border-radius:9px;padding:9px 11px;transition:border-color .16s,box-shadow .16s}input:hover,textarea:hover,select:hover{border-color:var(--text-3)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3157d51a;outline:none}input::placeholder,textarea::placeholder{color:var(--text-3)}select option{color:var(--text);background:var(--surface)}textarea{min-height:88px;resize:vertical;line-height:1.55}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--text-2);font-size:12px;font-weight:650}.app-header{height:76px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 22px;background:var(--header-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:40}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#3c64e5,#2443ae);border-radius:11px;box-shadow:0 7px 16px #3157d53d}.brand-name{font-weight:800;font-size:15px;letter-spacing:-.02em}.brand-subtitle{color:var(--text-3);font-size:10px;margin-top:1px}.header-divider{width:1px;height:32px;background:var(--border);flex-shrink:0}.module-nav{display:flex;align-items:center;gap:4px;padding:4px;background:var(--control-bg);border:1px solid var(--border);border-radius:9px}.module-nav button{min-height:34px;padding:0 13px;border:0;border-radius:8px;color:var(--text-2);background:transparent;font-size:12px;font-weight:700}.module-nav button.active{color:#fff;background:var(--primary);box-shadow:var(--shadow-sm)}.module-nav button.active.cpq{background:#7c3aed}.module-nav button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.header-count{flex-shrink:0;color:var(--text-3);font-size:11px}.header-count strong{color:var(--text-2)}.header-search{flex:1;max-width:260px;min-width:150px;position:relative}.header-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.header-search input{height:34px;padding-left:32px;background:var(--control-bg);border-color:var(--border);font-size:12px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.view-switch{display:flex;gap:2px;padding:3px;background:var(--control-bg);border:1px solid var(--border);border-radius:9px}.view-switch button{height:31px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:7px;color:var(--text-3);background:transparent;font-size:11px;font-weight:700}.view-switch button.active{color:var(--text);background:var(--surface-hover);box-shadow:var(--shadow-sm)}.filter-label{color:var(--text-3);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.filter-select{width:126px;min-width:0;height:34px;padding:5px 28px 5px 9px;font-size:11px;background:var(--control-bg);border-color:var(--border)}.filter-select.type-filter{width:132px}.filter-summary{margin-left:auto;color:var(--text-3);font-size:12px}.clear-filter{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--text-3)}.clear-filter:hover{color:var(--text);background:var(--surface-hover)}.theme-toggle{border-color:var(--border);background:var(--control-bg)}.admin-header{border-bottom-color:#7c3aed47}.admin-brand-mark{background:linear-gradient(145deg,#8b5cf6,#6d28d9);box-shadow:0 7px 16px #7c3aed40}.admin-workspace-label{margin-left:6px;padding-left:16px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border)}.admin-workspace-label strong{color:var(--text);font-size:12px}.admin-workspace-label span{color:var(--text-3);font-size:10px}.admin-actions{margin-left:auto}.admin-header .guide-button span{display:inline!important}.cpq-field-label{margin-bottom:6px;color:var(--text-3);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.cpq-field-hint{margin-top:5px;color:var(--text-3);font-size:10px}.cpq-image-field{margin:2px 0 15px}.cpq-image-row{display:flex;align-items:center;gap:10px}.cpq-image-preview{width:76px;height:60px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;color:var(--text-3);background:var(--surface-subtle);border:1px dashed var(--border-strong);border-radius:9px}.cpq-image-preview img{width:100%;height:100%;padding:4px;object-fit:contain}.cpq-list-thumb,.cpq-option-thumb{width:100%;height:100%;object-fit:cover}.cpq-image-actions{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.cpq-image-actions input{height:32px;padding:6px 9px;font-size:11px}.cpq-image-actions>div{display:flex;gap:6px}.cpq-upload-btn,.cpq-clear-image{height:28px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:7px;font-size:10px;font-weight:700;cursor:pointer}.cpq-upload-btn input{display:none}.cpq-clear-image{color:var(--danger)}.cpq-list-thumb{width:44px;height:38px;flex-shrink:0;border-radius:7px;border:1px solid var(--border)}.cpq-option-thumb{width:36px;height:32px;flex-shrink:0;border-radius:6px}.cpq-color-field{margin-bottom:14px;display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cpq-color-field input{width:34px;height:28px;padding:2px;border-radius:6px}.cpq-color-field code{color:var(--text-2);text-transform:none;letter-spacing:0}.cpq-display-picker{margin:4px 0 18px;padding-top:14px;border-top:1px solid var(--border)}.cpq-display-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cpq-display-grid button{min-height:58px;padding:9px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;color:var(--text-2);background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px}.cpq-display-grid button:hover{border-color:var(--border-strong)}.cpq-display-grid button.active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.cpq-display-grid strong{font-size:11px}.cpq-display-grid span{color:var(--text-3);font-size:9px;line-height:1.35}.cpq-model-field{margin:4px 0 18px;padding-top:14px;border-top:1px solid var(--border)}.cpq-model-actions{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center}.cpq-model-actions input{height:34px;font-size:11px}.cpq-model-upload{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff;background:#7c3aed;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}.cpq-model-upload.uploading{opacity:.6;cursor:wait}.cpq-model-upload input{display:none}.cpq-model-error{margin-top:6px;color:var(--danger);font-size:10px}.cpq-model-badge{width:max-content;margin-top:5px;padding:2px 6px;display:inline-flex;align-items:center;gap:3px;color:#a78bfa;background:#7c3aed1f;border-radius:5px;font-size:9px;font-weight:750}.model-viewer-shell,.model-viewer-empty{width:100%;height:240px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--surface),var(--surface-hover));border:1px solid var(--border);border-radius:11px}.model-viewer-shell model-viewer{width:100%;height:100%;display:block;--poster-color:transparent}.model-viewer-shell.compact{height:100%;min-height:110px;border:0;border-radius:0;pointer-events:none}.model-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-3);font-size:11px}.model-viewer-empty.compact{height:110px}.model-viewer-hint{position:absolute;left:10px;bottom:9px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;color:var(--text-2);background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;font-weight:650;pointer-events:none}.cpq-project-visual{flex:1;min-width:0;display:grid;grid-template-rows:auto minmax(300px,1fr);gap:12px;overflow:hidden}.cpq-modules-list{max-height:190px}.cpq-project-model{min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:12px}.cpq-project-model-heading{min-height:54px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.cpq-project-model-heading>div{min-width:0;display:flex;flex-direction:column;gap:3px}.cpq-project-model-heading span{color:var(--primary);font-size:8px;font-weight:850;letter-spacing:.1em}.cpq-project-model-heading strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cpq-project-model-heading small{flex:none;display:flex;align-items:center;gap:5px;color:var(--text-3);font-size:9px}.cpq-project-model .model-viewer-shell,.cpq-project-model .model-viewer-empty{flex:1;height:auto;min-height:300px;border:0;border-radius:0}.package-estimator{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.package-project-bar{min-height:66px;padding:10px 18px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,.8fr) auto;align-items:center;gap:18px;flex:none;background:var(--surface);border-bottom:1px solid var(--border)}.package-project-bar>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.package-project-bar>div:first-child span{color:var(--primary);font-size:8px;font-weight:850;letter-spacing:.1em}.package-project-bar>div:first-child strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.package-project-bar>label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:var(--text-3);font-size:9px;font-weight:750;text-transform:uppercase}.package-project-bar select{height:36px;min-width:0;font-size:11px;text-transform:none}.package-project-stats{display:flex;align-items:stretch;gap:6px}.package-project-stats>span{min-width:105px;padding:7px 10px;display:flex;flex-direction:column;gap:2px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px}.package-project-stats small{color:var(--text-3);font-size:8px;text-transform:uppercase}.package-project-stats strong{font-size:12px}.package-project-stats .total{min-width:135px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent}.package-project-stats .total small{color:#ffffffb8}.credit{color:#fb7185!important}.package-workbench{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 320px;overflow:hidden}.package-workbench.inspector-collapsed{grid-template-columns:220px minmax(0,1fr) 48px}.package-step-rail{min-height:0;padding:14px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border)}.package-step-rail>div{padding:2px 8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-3)}.package-step-rail>div strong{color:var(--text-2);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.package-step-rail>div span{font-size:9px}.package-step-rail>button{min-height:57px;padding:7px 8px;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:8px;text-align:left;color:var(--text-2);background:transparent;border:1px solid transparent;border-radius:9px}.package-step-rail>button:hover{background:var(--surface-hover);border-color:var(--border)}.package-step-rail>button.active{color:var(--text);background:var(--primary-soft);border-color:var(--primary)}.package-step-rail>button>span{width:25px;height:25px;display:grid;place-items:center;color:var(--text-3);background:var(--surface-subtle);border:1px solid var(--border);border-radius:50%;font-size:9px;font-weight:800}.package-step-rail>button.active>span{color:#fff;background:var(--primary);border-color:var(--primary)}.package-step-rail button div{min-width:0;display:flex;flex-direction:column;gap:2px}.package-step-rail button div strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.package-step-rail button div small{overflow:hidden;color:var(--text-3);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.package-step-rail button>b{grid-column:2;width:max-content;margin-top:-3px;color:var(--success);font-size:8px;font-weight:750}.package-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.package-workspace-header{min-height:66px;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--border)}.package-workspace-header span{color:var(--primary);font-size:8px;font-weight:850;letter-spacing:.09em}.package-workspace-header h1{margin-top:2px;font-size:17px}.package-workspace-header p{margin-top:2px;color:var(--text-3);font-size:9px}.package-history-controls{display:flex;align-items:center;gap:6px}.package-history-controls button{min-width:76px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.package-history-controls button:disabled{opacity:.38;cursor:not-allowed}.package-workspace-content{flex:1;min-height:0;padding:14px 16px;overflow:auto}.package-action-bar{min-height:54px;padding:7px 14px;display:grid;grid-template-columns:110px 1fr 92px 130px;align-items:center;gap:10px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.package-action-bar>span{justify-self:center;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700}.package-action-bar>span small{padding:3px 6px;color:var(--success);background:#10b9811a;border-radius:5px;font-size:8px}.package-action-bar>button:last-child{justify-self:end}.package-save{justify-self:end}.package-basis{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px}.package-basis-note{padding:10px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) 180px;align-items:center;gap:10px;color:var(--text-2);background:var(--primary-soft);border:1px solid rgba(99,102,241,.22);border-radius:9px}.package-basis-note>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.package-basis-note strong{color:var(--text);font-size:11px}.package-basis-note span{color:var(--text-3);font-size:9px}.package-basis-note>div:last-child{margin:0!important}.package-basis .cpq-modules-layout{flex:1;min-height:0;gap:12px!important}.package-basis .cpq-project-visual{display:block;overflow:auto}.package-basis .cpq-project-model{display:none}.package-basis .cpq-modules-list{max-height:none}.package-basis .cpq-module-editor{width:min(440px,44%)!important}.package-section-page,.package-structure-editor{height:100%;min-height:0;display:flex;flex-direction:column}.package-mode-bar{min-height:50px;margin-bottom:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.package-mode-bar>div{min-width:0;display:flex;flex-direction:column;gap:2px}.package-mode-bar strong{font-size:11px}.package-mode-bar span{color:var(--text-3);font-size:9px}.package-groups-stack{display:flex;flex-direction:column;gap:10px}.package-group-section{background:var(--surface);border:1px solid var(--border);border-radius:10px}.package-group-section>header{min-height:50px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-subtle);border-bottom:1px solid var(--border);border-radius:10px 10px 0 0}.package-group-section>header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.package-group-section>header strong{font-size:11px}.package-group-section>header span{overflow:hidden;color:var(--text-3);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.package-group-section>header small{flex:none;color:var(--text-3);font-size:8px}.package-components-grid{padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:8px}.package-component{min-width:0;padding:10px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px}.package-component-heading{margin-bottom:8px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.package-component-heading>div{min-width:0;display:flex;flex-direction:column;gap:2px}.package-component-heading strong{font-size:10px}.package-component-heading em{margin-left:5px;padding:2px 4px;color:#fca5a5;background:#ef44441a;border-radius:4px;font-size:7px;font-style:normal;text-transform:uppercase}.package-component-heading span{color:var(--text-3);font-size:8px;line-height:1.4}.package-component-heading>b{flex:none;color:var(--success);font-size:10px}.package-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:5px}.package-options>button{min-width:0;min-height:54px;padding:7px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;overflow:hidden;text-align:left;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:7px}.package-options>button:hover{border-color:var(--border-strong)}.package-options>button.selected{color:var(--text);background:var(--primary-soft);border-color:var(--primary)}.package-options>button>span:not(.package-option-image){min-width:0;display:flex;flex-direction:column;gap:2px}.package-options>button strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.package-options>button small{overflow:hidden;color:var(--text-3);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.package-options>button b{flex:none;color:var(--success);font-size:9px}.package-options>button>i{width:20px;height:20px;grid-row:1;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--border)}.package-option-image{grid-column:1/-1;height:82px;margin:-7px -8px 3px;overflow:hidden;background:var(--surface-hover)}.package-option-image img{width:100%;height:100%;padding:5px;object-fit:contain}.package-text-input,.package-select{width:100%;min-height:38px;font-size:10px}textarea.package-text-input{min-height:70px;padding:8px 10px}.package-toggle{width:100%;min-height:38px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:7px}.package-toggle.selected{color:var(--text);background:#10b98114;border-color:var(--success)}.package-toggle span,.package-toggle strong{font-size:9px}.package-toggle strong{color:var(--success)}.package-number-input{min-height:38px;display:grid;grid-template-columns:minmax(70px,1fr) auto auto;align-items:center;gap:7px}.package-number-input input[type=number]{height:36px;font-size:10px}.package-number-input input[type=range]{min-width:80px}.package-number-input span,.package-number-input output{color:var(--text-3);font-size:9px}.package-number-input strong{color:var(--success);font-size:10px}.package-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-3);border:1px dashed var(--border-strong);border-radius:10px}.package-empty strong{color:var(--text-2);font-size:12px}.package-empty span{font-size:9px}.package-structure-editor .cpq-config-layout{flex:1;min-height:0}.package-terms-fields{margin-top:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.package-terms-fields>header{margin-bottom:10px}.package-terms-fields>header>div{display:flex;flex-direction:column;gap:2px}.package-terms-fields>header strong{font-size:11px}.package-terms-fields>header span{color:var(--text-3);font-size:9px}.package-terms-fields>div{display:grid;grid-template-columns:180px 1fr 1fr;gap:10px}.package-inspector{min-width:0;min-height:0;padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border)}.package-inspector.collapsed{padding:8px 5px;overflow:hidden}.package-inspector-toggle{min-height:34px;padding:7px 9px;display:flex;align-items:center;gap:7px;color:var(--text-2);background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px}.package-inspector-toggle span{flex:1;text-align:left;font-size:9px;font-weight:750}.package-inspector-toggle svg:last-child{transition:transform .2s}.package-inspector.collapsed .package-inspector-toggle{padding:8px;flex-direction:column}.package-inspector.collapsed .package-inspector-toggle span{display:none}.package-inspector.collapsed .package-inspector-toggle svg:last-child{transform:rotate(90deg)}.package-inspector-total{padding:14px;display:flex;flex-direction:column;gap:4px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:10px}.package-inspector-total span{color:#ffffffb8;font-size:8px;font-weight:800;letter-spacing:.08em}.package-inspector-total strong{font-size:25px;letter-spacing:-.04em}.package-inspector-total small{color:#ffffffb3;font-size:8px}.package-inspector-math{display:flex;flex-direction:column}.package-inspector-math>div{min-height:36px;padding:7px 2px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border)}.package-inspector-math span{color:var(--text-3);font-size:9px}.package-inspector-math strong{font-size:10px}.package-inspector-model .model-viewer-shell,.package-inspector-model .model-viewer-empty{height:190px}.package-price-legend{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--text-3);font-size:8px}.package-price-legend span{display:flex;align-items:center;gap:4px}.package-price-legend i{width:6px;height:6px;background:var(--text-3);border-radius:50%}.package-price-legend span:nth-child(2) i{background:var(--success)}.package-price-legend span:nth-child(3) i{background:#fb7185}.package-review{display:flex;flex-direction:column;gap:10px}.package-review-hero{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(135deg,#3730a3,#7c3aed);border-radius:11px}.package-review-hero span{color:#ffffffb8;font-size:8px;font-weight:800;letter-spacing:.1em}.package-review-hero h2{margin-top:3px;font-size:28px}.package-review-hero p{margin-top:3px;color:#ffffffb8;font-size:9px}.package-review-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.package-review-kpis>div{padding:11px 12px;display:flex;flex-direction:column;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.package-review-kpis span{color:var(--text-3);font-size:8px;text-transform:uppercase}.package-review-kpis strong{font-size:14px}.package-review-body{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.package-review-body>section{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.package-review-body h3{margin-bottom:8px;font-size:11px}.package-review-row{min-height:44px;padding:7px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border)}.package-review-row>span{display:flex;flex-direction:column;gap:2px;color:var(--text-2);font-size:9px}.package-review-row small{color:var(--text-3);font-size:8px}.package-review-row strong{color:var(--success);font-size:10px}.package-terms-summary{display:flex;flex-direction:column;gap:5px}.package-terms-summary strong{margin-top:4px;color:var(--text-2);font-size:9px}.package-terms-summary p{color:var(--text-3);font-size:9px;line-height:1.5;white-space:pre-wrap}.cpq-setup-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-bottom:16px}.cpq-setup-steps button{min-width:0;min-height:58px;padding:9px 13px;position:relative;display:flex;align-items:center;gap:9px;text-align:left;color:var(--text-2);background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px}.cpq-setup-steps button:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.cpq-setup-steps button.active{color:var(--text);background:var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.cpq-step-number{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;color:var(--text-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:50%;font-size:11px;font-weight:800}.cpq-setup-steps button.active .cpq-step-number{color:#fff;background:var(--primary);border-color:var(--primary)}.cpq-setup-steps button>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.cpq-setup-steps strong{font-size:12px}.cpq-setup-steps small{overflow:hidden;color:var(--text-3);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cpq-step-chevron{margin-left:auto;color:var(--text-3)}.cpq-step-heading{margin-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.cpq-step-heading>div:first-child>span{color:var(--primary);font-size:9px;font-weight:850;letter-spacing:.09em}.cpq-step-heading h2{margin-top:3px;font-size:18px}.cpq-step-heading p{margin-top:3px;color:var(--text-3);font-size:11px}.cpq-step-nav{display:flex;gap:7px}.cpq-step-content{height:calc(100% - 61px);min-height:0}.cpq-config-layout.focus-groups{justify-content:center}.cpq-config-layout.focus-groups .cpq-groups-col{width:min(680px,100%)!important;margin:0!important;padding:20px!important;background:var(--surface);border:1px solid var(--border)!important;border-radius:13px}.cpq-config-layout.focus-groups .cpq-categories-col,.cpq-config-layout.focus-groups .cpq-editor-col{display:none}.cpq-preview-page{height:100%;overflow:auto;padding-bottom:32px}.cpq-preview-intro{padding:14px 16px;display:flex;align-items:center;gap:12px;background:var(--primary-soft);border:1px solid rgba(99,102,241,.2);border-radius:12px}.cpq-preview-intro>span{width:36px;height:36px;display:grid;place-items:center;color:var(--primary);background:var(--surface);border-radius:9px}.cpq-preview-intro h2{font-size:14px}.cpq-preview-intro p{margin-top:3px;color:var(--text-2);font-size:11px}.cpq-preview-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}.cpq-preview-card{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow-sm)}.cpq-preview-card .model-viewer-shell{height:230px;border:0;border-bottom:1px solid var(--border);border-radius:0}.cpq-preview-image{height:230px;display:grid;place-items:center;overflow:hidden;background:var(--surface-hover);border-bottom:1px solid var(--border)}.cpq-preview-image img{width:100%;height:100%;padding:12px;object-fit:contain}.cpq-preview-card-body{padding:15px}.cpq-preview-card-body>span{color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.07em}.cpq-preview-card-body h3{margin-top:5px;font-size:15px}.cpq-preview-card-body p{min-height:34px;margin:5px 0 12px;color:var(--text-2);font-size:11px;line-height:1.5}.cpq-preview-card-body strong{font-size:15px}.cpq-preview-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--text-3);border:1px dashed var(--border-strong);border-radius:13px}.cpq-preview-empty strong{color:var(--text-2)}.cpq-preview-structure{margin-top:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.cpq-preview-structure h3{font-size:14px}.cpq-preview-structure>p{margin-top:3px;color:var(--text-3);font-size:10px}.cpq-preview-structure>div{margin-top:12px;display:grid;gap:7px}.cpq-preview-structure>div>div{min-height:46px;padding:8px 11px;display:grid;grid-template-columns:28px minmax(120px,1fr) auto;align-items:center;gap:9px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:9px}.cpq-preview-structure>div>div>span{width:25px;height:25px;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:7px;font-size:10px;font-weight:800}.cpq-preview-structure strong{font-size:12px}.cpq-preview-structure small{color:var(--text-3);font-size:10px}.cpq-component-price{width:max-content;margin-top:5px;padding:2px 6px;color:var(--success);background:#10b9811a;border-radius:5px;font-size:9px;font-weight:750}.cpq-template-picker{margin-top:6px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:5px;background:var(--surface);border:1px solid var(--border-strong);border-radius:9px}.cpq-template-picker>div{grid-column:1/-1;padding:2px 3px 6px;display:flex;flex-direction:column;gap:2px}.cpq-template-picker>div strong{font-size:11px}.cpq-template-picker>div small{color:var(--text-3);font-size:9px;line-height:1.35}.cpq-template-picker>button{min-width:0;padding:7px;display:flex;flex-direction:column;gap:2px;text-align:left;color:var(--text-2);background:var(--surface-subtle);border:1px solid var(--border);border-radius:7px}.cpq-template-picker>button:hover{color:var(--text);border-color:var(--success);background:#10b9810f}.cpq-template-picker>button strong{font-size:10px}.cpq-template-picker>button span{overflow:hidden;color:var(--text-3);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.estimate-kpis{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.estimate-kpis>div{min-width:0;padding:13px 14px;display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:11px}.estimate-kpis span{color:var(--text-3);font-size:9px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.estimate-kpis strong{overflow:hidden;font-size:18px;letter-spacing:-.03em;text-overflow:ellipsis}.estimate-kpis small{color:var(--text-3);font-size:9px}.estimate-kpis .estimate-kpi-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent}.estimate-kpis .estimate-kpi-primary span,.estimate-kpis .estimate-kpi-primary small{color:#ffffffb8}.estimate-summary-grid{margin-top:12px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:12px;align-items:start}.estimate-model-panel,.estimate-breakdown{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:12px}.estimate-section-heading{min-height:58px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.estimate-section-heading>div>span{color:var(--primary);font-size:8px;font-weight:850;letter-spacing:.09em}.estimate-section-heading h3{margin-top:2px;font-size:13px}.estimate-section-heading>strong{padding:5px 8px;color:var(--text-2);background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;font-size:9px}.estimate-model-panel .model-viewer-shell,.estimate-model-panel .model-viewer-empty{height:340px;border:0;border-radius:0}.estimate-model-panel .cpq-preview-image{height:340px}.estimate-model-meta{padding:13px 14px;border-top:1px solid var(--border)}.estimate-model-meta strong{font-size:12px}.estimate-model-meta p{margin-top:4px;color:var(--text-2);font-size:10px;line-height:1.5}.estimate-breakdown>article{border-bottom:1px solid var(--border)}.estimate-breakdown>article:last-child{border-bottom:0}.estimate-breakdown article>header{padding:10px 13px;display:flex;align-items:flex-start;gap:9px;background:var(--surface-subtle)}.estimate-breakdown article>header>span{width:24px;height:24px;flex:none;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:6px;font-size:9px;font-weight:800}.estimate-breakdown article>header div{min-width:0;display:flex;flex-direction:column;gap:2px}.estimate-breakdown article>header strong{font-size:11px}.estimate-breakdown article>header small{overflow:hidden;color:var(--text-3);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.estimate-breakdown article>div>div{padding:8px 13px 8px 46px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border)}.estimate-breakdown article>div span{min-width:0;display:flex;flex-direction:column;color:var(--text-2);font-size:10px}.estimate-breakdown article>div small{margin-top:2px;color:var(--text-3);font-size:8px}.estimate-breakdown article>div strong{flex:none;color:var(--success);font-size:10px}.cpq-configured-model{height:260px;margin:-16px -16px 16px}.cpq-configured-model .model-viewer-shell{height:100%;border-radius:12px 12px 0 0}.cpq-won-projects{height:100%;overflow:auto;padding-bottom:30px}.cpq-won-intro{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--text);background:linear-gradient(135deg,var(--primary-soft),var(--surface));border:1px solid rgba(99,102,241,.24);border-radius:13px}.cpq-won-intro>div>span{color:var(--primary);font-size:9px;font-weight:850;letter-spacing:.1em}.cpq-won-intro h2{margin-top:4px;font-size:17px}.cpq-won-intro p{max-width:720px;margin-top:5px;color:var(--text-2);font-size:11px;line-height:1.5}.cpq-won-intro>strong{min-width:max-content;padding:8px 11px;color:var(--success);background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:11px}.cpq-won-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:10px}.cpq-won-grid>button{min-height:170px;padding:15px;display:flex;flex-direction:column;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .16s,transform .16s,box-shadow .16s}.cpq-won-grid>button:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.cpq-won-grid>button.selected{background:var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 3px #6366f114}.cpq-won-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cpq-won-card-top>span{color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.06em}.cpq-won-card-top strong,.cpq-won-card-top small{padding:3px 6px;display:inline-flex;align-items:center;gap:4px;color:#a78bfa;background:#7c3aed1f;border-radius:5px;font-size:9px;font-weight:750}.cpq-won-card-top small{color:var(--text-3);background:var(--surface-hover)}.cpq-won-grid h3{margin-top:13px;font-size:14px;line-height:1.35}.cpq-won-grid p{margin-top:4px;color:var(--text-3);font-size:10px}.cpq-won-grid>button>div:nth-of-type(2){margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}.cpq-won-grid>button>div:nth-of-type(2) span{padding:3px 6px;color:var(--text-2);background:var(--surface-hover);border-radius:5px;font-size:9px}.cpq-won-grid footer{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:10px;color:var(--text-3);border-top:1px solid var(--border);font-size:9px}.cpq-won-grid footer svg{margin-left:auto}.cpq-wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cpq-wizard{width:min(1060px,96vw);height:min(90vh,860px);display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-lg)}.cpq-wizard>div{border-color:var(--border)!important}.cpq-step-dot{padding:0;display:flex;align-items:center;gap:6px;flex-shrink:0;color:inherit;background:transparent;border:0}.cpq-step-dot:disabled{cursor:default}.cpq-wizard [style*="color: rgb(240, 240, 240)"],.cpq-wizard [style*="color: #f0f0f0"]{color:var(--text)!important}.cpq-wizard [style*="color: rgb(209, 213, 219)"],.cpq-wizard [style*="color: #d1d5db"],.cpq-wizard [style*="color: #9ca3af"]{color:var(--text-2)!important}.cpq-wizard [style*="color: rgb(107, 114, 128)"],.cpq-wizard [style*="color: #6b7280"],.cpq-wizard [style*="color: #4b5563"]{color:var(--text-3)!important}.cpq-wizard [style*="rgba(255,255,255,0.02)"],.cpq-wizard [style*="rgba(255, 255, 255, 0.02)"]{background:var(--surface-subtle)!important}.cpq-base-card{position:relative;overflow:hidden;text-align:left;color:var(--text);background:var(--surface-subtle)!important;border-color:var(--border)!important}.cpq-base-card:hover{border-color:var(--primary)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.cpq-base-card.selected{border-color:var(--primary)!important;background:var(--primary-soft)!important}.cpq-base-image{height:116px;margin:-20px -20px 16px;display:block;overflow:hidden;background:var(--surface-hover)}.cpq-base-image img{width:100%;height:100%;padding:8px;object-fit:contain}.cpq-choice-select{max-width:520px;min-height:42px}.cpq-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.cpq-choice-image{width:calc(100% + 28px);height:148px;margin:-12px -14px 9px;display:grid;place-items:center;overflow:hidden;color:var(--text-3);background:linear-gradient(135deg,var(--surface-hover),var(--surface-subtle));border-bottom:1px solid var(--border)}.cpq-choice-image img{width:100%;height:100%;padding:8px;object-fit:contain;object-position:center}.cpq-choice-card{min-width:0;padding:11px 13px;display:flex;flex-direction:column;gap:4px;overflow:hidden;text-align:left;color:var(--text);background:var(--surface-subtle);border:2px solid var(--border);border-radius:9px;transition:border-color .15s,transform .15s,box-shadow .15s}.cpq-choice-card:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.cpq-choice-card.selected{background:var(--primary-soft);border-color:var(--choice-color,var(--primary))}.cpq-choice-name{display:flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:650;line-height:1.4}.cpq-choice-radio{grid-template-columns:1fr}.cpq-choice-radio .cpq-choice-card{flex-direction:row;align-items:center}.cpq-choice-swatches{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}.cpq-choice-swatches .cpq-choice-card{flex-direction:row;align-items:center}.cpq-swatch{width:34px;height:34px;flex-shrink:0;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--border-strong)}.cpq-checkbox,.cpq-radio{width:17px;height:17px;flex-shrink:0;display:grid;place-items:center;color:#fff;border:1px solid var(--border-strong);background:var(--surface)}.cpq-checkbox{border-radius:4px}.selected .cpq-checkbox{background:var(--primary);border-color:var(--primary)}.cpq-radio{border-radius:50%}.cpq-radio i{width:7px;height:7px;background:var(--primary);border-radius:50%}.cpq-input-settings{padding:16px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px}.cpq-settings-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:8px}.cpq-settings-row>div{min-width:0}.cpq-input-component{max-width:620px;position:relative}.cpq-input-component textarea{min-height:110px}.cpq-number-component{display:grid;grid-template-columns:38px minmax(100px,180px) auto 38px;align-items:center;gap:7px}.cpq-number-component button{height:38px;color:var(--text);background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;font-size:18px}.cpq-number-component input{text-align:center}.cpq-number-component>span{min-width:28px;color:var(--text-2);font-size:12px;font-weight:700}.cpq-toggle-component{min-width:230px;padding:11px 13px;display:flex;align-items:center;gap:10px;color:var(--text-2);background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px}.cpq-toggle-component>span{width:38px;height:22px;padding:3px;display:flex;background:var(--border-strong);border-radius:99px;transition:background .16s}.cpq-toggle-component i{width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .16s}.cpq-toggle-component.active{color:var(--text);background:var(--primary-soft);border-color:var(--primary)}.cpq-toggle-component.active>span{background:var(--primary)}.cpq-toggle-component.active i{transform:translate(16px)}.cpq-toggle-component small{margin-left:auto;color:var(--success)}.cpq-slider-component{max-width:620px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px}.cpq-slider-component input{padding:0;border:0;box-shadow:none;accent-color:var(--primary)}.cpq-slider-component output{min-width:80px;padding:7px 10px;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;font-weight:750}.cpq-slider-component>div{grid-column:1;display:flex;justify-content:space-between;color:var(--text-3);font-size:10px}@media (max-width:760px){.cpq-display-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpq-wizard-overlay{padding:0}.cpq-wizard{width:100%;height:100%;max-height:none;border-radius:0}.cpq-choice-grid{grid-template-columns:1fr}.cpq-settings-row{grid-template-columns:1fr 1fr}.cpq-choice-image{height:180px}.cpq-model-actions{grid-template-columns:1fr}}@media (max-width:980px){.cpq-config-layout{display:grid!important;grid-template-columns:210px minmax(0,1fr);grid-template-rows:minmax(220px,40%) minmax(360px,1fr);overflow:auto!important;gap:14px!important}.cpq-groups-col{width:auto!important;margin:0!important;padding-right:12px!important}.cpq-categories-col{width:auto!important;margin:0!important;padding:0!important;border-right:0!important}.cpq-editor-col{grid-column:1 / -1;padding-top:14px;border-top:1px solid var(--border)}}.dashboard{height:100%;overflow-y:auto;padding:24px 28px 48px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.eyebrow{color:var(--primary);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.page-heading h1{margin-top:4px;font-size:25px;letter-spacing:-.035em}.page-heading p{margin-top:5px;color:var(--text-2);font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px;min-height:114px;display:flex;flex-direction:column;justify-content:space-between}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.metric-value{margin-top:13px;font-size:28px;font-weight:800;letter-spacing:-.04em}.metric-label{margin-top:2px;color:var(--text-2);font-size:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,.75fr);gap:14px;margin-top:14px}.chart-card{min-height:355px;padding:20px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.card-heading h2{font-size:15px;letter-spacing:-.01em}.card-heading p{margin-top:4px;color:var(--text-3);font-size:11px}.stage-progress{display:flex;gap:3px;height:7px;overflow:hidden;border-radius:99px;background:var(--surface-hover);margin-bottom:18px}.stage-progress span{min-width:3px;transition:flex .25s var(--ease)}.recent-card{margin-top:14px;padding:20px}.recent-list{display:flex;flex-direction:column}.recent-row{width:100%;padding:13px 10px;display:grid;grid-template-columns:minmax(220px,2fr) minmax(120px,1fr) minmax(120px,1fr) 90px 22px;gap:18px;align-items:center;text-align:left;border:0;border-top:1px solid var(--border);color:inherit;background:transparent;border-radius:7px}.recent-row:hover{background:var(--surface-hover)}.recent-name{font-weight:700;font-size:13px}.recent-client{margin-top:3px;color:var(--text-3);font-size:11px}.badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:750}.pipeline-board{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.pipeline-overview{min-height:58px;flex-shrink:0;padding:10px 22px;display:flex;align-items:center;gap:11px;background:var(--surface-subtle);border-bottom:1px solid var(--border)}.pipeline-overview-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border:1px solid rgba(99,102,241,.2);border-radius:10px}.pipeline-overview>div{display:flex;flex-direction:column;gap:2px}.pipeline-overview strong{color:var(--text);font-size:12px}.pipeline-overview span{color:var(--text-3);font-size:10px}.pipeline-overview .pipeline-total{margin-left:auto;align-items:flex-end}.pipeline-overview .pipeline-total strong{font-size:16px;line-height:1}.kanban{flex:1;min-height:0;overflow:auto hidden;display:flex;gap:0;padding:18px 22px 24px;align-items:stretch;scroll-behavior:smooth}.pipeline-stage-wrap{height:100%;display:flex;align-items:center;flex-shrink:0}.kanban-column{width:292px;min-width:292px;height:100%;min-height:400px;display:flex;flex-direction:column;background:var(--column-bg);border:1px solid var(--border);border-top:2px solid;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.kanban-column.terminal{background:linear-gradient(180deg,var(--surface-subtle),var(--column-bg) 110px)}.pipeline-connector{width:46px;min-width:46px;align-self:stretch;display:flex;align-items:flex-start;justify-content:center;position:relative;padding-top:34px}.pipeline-connector>span:first-child,.pipeline-connector>span:last-child{position:absolute;top:47px;width:14px;height:1px;background:var(--border-strong)}.pipeline-connector>span:first-child{left:0}.pipeline-connector>span:last-child{right:0}.pipeline-arrow{position:relative;z-index:2;width:28px;height:28px;display:grid;place-items:center;color:var(--text-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:50%;box-shadow:var(--shadow-sm)}.column-header{min-height:70px;padding:14px 14px 11px;background:var(--surface-subtle);border-bottom:1px solid var(--border)}.column-title-row{display:flex;align-items:center;gap:8px}.pipeline-index{min-width:25px;height:21px;display:grid;place-items:center;border-radius:6px;font-size:9px;font-weight:850;letter-spacing:.04em}.column-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.column-title{font-weight:750;flex:1}.column-count{min-width:24px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:7px;background:var(--surface-hover);color:var(--text-2);font-size:11px;font-weight:750}.column-meta{margin-top:6px;color:var(--text-3);font-size:10px;padding-left:17px}.column-body{flex:1;min-height:0;padding:12px 10px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:0}.project-card{width:100%;padding:14px;text-align:left;color:inherit;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);transition:all .17s var(--ease)}.project-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px #3157d51a}.project-id{color:var(--text-3);font-size:10px;font-weight:800;letter-spacing:.05em}.project-title{margin-top:6px;font-size:13px;font-weight:750;line-height:1.35}.project-client{margin-top:5px;color:var(--text-2);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-info{margin-top:11px;padding-top:10px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.project-info-item{display:inline-flex;align-items:center;gap:4px;color:var(--text-3);font-size:10px}.folder-card{width:100%;padding:0;position:relative;display:block;text-align:left;color:inherit;background:transparent;border:0;transform:translateZ(0);transition:transform .22s cubic-bezier(.2,.8,.2,1);backface-visibility:hidden}.folder-card:hover,.folder-card:focus-visible{z-index:50!important;transform:translate3d(0,-6px,0)}.folder-card:focus-visible{outline:none}.folder-tab{position:relative;z-index:2;height:16px;margin-left:4px;padding:0 12px;display:inline-flex;align-items:center;color:#fffffff5;border-top:1px solid rgba(255,255,255,.42);border-left:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.1);border-radius:6px 12px 0 0;box-shadow:inset 0 1px 2px #ffffff3d;font-size:9px;font-weight:800;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.45)}.folder-body{margin-top:-1px;padding:14px;display:block;background:var(--card-bg);border:1px solid var(--border);border-top:2px solid;border-radius:4px 8px 8px;box-shadow:0 -5px 13px #00000038;transition:background .16s,border-color .16s,box-shadow .2s}.folder-card:hover .folder-body,.folder-card:focus-visible .folder-body,.folder-card.selected .folder-body{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:0 16px 30px #0000006b}.folder-card:focus-visible .folder-body{box-shadow:0 0 0 3px var(--primary-soft)}.folder-title{display:block;color:var(--text);font-size:13px;font-weight:650;line-height:1.4}.folder-card:hover .folder-title,.folder-card:focus-visible .folder-title,.folder-card.selected .folder-title{font-weight:750}.folder-expand{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.2,.8,.2,1)}.folder-card:hover .folder-expand,.folder-card:focus-visible .folder-expand,.folder-card.selected .folder-expand{grid-template-rows:1fr}.folder-expand-inner{min-height:0;overflow:hidden;display:block}.folder-details{padding-top:12px;margin-top:6px;display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--border);opacity:0;transform:translate3d(0,-8px,0);transition:opacity .16s,transform .2s cubic-bezier(.2,.8,.2,1)}.folder-card:hover .folder-details,.folder-card:focus-visible .folder-details,.folder-card.selected .folder-details{opacity:1;transform:translateZ(0)}.folder-detail-row{min-width:0;display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:11px}.folder-detail-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-detail-split{display:flex;align-items:center;gap:12px}.folder-footer{margin-top:4px;display:flex;align-items:center;justify-content:space-between;gap:8px}.folder-date{display:inline-flex;align-items:center;gap:4px;color:var(--text-3);font-size:10px}.add-card{min-height:38px;margin-top:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-3);background:transparent;border:1px dashed var(--border-strong);border-radius:9px;font-size:11px;font-weight:650}.add-card:hover{color:var(--text);border-color:var(--text-3);background:var(--surface-hover)}.empty-column{min-height:90px;display:grid;place-items:center;padding:16px;text-align:center;color:var(--text-3);border:1px dashed var(--border-strong);border-radius:9px;font-size:11px}.list-view{height:100%;overflow:auto;padding:20px 24px 40px}.data-table{min-width:930px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.table-row{display:grid;grid-template-columns:100px minmax(250px,2fr) 1fr 1.1fr 1.1fr 120px;gap:18px;align-items:center;min-height:66px;padding:0 18px;border-bottom:1px solid var(--border)}.table-header{min-height:46px;color:var(--text-3);background:var(--surface-subtle);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.table-project{border:0;width:100%;text-align:left;color:inherit;background:var(--surface)}.table-project:hover{background:var(--surface-hover)}.empty-state{min-height:280px;display:grid;place-items:center;text-align:center;color:var(--text-2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--overlay-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .16s var(--ease)}.modal{position:fixed;z-index:101;top:50%;left:50%;width:min(540px,calc(100vw - 32px));max-height:90vh;overflow-y:auto;transform:translate(-50%,-50%);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);animation:modalIn .2s var(--ease)}.modal-header{padding:22px 24px 0}.modal-title{font-size:19px;font-weight:800;letter-spacing:-.025em}.modal-subtitle{margin-top:5px;color:var(--text-2);font-size:12px}.modal-body{padding:20px 24px}.modal-footer{position:sticky;bottom:0;padding:15px 24px 20px;display:flex;justify-content:flex-end;gap:9px;background:var(--surface);border-top:1px solid var(--border)}.side-panel{position:fixed;z-index:90;inset:0 0 0 auto;width:min(560px,100vw);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slideInRight .24s var(--ease)}.side-panel.left{left:0;right:auto;border-left:0;border-right:1px solid var(--border);animation:slideInLeft .24s var(--ease)}.panel-header{padding:20px 22px 0;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border)}.panel-tabs{display:flex;gap:22px;margin-top:20px}.panel-tab{padding:0 0 11px;color:var(--text-3);background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;font-weight:750}.panel-tab.active{color:var(--primary);border-color:var(--primary)}.panel-body{flex:1;overflow-y:auto;padding:22px 22px 42px}.panel-section{margin-bottom:22px}.section-title{margin-bottom:10px;color:var(--text-3);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.save-state{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-size:10px;font-weight:700}.danger-zone{margin-top:30px;padding:14px;border:1px solid rgba(239,68,68,.22);border-radius:11px;background:#ef44440d}.toast{position:fixed;z-index:200;left:50%;bottom:24px;transform:translate(-50%);min-width:260px;padding:12px 16px;display:flex;align-items:center;gap:9px;color:var(--bg);background:var(--text);border-radius:10px;box-shadow:var(--shadow-lg);animation:toastIn .2s var(--ease);font-size:12px;font-weight:650}.guided-tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;color:var(--text)}.tour-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent}.tour-blocker.dimmed{background:#020617b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tour-spotlight{position:fixed;z-index:2;top:var(--tour-top);left:var(--tour-left);width:var(--tour-width);height:var(--tour-height);pointer-events:none;border:3px solid #818cf8;border-radius:12px;box-shadow:0 0 0 9999px #020617b8,0 0 0 5px #818cf82e,0 12px 34px #00000052;transition:top .22s var(--ease),left .22s var(--ease),width .22s var(--ease),height .22s var(--ease)}.tour-spotlight:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid rgba(165,180,252,.7);border-radius:16px;animation:tourPulse 1.8s ease-in-out infinite}.tour-card{position:fixed;z-index:3;width:min(390px,calc(100vw - 28px));padding:18px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 24px 70px #00000073;animation:tourCardIn .2s var(--ease)}.tour-card.center{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-card.below{top:calc(var(--tour-top) + var(--tour-height) + 15px);left:clamp(14px,var(--tour-left),calc(100vw - 404px))}.tour-card.above{bottom:calc(100vh - var(--tour-top) + 15px);left:clamp(14px,var(--tour-left),calc(100vw - 404px))}.tour-card.below:before,.tour-card.above:before{content:"";position:absolute;left:28px;width:14px;height:14px;background:var(--surface);border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong);transform:rotate(45deg)}.tour-card.below:before{top:-8px}.tour-card.above:before{bottom:-8px;transform:rotate(225deg)}.tour-card-top{display:flex;align-items:center;gap:8px}.tour-step-icon{width:30px;height:30px;display:grid;place-items:center;color:#818cf8;background:#6366f124;border-radius:8px}.tour-progress{color:var(--text-3);font-size:10px;font-weight:800;letter-spacing:.08em}.tour-close{width:30px;height:30px;margin-left:auto;display:grid;place-items:center;color:var(--text-3);background:transparent;border:0;border-radius:8px}.tour-close:hover{color:var(--text);background:var(--surface-hover)}.tour-card h2{margin-top:14px;font-size:18px;letter-spacing:-.02em}.tour-card p{margin-top:7px;color:var(--text-2);font-size:12px;line-height:1.65}.tour-progress-bar{height:4px;margin-top:16px;overflow:hidden;background:var(--surface-hover);border-radius:99px}.tour-progress-bar span{height:100%;display:block;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:inherit;transition:width .22s var(--ease)}.tour-actions{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-actions>div{display:flex;gap:7px}.tour-actions button{min-height:36px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:8px;font-size:11px;font-weight:750}.tour-skip{color:var(--text-3);background:transparent;border:0}.tour-skip:hover{color:var(--text)}.tour-back{color:var(--text-2);background:var(--surface-hover);border:1px solid var(--border)}.tour-back:disabled{opacity:.35}.tour-next{color:#fff;background:#6366f1;border:1px solid #6366f1;box-shadow:0 5px 14px #6366f147}.tour-next:hover{background:#7779f5}@keyframes tourPulse{0%,to{opacity:.35;transform:scale(.995)}50%{opacity:1;transform:scale(1.01)}}@keyframes tourCardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tour-card.center{animation-name:tourCenterIn}@keyframes tourCenterIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 7px))}to{opacity:1;transform:translate(-50%,-50%)}}.recharts-cartesian-grid line{stroke:var(--border)!important}.recharts-cartesian-axis-tick text{fill:var(--text-3)!important}:root[data-theme=light] .side-panel div:not(.color-dot),:root[data-theme=light] .side-panel span,:root[data-theme=light] .side-panel label,:root[data-theme=light] .catalog-manager div:not(.color-dot),:root[data-theme=light] .catalog-manager span,:root[data-theme=light] .catalog-manager label,:root[data-theme=light] .estimate-theme div,:root[data-theme=light] .estimate-theme span,:root[data-theme=light] .estimate-theme label{color:var(--text-2)!important}:root[data-theme=light] .side-panel input,:root[data-theme=light] .side-panel textarea,:root[data-theme=light] .side-panel select,:root[data-theme=light] .catalog-manager input,:root[data-theme=light] .catalog-manager textarea,:root[data-theme=light] .catalog-manager select,:root[data-theme=light] .estimate-theme input,:root[data-theme=light] .estimate-theme textarea,:root[data-theme=light] .estimate-theme select{color:var(--text)!important;background:var(--field-bg)!important;border-color:var(--border-strong)!important}:root[data-theme=light] .catalog-manager [style*="rgba(255, 255, 255"]{background-color:var(--surface-subtle)!important;border-color:var(--border)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-47%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 1500px){.app-header{gap:8px;padding-inline:16px}.view-switch span,.header-actions .btn-ghost span{display:none}.header-search{max-width:210px}.filter-select{width:112px}.filter-select.type-filter{width:118px}}@media (max-width: 1180px){.app-header{gap:10px;padding:0 14px}.brand-subtitle,.header-count,.header-divider{display:none}.header-search{max-width:170px}.filter-select.type-filter{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.package-project-bar{grid-template-columns:minmax(190px,.8fr) minmax(220px,.7fr) auto;gap:10px;padding-inline:12px}.package-project-stats>span{min-width:88px;padding-inline:7px}.package-project-stats .total{min-width:112px}.package-workbench{grid-template-columns:190px minmax(0,1fr) 276px}.package-workbench.inspector-collapsed{grid-template-columns:190px minmax(0,1fr) 48px}.package-step-rail button div small{display:none}.package-components-grid{grid-template-columns:1fr}}@media (max-width: 760px){.app-header{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 12px}.brand{flex:1}.module-nav{order:3;width:100%}.module-nav button{flex:1}.header-search{order:4;max-width:none;flex-basis:100%}.filter-select{order:5;flex:1;width:auto}.filter-select.type-filter{display:block}.clear-filter{order:5}.header-actions{margin-left:0}.header-actions .btn-primary{font-size:0;width:36px;padding:0}.header-actions .btn-primary svg{margin:0}.dashboard{padding:18px 14px 36px}.page-heading{align-items:flex-start}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:104px;padding:14px}.metric-value{font-size:24px}.chart-card{min-height:320px}.recent-row{grid-template-columns:1fr auto}.recent-row>:not(:first-child):not(:last-child){display:none}.field-grid{grid-template-columns:1fr}.tour-card.below,.tour-card.above{left:14px;right:14px;width:auto}.tour-card{padding:16px}.tour-skip{padding-inline:4px!important}}@media (max-width: 760px){body{overscroll-behavior:none}button,select,input{touch-action:manipulation}.btn-icon,.clear-filter{min-width:44px;min-height:44px}.app-header{max-height:46dvh;overflow-y:auto;overscroll-behavior:contain;align-content:flex-start;gap:8px;padding:8px 10px}.brand-mark{width:34px;height:34px;border-radius:9px}.header-actions{order:2;width:100%;justify-content:space-between;gap:5px}.view-switch{flex:1}.view-switch button{flex:1;min-height:36px}.module-nav{order:3;overflow-x:auto;scrollbar-width:none}.module-nav::-webkit-scrollbar{display:none}.module-nav button{min-width:max-content;min-height:40px;padding-inline:11px}.header-search{order:4;min-width:100%}.header-search input,.filter-select{height:42px;font-size:13px}.filter-select{order:5;min-width:calc(50% - 24px)}.clear-filter{order:5}.header-actions .btn-primary{width:44px;min-width:44px;min-height:44px}.header-actions .btn-ghost,.theme-toggle{width:44px;min-width:44px;min-height:44px;padding:0}.admin-header{min-height:62px;flex-wrap:nowrap;overflow:visible}.admin-header .brand{min-width:0}.admin-header .brand-name{display:block;white-space:nowrap}.admin-workspace-label{display:none}.admin-header .admin-actions{order:initial;width:auto;flex-shrink:0}.admin-header .guide-button{width:auto;padding:0 12px}.admin-header .guide-button span{display:inline}.dashboard{padding:14px 10px calc(30px + env(safe-area-inset-bottom))}.page-heading{margin-bottom:14px}.page-heading h1{font-size:22px}.page-heading p{font-size:12px}.metric-grid{gap:8px}.metric-card{min-height:98px}.dashboard-grid{gap:10px;margin-top:10px}.chart-card,.recent-card{padding:15px}.chart-card{min-height:300px}.recent-card{margin-top:10px}.recent-row{min-height:62px;padding:11px 6px;gap:8px}.pipeline-overview{min-height:50px;padding:8px 12px}.pipeline-overview-icon{width:32px;height:32px}.pipeline-overview>div:not(.pipeline-total) span{display:none}.pipeline-overview .pipeline-total span{font-size:9px}.kanban{padding:12px 10px calc(14px + env(safe-area-inset-bottom));scroll-snap-type:x mandatory;scroll-padding-inline:10px;-webkit-overflow-scrolling:touch}.pipeline-stage-wrap{height:100%;scroll-snap-align:start}.kanban-column{width:calc(100vw - 34px);min-width:calc(100vw - 34px);min-height:320px;border-radius:12px}.pipeline-connector{width:26px;min-width:26px}.pipeline-connector>span:first-child,.pipeline-connector>span:last-child{width:4px}.pipeline-arrow{width:24px;height:24px}.column-body{padding:10px 9px 14px}.folder-card:hover{transform:none}.list-view{padding:10px 10px calc(30px + env(safe-area-inset-bottom))}.data-table{min-width:0;border:0;background:transparent;box-shadow:none;display:grid;gap:9px}.table-header{display:none}.table-project{min-height:88px;padding:13px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:9px 12px;border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow-sm)}.table-project>:nth-child(2){grid-column:1;grid-row:1;min-width:0}.table-project>:nth-child(5){grid-column:2;grid-row:1;align-self:start}.table-project>:nth-child(1){grid-column:1;grid-row:2;align-self:end}.table-project>:nth-child(6){grid-column:2;grid-row:2;align-self:end;text-align:right}.table-project>:nth-child(3),.table-project>:nth-child(4){display:none}.side-panel{width:100%;height:100dvh;border:0}.panel-header{padding:14px 14px 0}.panel-tabs{gap:16px;margin-top:14px;overflow-x:auto}.panel-tab{min-width:max-content;min-height:42px}.panel-body{padding:16px 14px calc(32px + env(safe-area-inset-bottom))}.modal{top:auto;bottom:0;left:0;width:100%;max-height:92dvh;transform:none;border-radius:16px 16px 0 0;animation:slideInUp .2s var(--ease)}.modal-header{padding:18px 16px 0}.modal-body{padding:16px}.modal-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom))}.toast{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100vw - 24px);min-width:0}.catalog-manager{min-height:0}.cpq-studio-header{padding:16px 14px 0!important}.cpq-studio-heading{margin-bottom:12px!important}.cpq-studio-heading>div>div:first-child{font-size:19px!important}.cpq-studio-stats{gap:7px 14px!important;flex-wrap:wrap}.cpq-studio-stats>div{font-size:10px!important}.cpq-studio-tabs{overflow-x:auto;scrollbar-width:none}.cpq-studio-tabs::-webkit-scrollbar{display:none}.cpq-studio-tabs button{min-width:max-content;min-height:44px;padding:9px 12px!important;font-size:11px!important}.cpq-studio-body{min-height:0;overflow:auto!important;padding:14px!important;-webkit-overflow-scrolling:touch}.cpq-setup-steps{grid-template-columns:1fr 1fr;gap:6px;padding-bottom:12px}.cpq-setup-steps button{min-height:52px;padding:7px 9px}.cpq-step-number{width:25px;height:25px}.cpq-step-chevron{display:none}.cpq-step-heading{align-items:flex-start;margin-bottom:12px}.cpq-step-heading p{display:none}.cpq-step-nav .btn-secondary,.cpq-step-nav .btn-primary{min-height:40px;padding-inline:10px;font-size:11px}.cpq-step-content{height:auto;min-height:calc(100% - 58px)}.cpq-config-layout{height:auto!important;min-height:100%;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(360px,auto)!important;gap:14px!important;overflow:visible!important}.cpq-groups-col,.cpq-categories-col{width:100%!important;max-height:260px;margin:0!important;padding:0 0 12px!important;overflow:auto!important;border-right:0!important;border-bottom:1px solid var(--border)}.cpq-editor-col{grid-column:1!important;min-height:360px;overflow:visible!important;padding-top:0;border-top:0}.cpq-modules-layout{height:auto!important;min-height:100%;flex-direction:column;gap:14px!important}.cpq-project-visual{display:flex;flex-direction:column;overflow:visible}.cpq-modules-list{max-height:300px;flex:none!important;overflow:auto!important}.cpq-project-model{min-height:310px}.cpq-project-model .model-viewer-shell,.cpq-project-model .model-viewer-empty{height:255px;min-height:255px;flex:none}.cpq-project-model-heading{align-items:flex-start;flex-direction:column;gap:5px}.cpq-module-editor{width:100%!important;padding:16px!important}.model-viewer-shell,.model-viewer-empty{height:210px}.cpq-model-actions{grid-template-columns:1fr}.cpq-model-upload,.cpq-model-actions .cpq-clear-image{min-height:42px}.cpq-preview-grid{grid-template-columns:1fr}.cpq-preview-structure>div>div{grid-template-columns:28px minmax(0,1fr)}.cpq-preview-structure small{grid-column:2}.estimate-kpis{grid-template-columns:1fr 1fr}.estimate-kpis strong{font-size:15px}.estimate-summary-grid{grid-template-columns:1fr}.estimate-model-panel .model-viewer-shell,.estimate-model-panel .model-viewer-empty,.estimate-model-panel .cpq-preview-image{height:260px}.estimate-breakdown article>div>div{padding-left:13px;align-items:flex-start}.cpq-won-intro{padding:14px;align-items:flex-start;flex-direction:column;gap:10px}.cpq-won-grid{grid-template-columns:1fr}.cpq-display-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpq-display-grid button{min-height:64px}.cpq-image-row{align-items:flex-start}.cpq-image-preview{width:68px;height:58px}.cpq-wizard{height:100dvh}.cpq-wizard-header{padding:12px 14px!important}.cpq-wizard-body{padding:16px 14px!important}.cpq-base-grid{grid-template-columns:1fr!important;gap:10px!important}.cpq-base-card{padding:15px!important}.cpq-choice-grid,.cpq-choice-swatches{grid-template-columns:1fr}.cpq-choice-image{height:160px}.cpq-number-component{grid-template-columns:44px minmax(90px,1fr) auto 44px}.cpq-number-component button{height:44px}.cpq-slider-component{grid-template-columns:1fr}.cpq-slider-component output{grid-row:2}.cpq-slider-component>div{grid-column:1}.cpq-wizard-footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;gap:8px;flex-wrap:wrap}.cpq-wizard-footer>div:first-child{min-width:100%}.cpq-wizard-footer>div:last-child{width:100%;justify-content:space-between;gap:8px!important}.tour-card.mobile-top,.tour-card.mobile-bottom{left:10px;right:10px;width:auto;max-height:42dvh;overflow-y:auto;padding:14px}.tour-card.mobile-top{top:calc(10px + env(safe-area-inset-top))}.tour-card.mobile-bottom{bottom:calc(10px + env(safe-area-inset-bottom))}.tour-card.mobile-top:before,.tour-card.mobile-bottom:before{display:none}.tour-card h2{margin-top:10px;font-size:16px}.tour-card p{font-size:11px;line-height:1.5}.tour-progress-bar,.tour-actions{margin-top:12px}.tour-actions button{min-height:40px}.package-estimator{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.package-project-bar{min-height:0;padding:10px;display:grid;grid-template-columns:1fr;gap:8px}.package-project-bar>div:first-child strong{font-size:13px}.package-project-bar>label{grid-template-columns:54px minmax(0,1fr)}.package-project-stats{width:100%;display:grid;grid-template-columns:1fr 1fr 1.2fr}.package-project-stats>span,.package-project-stats .total{min-width:0}.package-workbench,.package-workbench.inspector-collapsed{flex:none;min-height:0;display:flex;flex-direction:column;overflow:visible}.package-step-rail{min-height:72px;padding:7px 8px;flex:none;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--border);scrollbar-width:none}.package-step-rail::-webkit-scrollbar{display:none}.package-step-rail>div{min-width:112px;padding:5px 7px;align-items:flex-start;flex-direction:column;justify-content:center}.package-step-rail>button{min-width:145px;min-height:56px;flex:none}.package-step-rail button div small{display:none}.package-workspace{flex:none;min-height:530px;overflow:visible}.package-workspace-header{min-height:58px;padding:9px 12px}.package-workspace-header h1{font-size:15px}.package-history-controls button{min-width:42px;width:42px;padding:0}.package-history-controls button span{display:none}.package-workspace-content{min-height:420px;padding:10px;overflow:visible}.package-action-bar{position:sticky;bottom:0;z-index:8;min-height:58px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));grid-template-columns:auto 1fr auto auto;gap:6px}.package-action-bar>span{display:none}.package-action-bar button{min-height:42px;padding-inline:10px;font-size:10px}.package-basis{height:auto}.package-basis-note{grid-template-columns:auto minmax(0,1fr)}.package-basis-note>div:last-child{grid-column:1/-1;width:100%}.package-basis .cpq-modules-layout{height:auto!important}.package-basis .cpq-module-editor{width:100%!important}.package-mode-bar{align-items:flex-start}.package-mode-bar button{flex:none}.package-components-grid,.package-options{grid-template-columns:1fr}.package-option-image{height:140px}.package-terms-fields>div,.package-review-kpis,.package-review-body{grid-template-columns:1fr}.package-review-hero{align-items:flex-start;flex-direction:column;gap:12px}.package-inspector,.package-inspector.collapsed{flex:none;min-height:0;padding:10px;overflow:visible;border-top:1px solid var(--border);border-left:0}.package-inspector.collapsed{height:54px}.package-inspector.collapsed .package-inspector-toggle{flex-direction:row}.package-inspector.collapsed .package-inspector-toggle span{display:block}.package-inspector.collapsed .package-inspector-toggle svg:last-child{transform:rotate(0)}.package-inspector-model .model-viewer-shell,.package-inspector-model .model-viewer-empty{height:220px}}@media (max-width: 420px){.brand-name{display:none}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:88px}.header-actions{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.header-actions::-webkit-scrollbar{display:none}.filter-select{min-width:calc(50% - 5px)}.tour-actions{align-items:stretch}.tour-skip{display:none!important}.tour-actions>div{width:100%}.tour-actions>div button{flex:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}