*,*: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)}.admin-notifications{position:fixed;top:22px;right:22px;z-index:80;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:360px}.admin-notification{pointer-events:auto;display:grid;grid-template-columns:38px 1fr auto;align-items:flex-start;gap:12px;width:340px;padding:14px 14px 14px 12px;color:#f5f5fa;background:#1c1c206b;border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 22px 48px #00000080,0 1px 3px #0000004d,inset 0 1px #ffffff1f;backdrop-filter:saturate(200%) blur(60px) brightness(1.05);-webkit-backdrop-filter:saturate(200%) blur(60px) brightness(1.05);animation:admin-notif-slide-in .46s cubic-bezier(.2,.8,.2,1)}.admin-notification+.admin-notification{animation-delay:.08s}.admin-notification-icon{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed);border-radius:11px;box-shadow:0 6px 14px #8b5cf673,inset 0 1px #ffffff59}.admin-notification-body{min-width:0;display:flex;flex-direction:column;gap:2px}.admin-notification-title{color:#fffffff2;font-size:12px;font-weight:700;letter-spacing:-.01em}.admin-notification-text{color:#ffffffc7;font-size:13px;font-weight:550;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-notification-meta{margin-top:6px;display:flex;align-items:center;gap:8px}.admin-notification-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#fff;background:#a78bfa2e;border:1px solid rgba(167,139,250,.35);border-radius:99px}.admin-notification-time{color:#ffffff80;font-size:10px}.admin-notification-close{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#ffffff8c;align-self:flex-start}.admin-notification-close:hover{color:#fff;background:#ffffff1f}@keyframes admin-notif-slide-in{0%{opacity:0;transform:translate(24px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.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-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:5px 0 0 2px;padding:6px 13px 6px 11px;font-size:12px;font-weight:900;letter-spacing:.16em;color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed);border:1.5px solid rgba(255,255,255,.42);border-radius:99px;box-shadow:0 4px 16px #8b5cf6a6,inset 0 1px #ffffff61;text-transform:uppercase;line-height:1}.admin-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55ef2;animation:admin-badge-pulse 1.8s ease-in-out infinite;flex-shrink:0}.admin-badge svg{color:#fff}@keyframes admin-badge-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.admin-shell{background:radial-gradient(1100px 540px at 8% -8%,rgba(139,92,246,.18),transparent 62%),radial-gradient(900px 460px at 105% 10%,rgba(34,211,238,.08),transparent 62%),radial-gradient(1200px 700px at 50% 110%,rgba(139,92,246,.1),transparent 60%),linear-gradient(180deg,#11101d,#0a0916);color:#f5f5fa}.admin-shell .app-header{background:linear-gradient(180deg,#141220d9,#0e0d18d9);border-bottom:1px solid rgba(139,92,246,.18);box-shadow:0 1px #8b5cf614,0 6px 18px #00000073}.admin-shell .app-header:after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.5),transparent)}.admin-shell input,.admin-shell textarea,.admin-shell select{background:#141220a6;border-color:#8b5cf638;color:#f5f5fa}.admin-shell input::placeholder,.admin-shell textarea::placeholder{color:#f5f5fa66}.admin-shell .filter-select{background:#141220a6;border-color:#8b5cf638}.admin-shell .view-switch{background:#1412208c;border-color:#8b5cf638}.admin-shell .view-switch button.active{background:#8b5cf638;color:#fff}.admin-shell .admin-customize-btn{background:#8b5cf61a;border-color:#8b5cf64d;color:#c4b5fd}.admin-shell .admin-customize-btn:hover{background:#8b5cf62e;color:#fff;border-color:#8b5cf673}.admin-shell .admin-new-project-btn{background:linear-gradient(180deg,#a78bfa,#7c3aed);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 6px 18px #8b5cf680,inset 0 1px #ffffff47}.admin-shell .admin-new-project-btn:hover{background:linear-gradient(180deg,#b89bff,#8b5cf6);transform:translateY(-1px);box-shadow:0 10px 24px #8b5cf6a6,inset 0 1px #ffffff52}.admin-shell .folder-body{background:linear-gradient(180deg,#1c1a2aeb,#161422eb);border-color:#a78bfa2e;box-shadow:0 1px #ffffff0a inset,0 -5px 13px #00000052}.admin-shell .folder-card.selected .folder-body,.admin-shell .folder-card:hover .folder-body{background:linear-gradient(180deg,#28243ef2,#1c1830f2);border-color:#a78bfa73;box-shadow:0 16px 30px #0000008c,0 0 0 1px #a78bfa2e}.admin-shell .folder-title{color:#f5f5fa}.admin-shell .folder-tab{box-shadow:inset 0 1px 2px #ffffff52,0 3px 6px #00000059}.admin-shell .folder-detail-row{color:#dcd7ebd9}.admin-shell .folder-date{color:#c4b5fdb3}.admin-shell .folder-details{border-top-color:#8b5cf62e}.admin-shell .folder-footer .badge{border-color:#a78bfa4d!important}.admin-shell .eyebrow{color:#c4b5fd}.admin-shell .page-heading h1{color:#fff}.admin-shell .page-heading p{color:#dcd7eba6}.admin-shell .metric-card{background:linear-gradient(180deg,#1c1a2ad9,#141220d9);border-color:#8b5cf633;box-shadow:0 6px 18px #0000004d,inset 0 1px #ffffff0a}.admin-shell .metric-value{background:linear-gradient(180deg,#f5f5fa,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}.admin-shell .metric-label{color:#dcd7eba6}.admin-shell .metric-icon{color:#c4b5fd}.admin-shell .card-heading h2{color:#fff}.admin-shell .card-heading p{color:#dcd7eb99}.admin-shell .kanban-column{background:linear-gradient(180deg,#161422d9,#0e0d18d9);border-color:#8b5cf62e}.admin-shell .column-header{border-bottom-color:#8b5cf62e}.admin-shell .column-title{color:#f5f5fa}.admin-shell .column-meta{color:#dcd7eb8c}.admin-shell .column-count{background:#8b5cf62e;color:#c4b5fd}.admin-shell .pipeline-overview{background:#1c1a2ab3;border-color:#8b5cf638}.admin-shell .pipeline-overview-icon{background:#8b5cf62e;color:#c4b5fd}.admin-shell .data-table{background:#1c1a2ab3;border-color:#8b5cf62e}.admin-shell .table-header{color:#dcd7eb8c;border-bottom-color:#8b5cf62e}.admin-shell .table-sort:hover{color:#fff;background:#8b5cf624}.admin-shell .table-sort.sorted-asc,.admin-shell .table-sort.sorted-desc{color:#c4b5fd;background:#8b5cf62e}.admin-shell .table-sort.sorted-asc svg,.admin-shell .table-sort.sorted-desc svg{color:#c4b5fd}.admin-shell .table-project{color:#f5f5fa}.admin-shell .add-card{background:#1c1a2a80;border-color:#8b5cf638;color:#c4b5fd}.admin-shell .empty-column{color:#dcd7eb59}.admin-shell .recent-row:hover{background:#8b5cf61a}.admin-shell .recent-client{color:#dcd7ebb3}.admin-shell .pipeline-arrow{color:#a78bfa66}.admin-shell .recharts-cartesian-grid line{stroke:#a78bfa29!important}.admin-shell .recharts-text{fill:#9b97ad!important}.admin-shell .stage-progress{background:#a78bfa1f}.admin-shell .theme-toggle{background:#1412208c;border-color:#8b5cf638;color:#c4b5fd}.admin-shell .theme-toggle:hover{background:#8b5cf62e;color:#fff}.admin-shell .header-search input{background:#141220a6;border-color:#8b5cf638;color:#f5f5fa}.admin-shell .header-search svg{color:#c4b5fdb3}.admin-shell .admin-brand-mark{background:linear-gradient(145deg,#8b5cf6,#6d28d9);box-shadow:0 7px 16px #8b5cf666}.admin-shell .admin-workspace-label{border-left-color:#8b5cf64d}.admin-shell .clear-filter{color:#c4b5fdb3}.admin-shell .clear-filter:hover{background:#8b5cf626;color:#fff}.admin-header .guide-button span{display:inline!important}[data-theme=light] .admin-shell{background:radial-gradient(1100px 540px at 8% -8%,rgba(139,92,246,.1),transparent 62%),radial-gradient(900px 460px at 105% 10%,rgba(34,211,238,.06),transparent 62%),radial-gradient(1200px 700px at 50% 110%,rgba(139,92,246,.06),transparent 60%),linear-gradient(180deg,#f8f7fd,#ecebf6);color:#172033}[data-theme=light] .admin-shell .app-header{background:linear-gradient(180deg,#fffffff5,#f8f7fdf5);border-bottom:1px solid rgba(139,92,246,.18)}[data-theme=light] .admin-shell input,[data-theme=light] .admin-shell textarea,[data-theme=light] .admin-shell select{background:#fff;border-color:#8b5cf64d;color:#172033}[data-theme=light] .admin-shell input::placeholder,[data-theme=light] .admin-shell textarea::placeholder{color:#17203373}[data-theme=light] .admin-shell .filter-select{background:#fff;border-color:#8b5cf64d;color:#172033}[data-theme=light] .admin-shell .view-switch{background:#8b5cf60f;border-color:#8b5cf638}[data-theme=light] .admin-shell .view-switch button{color:#526079}[data-theme=light] .admin-shell .view-switch button.active{background:#8b5cf62e;color:#5b21b6}[data-theme=light] .admin-shell .admin-customize-btn{background:#8b5cf614;border-color:#8b5cf64d;color:#6d28d9}[data-theme=light] .admin-shell .admin-customize-btn:hover{background:#8b5cf629;color:#4c1d95;border-color:#8b5cf673}[data-theme=light] .admin-shell .folder-body{background:linear-gradient(180deg,#fff,#f8f7fd);border-color:#8b5cf640;box-shadow:0 1px #8b5cf60a inset,0 -5px 13px #1720330f}[data-theme=light] .admin-shell .folder-card.selected .folder-body,[data-theme=light] .admin-shell .folder-card:hover .folder-body{background:linear-gradient(180deg,#faf9ff,#f0eefa);border-color:#8b5cf673;box-shadow:0 16px 30px #1720331a,0 0 0 1px #8b5cf62e}[data-theme=light] .admin-shell .folder-title{color:#172033}[data-theme=light] .admin-shell .folder-detail-row{color:#526079}[data-theme=light] .admin-shell .folder-date{color:#6d28d9}[data-theme=light] .admin-shell .folder-details{border-top-color:#8b5cf62e}[data-theme=light] .admin-shell .eyebrow{color:#6d28d9}[data-theme=light] .admin-shell .page-heading h1{color:#172033}[data-theme=light] .admin-shell .page-heading p{color:#526079}[data-theme=light] .admin-shell .metric-card{background:#fff;border-color:#8b5cf633;box-shadow:0 6px 18px #1720330f,inset 0 1px #fff9}[data-theme=light] .admin-shell .metric-value{background:linear-gradient(180deg,#172033,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .admin-shell .metric-label{color:#526079}[data-theme=light] .admin-shell .metric-icon{color:#6d28d9}[data-theme=light] .admin-shell .card-heading h2{color:#172033}[data-theme=light] .admin-shell .card-heading p{color:#526079}[data-theme=light] .admin-shell .kanban-column{background:linear-gradient(180deg,#fff,#f8f7fd);border-color:#8b5cf638}[data-theme=light] .admin-shell .column-header{border-bottom-color:#8b5cf62e;background:#faf9ff}[data-theme=light] .admin-shell .column-title{color:#172033}[data-theme=light] .admin-shell .column-meta{color:#526079}[data-theme=light] .admin-shell .column-count{background:#8b5cf61f;color:#6d28d9}[data-theme=light] .admin-shell .pipeline-overview{background:#faf9ff;border-color:#8b5cf638}[data-theme=light] .admin-shell .pipeline-overview strong{color:#172033}[data-theme=light] .admin-shell .pipeline-overview span{color:#526079}[data-theme=light] .admin-shell .pipeline-overview-icon{background:#8b5cf61f;color:#6d28d9}[data-theme=light] .admin-shell .data-table{background:#fff;border-color:#8b5cf62e}[data-theme=light] .admin-shell .table-header{color:#526079;border-bottom-color:#8b5cf62e}[data-theme=light] .admin-shell .table-project{color:#172033}[data-theme=light] .admin-shell .table-row:hover{background:#8b5cf60f}[data-theme=light] .admin-shell .add-card{background:#8b5cf60f;border-color:#8b5cf638;color:#6d28d9}[data-theme=light] .admin-shell .empty-column{color:#8b98ac}[data-theme=light] .admin-shell .recent-row:hover{background:#8b5cf614}[data-theme=light] .admin-shell .recent-name{color:#172033}[data-theme=light] .admin-shell .recent-client{color:#526079}[data-theme=light] .admin-shell .pipeline-arrow{color:#6d28d9}[data-theme=light] .admin-shell .recharts-cartesian-grid line{stroke:#8b5cf62e!important}[data-theme=light] .admin-shell .recharts-text{fill:#526079!important}[data-theme=light] .admin-shell .recharts-bar-rectangle path{fill:#6d28d9}[data-theme=light] .admin-shell .stage-progress{background:#8b5cf61f}[data-theme=light] .admin-shell .theme-toggle{background:#fff;border-color:#8b5cf638;color:#6d28d9}[data-theme=light] .admin-shell .theme-toggle:hover{background:#8b5cf61f;color:#4c1d95;border-color:#8b5cf666}[data-theme=light] .admin-shell .header-search input{background:#fff;border-color:#8b5cf64d;color:#172033}[data-theme=light] .admin-shell .header-search input::placeholder{color:#8b98ac}[data-theme=light] .admin-shell .header-search svg{color:#6d28d9}[data-theme=light] .admin-shell .admin-brand-mark{background:linear-gradient(145deg,#8b5cf6,#6d28d9);box-shadow:0 7px 16px #8b5cf64d}[data-theme=light] .admin-shell .admin-workspace-label{border-left-color:#8b5cf64d}[data-theme=light] .admin-shell .admin-workspace-label strong{color:#172033}[data-theme=light] .admin-shell .admin-workspace-label span{color:#526079}[data-theme=light] .admin-shell .admin-workspace-label,[data-theme=light] .admin-shell .brand-name{color:#172033}[data-theme=light] .admin-shell .brand-subtitle{color:#526079}[data-theme=light] .admin-shell .clear-filter{color:#6d28d9}[data-theme=light] .admin-shell .clear-filter:hover{background:#8b5cf61f;color:#4c1d95}[data-theme=light] .admin-shell .table-sort:hover{background:#8b5cf61a;color:#4c1d95}[data-theme=light] .admin-shell .table-sort.sorted-asc,[data-theme=light] .admin-shell .table-sort.sorted-desc{color:#6d28d9;background:#8b5cf624}[data-theme=light] .admin-shell .table-sort.sorted-asc svg,[data-theme=light] .admin-shell .table-sort.sorted-desc svg{color:#6d28d9}[data-theme=light] .admin-shell .admin-badge{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;border-color:#ffffff80;box-shadow:0 4px 16px #8b5cf68c,inset 0 1px #fff6}[data-theme=light] .admin-shell .toast{background:#fff;color:#172033;border-color:#8b5cf64d}.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-visual-binding{margin:8px 0 14px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.65fr);align-items:center;gap:10px;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:9px}.cpq-visual-binding>div{min-width:0;display:flex;align-items:center;gap:8px;color:var(--primary)}.cpq-visual-binding>div span{min-width:0;display:flex;flex-direction:column;gap:2px}.cpq-visual-binding strong{color:var(--text);font-size:10px}.cpq-visual-binding small{color:var(--text-3);font-size:8px;line-height:1.35}.cpq-visual-binding select{height:34px;font-size:10px}.cpq-anchor-calibration{margin:-6px 0 16px;padding:9px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px}.cpq-anchor-calibration-heading{min-height:36px;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:8px}.cpq-anchor-calibration-heading>div{min-width:0;display:flex;flex-direction:column;gap:2px}.cpq-anchor-calibration-heading strong{font-size:10px}.cpq-anchor-calibration-heading span{color:var(--text-3);font-size:8px}.cpq-anchor-calibration-heading button{min-height:28px;padding:4px 8px;font-size:8px}.project-configurator.anchor-editor{margin:0;border-radius:8px}.project-configurator.anchor-editor>header,.project-configurator.anchor-editor>footer{display:none}.project-configurator.anchor-editor .project-configurator-canvas{height:238px}.project-configurator.anchor-editor .config-hotspot{pointer-events:auto;cursor:grab;touch-action:none}.project-configurator.anchor-editor .config-hotspot:active{cursor:grabbing}.config-anchor-help{width:190px;padding:9px}.config-anchor-help>span{color:var(--primary);font-size:7px;font-weight:850;letter-spacing:.1em}.config-anchor-help>strong{font-size:10px}.config-anchor-help>small{color:var(--text-3);font-size:8px;line-height:1.4}.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!important;background:#6d28d9;border:1px solid #5b21b6;border-radius:8px;box-shadow:0 4px 12px #6d28d93d;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.cpq-model-upload svg{color:#fff!important;stroke:currentColor}.cpq-model-upload:hover{color:#fff!important;background:#5b21b6;border-color:#4c1d95;box-shadow:0 6px 16px #5b21b64d}.cpq-model-upload:focus-within{color:#fff!important;outline:3px solid rgba(124,58,237,.24);outline-offset:2px}.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}.cpq-primary-badge{width:max-content;margin:5px 0 0 5px;padding:2px 6px;display:inline-flex;align-items:center;gap:3px;color:var(--success);background:#10b9811a;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-shell.compact.interactive{pointer-events:auto;cursor:grab}.model-viewer-shell.compact.interactive:active{cursor:grabbing}.model-viewer-compact-controls{position:absolute;z-index:4;top:5px;right:5px;display:flex;gap:3px;cursor:default}.model-viewer-compact-controls button{width:22px;height:22px;padding:0;display:grid;place-items:center;color:var(--text);background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid var(--border);border-radius:5px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:12px;font-weight:800;box-shadow:0 2px 7px #00000029}.model-viewer-compact-controls button:hover{color:var(--primary);border-color:var(--primary)}.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;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.cpq-basis-module-card{min-height:104px;position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);overflow:hidden;background:var(--surface-subtle);border:1px solid var(--border);border-radius:9px;transition:border-color .15s,background .15s,box-shadow .15s}.cpq-basis-module-card:hover,.cpq-basis-module-card:focus-visible{border-color:var(--border-strong);outline:none}.cpq-basis-module-card.active{background:var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.cpq-basis-module-select{width:100%;min-height:102px;padding:0;display:block;color:inherit;text-align:left;background:transparent;border:0}.cpq-basis-module-select:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.cpq-basis-module-preview{min-width:0;min-height:102px;overflow:hidden;background:radial-gradient(circle at 50% 38%,var(--surface),var(--surface-hover));border-right:1px solid var(--border)}.cpq-basis-module-preview .model-viewer-shell,.cpq-basis-module-preview .model-viewer-empty{height:102px;min-height:102px;border:0;border-radius:0}.cpq-basis-model-controls{padding:3px 5px;position:absolute;z-index:2;left:5px;bottom:5px;display:inline-flex;align-items:center;gap:3px;color:var(--text-2);background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--border);border-radius:5px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:7px;font-weight:700;pointer-events:none}.cpq-basis-module-copy{min-width:0;padding:11px 34px 11px 12px;display:block}.cpq-basis-module-copy>div:first-child,.cpq-basis-module-copy>div:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpq-basis-module-delete{width:26px;height:26px;position:absolute;z-index:2;top:8px;right:8px;display:grid;place-items:center;color:var(--danger);background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:6px;opacity:.68}.cpq-basis-module-delete:hover{opacity:1;border-color:var(--danger)}.cpq-set-primary{position:absolute;z-index:2;right:8px;bottom:8px;padding:4px 7px;color:var(--primary);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:6px;font-size:8px;font-weight:800}.cpq-set-primary:hover{color:#fff;background:var(--primary);border-color:var(--primary)}.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}.package-project-stats .total,.package-project-stats .total strong{color:#fff!important}.package-project-stats .total small{color:#ffffffb8!important}.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}.project-configurator{flex:none;margin-bottom:10px;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:11px}.package-section-page>.project-configurator,.customer-estimate-content>.project-configurator{flex:1;min-height:420px;margin-bottom:0}.package-section-page>.project-configurator .project-configurator-canvas,.customer-estimate-content>.project-configurator .project-configurator-canvas{flex:1;height:auto;min-height:360px}.project-configurator-loading{min-height:220px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:11px;font-size:9px}.project-configurator>header{min-height:54px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.project-configurator>header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.project-configurator>header span{color:var(--primary);font-size:8px;font-weight:850;letter-spacing:.09em}.project-configurator>header strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.project-configurator>header small{overflow:hidden;color:var(--text-3);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.project-configurator>header button{flex:none;min-height:34px}.project-configurator>header>.project-configurator-tools{min-width:max-content;display:flex;align-items:center;flex-direction:row;gap:6px}.config-compare{min-height:34px;padding:3px;display:flex;align-items:center;gap:2px;color:var(--text-3);background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px}.config-compare>svg{margin:0 3px}.config-compare button{min-height:26px!important;padding:4px 7px;color:var(--text-3);background:transparent;border:0;border-radius:5px;font-size:8px;font-weight:800}.config-compare button.active{color:#fff;background:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 28%,transparent)}.project-configurator-canvas{height:330px;position:relative;overflow:hidden;cursor:crosshair;background:radial-gradient(circle at 50% 38%,var(--surface-hover),var(--bg))}.project-configurator-canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.project-configurator-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--text-3);background:var(--surface);font-size:9px}.config-hotspot-line{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.config-hotspot-line path{fill:none;stroke:#818cf8eb;stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(99,102,241,.65))}.config-hotspot{width:16px;height:16px;padding:0;position:absolute;left:-8px;top:-8px;z-index:3;display:grid;place-items:center;pointer-events:none;border:1px solid #c7d2fe;border-radius:50%;background:#6366f157;box-shadow:0 0 0 5px #6366f121,0 0 18px #6366f1bf;transition:opacity .16s}.config-hotspot:after{content:"";width:5px;height:5px;background:#eef2ff;border-radius:50%}.config-hotspot i{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid rgba(129,140,248,.5);border-radius:50%;animation:config-hotspot-pulse 1.8s ease-out infinite}@keyframes config-hotspot-pulse{0%{transform:scale(.55);opacity:1}to{transform:scale(1.35);opacity:0}}.config-zone-pin{width:25px;height:25px;padding:0;position:absolute;left:-12.5px;top:-12.5px;z-index:3;display:grid;place-items:center;color:#e0e7ff;background:#1e293bd1;border:1px solid rgba(199,210,254,.8);border-radius:50%;box-shadow:0 3px 12px #00000061,0 0 0 3px #6366f11f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .16s,box-shadow .16s,background .16s}.config-zone-pin:hover,.config-zone-pin:focus-visible{z-index:5;color:#fff;background:#4f46e5;box-shadow:0 0 0 5px #6366f133,0 5px 18px #00000073}.config-zone-pin.active{z-index:4;color:#fff;background:#6366f1;box-shadow:0 0 0 5px #6366f133,0 0 20px #6366f1c7;animation:config-pin-breathe 1.8s ease-in-out infinite}.config-zone-pin span{font-size:8px;font-weight:900}@keyframes config-pin-breathe{50%{box-shadow:0 0 0 8px #6366f114,0 0 24px #6366f1e6}}.config-callout{width:264px;max-height:292px;padding:10px;position:absolute;z-index:4;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;color:var(--text);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--primary) 52%,var(--border));border-radius:10px;box-shadow:0 16px 36px #0000004d,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:default}.config-callout>header{display:flex;flex-direction:column;gap:1px}.config-callout>header span{color:var(--primary);font-size:7px;font-weight:850;letter-spacing:.1em}.config-callout>header strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.config-callout>header small{overflow:hidden;color:var(--text-3);font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.config-unified-callout{width:330px;max-height:calc(100% - 24px)}.config-callout-editor{min-height:0;overflow:auto;scrollbar-width:thin}.config-callout-editor .package-options{grid-template-columns:1fr}.config-callout-editor .package-options>button{min-height:42px;grid-template-columns:auto minmax(0,1fr) auto}.config-callout-editor .package-options>button>i{grid-row:auto}.config-callout-editor .package-number-input{grid-template-columns:30px minmax(58px,1fr) auto 30px auto}.config-callout-editor .package-number-input>button{height:30px}.config-callout-editor .package-range-input{grid-template-columns:minmax(80px,1fr) auto auto}.config-callout-editor .package-select,.config-callout-editor .package-text-input{min-height:34px}.config-callout-editor .package-nested-options{margin-top:6px;padding:7px}.config-callout-total{padding-top:7px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--border)}.config-callout-total span{color:var(--text-3)!important;font-size:8px!important;letter-spacing:0!important}.config-callout-total strong{color:var(--success);font-size:10px}.config-callout-preview{min-height:64px;padding:6px;display:flex;align-items:center;gap:8px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:7px}.config-callout-preview>img,.config-zone-graphic{width:74px;height:54px;flex:none;object-fit:cover;background:var(--bg);border-radius:5px}.config-callout-preview>div:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.config-callout-preview>div:last-child span{color:var(--text-3);font-size:7px}.config-callout-preview>div:last-child strong{overflow:hidden;font-size:9px;line-height:1.25;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.config-zone-graphic{padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:linear-gradient(145deg,color-mix(in srgb,var(--material-color) 70%,#fff),color-mix(in srgb,var(--material-color) 60%,#111));border:3px solid color-mix(in srgb,var(--material-color) 58%,#252525)}.config-zone-graphic i{background:linear-gradient(145deg,#dcf5ffe6,#4889a3bf);border:1px solid rgba(255,255,255,.35)}.config-zone-graphic:not(.zone-windows) i{background:color-mix(in srgb,var(--material-color) 70%,#fff);opacity:.65}.config-callout-options{min-height:0;display:flex;flex-direction:column;gap:4px;overflow:auto;scrollbar-width:thin}.config-callout-options button{min-height:34px;padding:5px 7px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:6px;color:var(--text-2);text-align:left;background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px}.config-callout-options button:hover,.config-callout-options button.selected{color:var(--text);background:var(--primary-soft);border-color:var(--primary)}.config-callout-options button>i{width:10px;height:10px;border:1px solid rgba(255,255,255,.28);border-radius:50%}.config-callout-options button span{overflow:hidden;font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.config-callout-options button b{color:var(--success);font-size:8px;white-space:nowrap}.config-callout-options button b.credit{color:var(--danger)}.project-configurator>footer{min-height:42px;padding:6px 9px;display:flex;align-items:center;gap:6px;overflow-x:auto;border-top:1px solid var(--border);scrollbar-width:none}.project-configurator>footer::-webkit-scrollbar{display:none}.project-configurator>footer button{min-width:max-content;min-height:29px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;color:var(--text-2);background:var(--surface-subtle);border:1px solid var(--border);border-radius:7px;font-size:8px;font-weight:750}.project-configurator>footer button.active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.project-configurator>footer button i{width:6px;height:6px;background:var(--success);border-radius:50%}.project-configurator>footer>span{min-width:max-content;margin-left:auto;color:var(--text-3);font-size:8px}.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.visual-active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.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 strong .package-3d-linked{margin-left:5px;padding:2px 5px;display:inline-flex;align-items:center;gap:3px;color:var(--primary);background:var(--primary-soft);border-radius:4px;font-size:7px;vertical-align:middle}.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-options>button>i.package-material-swatch{display:block}.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-option-image .model-viewer-shell{height:100%;border:0;border-radius:0}.package-options>button>i.package-choice-check{display:grid;place-items:center;color:#fff;background:transparent;border:1px solid var(--border-strong);border-radius:4px;box-shadow:none}.package-options>button.selected>i.package-choice-check{background:var(--primary);border-color:var(--primary)}.package-options>button span em{margin-top:2px;display:flex;align-items:center;gap:3px;color:var(--primary);font-size:7px;font-style:normal}.package-options.nested{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.package-nested-options{margin-top:8px;padding:9px;background:color-mix(in srgb,var(--primary-soft) 48%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:8px}.package-nested-options>header{margin-bottom:8px;display:flex;align-items:center;gap:5px;color:var(--primary);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.package-nested-options>section+section{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.package-nested-heading{margin-bottom:6px;display:flex;flex-direction:column;gap:2px}.package-nested-heading strong{font-size:9px}.package-nested-heading strong em{margin-left:5px;color:var(--danger);font-size:7px;font-style:normal;text-transform:uppercase}.package-nested-heading span{color:var(--text-3);font-size:8px}.package-text-input,.package-select{width:100%;min-height:38px;font-size:10px}textarea.package-text-input{min-height:70px;padding:8px 10px}.package-select-visual{display:flex;flex-direction:column;gap:6px}.package-select-visual>div{min-height:92px;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:9px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:7px}.package-select-visual .model-viewer-shell{height:92px;border:0;border-right:1px solid var(--border);border-radius:0}.package-select-visual>div>span{min-width:0;padding-right:9px;display:flex;flex-direction:column;gap:3px}.package-select-visual>div strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.package-select-visual>div small{overflow:hidden;color:var(--text-3);font-size:7px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.package-input-visual{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:9px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:7px}.package-input-visual>.model-viewer-shell{height:86px;border:0;border-right:1px solid var(--border);border-radius:0}.package-input-visual>.package-number-input{padding:7px 8px 7px 0}.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:has(>button){grid-template-columns:32px minmax(70px,1fr) auto 32px auto}.package-number-input>button{height:34px;display:grid;place-items:center;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:7px}.package-number-input>strong{color:var(--success);font-size:9px;white-space:nowrap}.package-range-input{grid-template-columns:minmax(90px,1fr) auto auto}.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{color:#fff!important;font-size:25px;letter-spacing:-.04em}.package-inspector-total span{color:#ffffffb8!important}.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-visual-binding{grid-template-columns: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-new .folder-new-tag{position:absolute;top:10px;right:10px;z-index:5;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:99px;box-shadow:0 4px 12px #22c55e73,inset 0 1px #ffffff59;animation:folder-new-breathing 2.2s ease-in-out infinite;pointer-events:none}.folder-new-pulse{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 #ffffffb3;animation:folder-new-pulse 1.6s ease-in-out infinite}@keyframes folder-new-breathing{0%,to{transform:scale(1);box-shadow:0 4px 12px #22c55e73,inset 0 1px #ffffff59}50%{transform:scale(1.06);box-shadow:0 6px 22px #22c55eb3,inset 0 1px #ffffff73}}@keyframes folder-new-pulse{0%,to{box-shadow:0 0 #ffffffb3}50%{box-shadow:0 0 0 6px #fff0}}.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-sort{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;transition:color .15s,background .15s}.table-sort:hover{color:var(--text);background:#0000000a}[data-theme=dark] .table-sort:hover{background:#ffffff0f}.table-sort svg{flex-shrink:0;opacity:.55;transition:opacity .15s,transform .15s}.table-sort:hover svg{opacity:1}.table-sort.sorted-asc,.table-sort.sorted-desc{color:var(--primary);background:#3157d514}.table-sort.sorted-asc svg,.table-sort.sorted-desc svg{opacity:1;color:var(--primary)}.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.estimate-mode{width:min(1240px,100vw)}.side-panel.estimate-mode .panel-header{padding-top:13px}.side-panel.estimate-mode .panel-tabs{margin-top:11px}.panel-body.estimate-panel-body{min-height:0;padding:0;overflow:hidden}.estimate-panel-body>.estimate-theme{height:100%;min-height:0}.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);pointer-events:none}.tour-blocker,.tour-blocker-segment{position:fixed;z-index:1;pointer-events:auto}.tour-blocker{top:0;right:0;bottom:0;left:0;background:transparent}.tour-blocker.dimmed,.tour-blocker-segment{background:#020617b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tour-spotlight{position:fixed;z-index:2;pointer-events:none;border:3px solid #818cf8;border-radius:12px;box-shadow:0 0 0 5px #818cf82e,0 12px 34px #00000052;transition:top .18s var(--ease),left .18s var(--ease),width .18s var(--ease),height .18s 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(410px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;display:flex;flex-direction:column;overflow:hidden;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:0 24px 70px #00000073;pointer-events:auto;animation:tourCardIn .2s var(--ease)}.tour-card.center{top:50%;left:50%;transform:translate(-50%,-50%)}.tour-card.below:before,.tour-card.above:before,.tour-card.left:before,.tour-card.right:before{content:"";position:absolute;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;left:28px}.tour-card.above:before{bottom:-8px;left:28px;transform:rotate(225deg)}.tour-card.right:before{top:28px;left:-8px;transform:rotate(-45deg)}.tour-card.left:before{top:28px;right:-8px;transform:rotate(135deg)}.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-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.tour-section-label{margin-top:14px;display:block;color:#818cf8;font-size:9px;font-weight:850;letter-spacing:.09em}.tour-card h2{margin-top:5px;font-size:18px;letter-spacing:-.02em}.tour-card p{margin-top:7px;color:var(--text-2);font-size:12px;line-height:1.65}.tour-card ul{margin:10px 0 0;padding-left:18px;display:grid;gap:5px;color:var(--text-2);font-size:11px;line-height:1.5}.tour-interaction-hint{margin-top:12px;padding:8px 10px;display:flex;align-items:center;gap:7px;color:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 26%,transparent);border-radius:8px;font-size:10px;font-weight:750}.tour-target-warning{margin-top:12px;padding:9px 10px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:10px;line-height:1.5}.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;flex:none;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}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tour-spotlight,.tour-progress-bar span{transition:none}.tour-spotlight:after{animation:none}}.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] .catalog-manager label.cpq-model-upload{color:#fff!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}.customer-estimate{height:100%;min-height:0;display:flex;flex-direction:column;color:var(--text);background:var(--bg)}.customer-estimate-topbar{min-height:66px;padding:9px 12px 9px 16px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--surface);border-bottom:1px solid var(--border)}.customer-estimate-topbar>div:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.customer-estimate-topbar>div:first-child>span{color:var(--primary);font-size:8px;font-weight:850;letter-spacing:.09em}.customer-estimate-topbar>div:first-child>strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.customer-estimate-topbar>div:first-child>small{overflow:hidden;color:var(--text-3);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.customer-estimate-kpis{flex:none;display:flex;gap:6px}.customer-estimate-kpis>span{min-width:104px;min-height:44px;padding:6px 9px;display:flex;flex-direction:column;justify-content:center;gap:2px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px}.customer-estimate-kpis small{color:var(--text-3);font-size:7px;text-transform:uppercase;letter-spacing:.05em}.customer-estimate-kpis strong{font-size:10px}.customer-estimate-kpis .total{min-width:132px;position:relative;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent}.customer-estimate-kpis .total small{color:#ffffffb3}.customer-estimate-kpis .total strong{color:#fff;font-size:14px}.customer-estimate-kpis .total.price-updated,.customer-inspector-total.price-updated{animation:quote-price-pulse .65s ease-out}.customer-estimate-kpis .total>em,.customer-inspector-total>em{padding:4px 7px;position:absolute;z-index:4;top:50%;right:7px;color:#d1fae5;background:#064e3bf0;border:1px solid rgba(110,231,183,.48);border-radius:99px;font-size:8px;font-style:normal;font-weight:900;box-shadow:0 7px 18px #0000003d;pointer-events:none;animation:quote-delta-float 1.7s ease-out forwards}.customer-estimate-kpis .total>em.credit,.customer-inspector-total>em.credit{color:#ffe4e6!important;background:#881337f0;border-color:#fda4af80}@keyframes quote-price-pulse{35%{transform:scale(1.035);filter:brightness(1.22)}}@keyframes quote-delta-float{0%{opacity:0;transform:translateY(5px) scale(.85)}18%{opacity:1;transform:translateY(-50%) scale(1)}72%{opacity:1;transform:translateY(-75%)}to{opacity:0;transform:translateY(-115%)}}.customer-estimate-workbench{flex:1;min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr) 230px}.customer-estimate-workbench.inspector-collapsed{grid-template-columns:190px minmax(0,1fr) 46px}.customer-step-rail{min-height:0;padding:9px 8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;background:var(--surface-subtle);border-right:1px solid var(--border)}.customer-step-rail>div{min-height:42px;padding:5px 7px;display:flex;justify-content:center;flex-direction:column;gap:2px}.customer-step-rail>div strong{font-size:9px;text-transform:uppercase;letter-spacing:.05em}.customer-step-rail>div span{color:var(--text-3);font-size:8px}.customer-step-rail>button{min-height:49px;padding:6px 7px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;color:var(--text-2);text-align:left;background:transparent;border:1px solid transparent;border-radius:8px}.customer-step-rail>button:hover{background:var(--surface-hover)}.customer-step-rail>button.active{color:var(--text);background:var(--primary-soft);border-color:var(--primary)}.customer-step-rail>button>span{width:22px;height:22px;display:grid;place-items:center;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:50%;font-size:8px}.customer-step-rail>button.active>span{color:#fff;background:var(--primary);border-color:var(--primary)}.customer-step-rail button div{min-width:0;display:flex;flex-direction:column;gap:1px}.customer-step-rail button div strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.customer-step-rail button div small{overflow:hidden;color:var(--text-3);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.customer-step-rail button>b{grid-column:2;color:var(--success);font-size:7px}.customer-estimate-stage{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.customer-estimate-stage>header{min-height:61px;padding:9px 14px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.customer-estimate-stage>header>div:first-child{min-width:0}.customer-estimate-stage>header span{color:var(--primary);font-size:7px;font-weight:850;letter-spacing:.08em}.customer-estimate-stage>header h2{margin-top:2px;font-size:15px;line-height:1.2}.customer-estimate-stage>header p{margin-top:2px;color:var(--text-3);font-size:8px}.customer-price-lock{min-height:30px;padding:5px 8px;display:flex;align-items:center;gap:5px;color:var(--success);background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:7px}.customer-price-lock span{color:inherit!important;font-size:8px!important;letter-spacing:0!important}.customer-estimate-content{flex:1;min-height:0;padding:11px;display:flex;flex-direction:column;overflow-y:auto}.customer-step-message{margin-bottom:8px;padding:8px 10px;flex:none;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:9px;font-weight:700}.customer-estimate-actions{min-height:54px;padding:7px 10px;flex:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.customer-estimate-actions button{min-height:38px}.customer-estimate-actions>span{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--success);font-size:8px}.customer-package-basis{height:100%;min-height:360px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:10px}.customer-basis-model,.customer-basis-details{min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.customer-basis-model{display:flex;flex-direction:column}.customer-basis-model>header{min-height:46px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border)}.customer-basis-model>header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.customer-basis-model>header span{color:var(--primary);font-size:7px;font-weight:850;letter-spacing:.08em}.customer-basis-model>header strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.customer-basis-model>header small{display:flex;align-items:center;gap:4px;color:var(--text-3);font-size:7px}.customer-basis-active-model{flex:1;min-height:230px;display:flex;overflow:hidden}.customer-basis-active-model>.model-viewer-shell,.customer-basis-active-model>.model-viewer-empty{flex:1;height:auto;min-height:230px;border:0;border-radius:0}.customer-basis-gallery{min-height:126px;padding:8px;display:flex;gap:7px;overflow-x:auto;background:var(--surface-subtle);border-top:1px solid var(--border);scrollbar-width:thin}.customer-basis-gallery>button{width:148px;min-width:148px;padding:0;display:grid;grid-template-rows:76px auto;overflow:hidden;color:var(--text-2);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:8px}.customer-basis-gallery>button:hover{border-color:var(--border-strong)}.customer-basis-gallery>button.active{color:var(--text);background:var(--primary-soft);border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.customer-basis-gallery-model{min-height:76px;overflow:hidden;background:radial-gradient(circle at 50% 38%,var(--surface),var(--surface-hover));border-bottom:1px solid var(--border)}.customer-basis-gallery-model .model-viewer-shell,.customer-basis-gallery-model .model-viewer-empty{height:76px;min-height:76px;border:0;border-radius:0}.customer-basis-gallery>button>span:last-child{min-width:0;padding:6px 7px;display:flex;flex-direction:column;gap:2px}.customer-basis-gallery strong,.customer-basis-gallery small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-basis-gallery strong{font-size:8px}.customer-basis-gallery small{color:var(--text-3);font-size:7px}.customer-basis-details{padding:12px;overflow-y:auto}.customer-readonly-badge{min-height:34px;padding:7px 8px;display:flex;align-items:center;gap:6px;color:var(--success);background:#10b98112;border:1px solid rgba(16,185,129,.18);border-radius:7px;font-size:8px;font-weight:750}.customer-basis-details dl{margin:10px 0;display:grid;gap:0}.customer-basis-details dl div{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.customer-basis-details dt{color:var(--text-3);font-size:8px}.customer-basis-details dd{margin:0;font-size:9px;font-weight:750;text-align:right}.customer-basis-details article strong{font-size:9px}.customer-basis-details article p{margin-top:4px;color:var(--text-2);font-size:8px;line-height:1.55}.customer-package-groups{display:flex;flex-direction:column;gap:9px}.customer-package-group{background:var(--surface);border:1px solid var(--border);border-radius:9px;overflow:hidden}.customer-package-group>header{min-height:47px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-subtle);border-bottom:1px solid var(--border)}.customer-package-group>header>div{min-width:0;display:flex;flex-direction:column;gap:2px}.customer-package-group>header strong{font-size:10px}.customer-package-group>header span{overflow:hidden;color:var(--text-3);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.customer-package-group>header small{flex:none;color:var(--text-3);font-size:7px}.customer-package-group>div{padding:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:7px}.customer-package-component{min-width:0;padding:9px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px}.customer-package-component.visual-active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 11%,transparent)}.customer-component-heading{margin-bottom:7px;display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.customer-component-heading>div:first-child{min-width:0}.customer-component-heading>div:first-child>strong{font-size:9px}.customer-component-heading>div:first-child>strong>em{margin-left:5px;padding:2px 4px;color:#fca5a5;background:#ef44441a;border-radius:4px;font-size:6px;font-style:normal;text-transform:uppercase}.customer-component-heading>div:first-child>strong>span{margin-left:5px;padding:2px 4px;display:inline-flex;align-items:center;gap:3px;color:var(--primary);background:var(--primary-soft);border-radius:4px;font-size:6px}.customer-component-heading p{margin-top:2px;color:var(--text-3);font-size:8px;line-height:1.4}.customer-component-heading>div:last-child{flex:none;display:flex;align-items:flex-end;flex-direction:column;gap:3px}.customer-component-heading b{color:var(--success);font-size:9px}.customer-component-heading button{padding:0;color:var(--text-3);background:transparent;border:0;font-size:7px}.customer-package-terms{margin-top:10px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.customer-package-terms>header{padding:9px 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border)}.customer-package-terms>header>div{display:flex;flex-direction:column;gap:2px}.customer-package-terms>header strong{font-size:9px}.customer-package-terms>header span{color:var(--text-3);font-size:7px}.customer-package-terms>div{padding:9px;display:grid;grid-template-columns:1fr 1fr .45fr;gap:7px}.customer-package-terms article,.customer-review-body article{padding:9px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:7px}.customer-package-terms article strong,.customer-review-body article strong{font-size:8px}.customer-package-terms article p,.customer-review-body article p{margin-top:4px;color:var(--text-2);font-size:8px;line-height:1.5}.customer-quote-review>header{min-height:105px;padding:15px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(135deg,#3730a3,#7c3aed);border-radius:11px}.customer-quote-review>header span{color:#c7d2fe;font-size:8px;font-weight:850;letter-spacing:.08em}.customer-quote-review>header h2{margin-top:3px;color:#fff;font-size:28px}.customer-quote-review>header p{margin-top:3px;color:#ddd6fe;font-size:9px}.customer-review-kpis{margin-top:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.customer-review-kpis>span{min-height:58px;padding:9px;display:flex;flex-direction:column;justify-content:center;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.customer-review-kpis small{color:var(--text-3);font-size:7px}.customer-review-kpis strong{font-size:11px}.customer-review-body{margin-top:9px;display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.customer-review-body>section{padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.customer-review-body h3{margin-bottom:7px;font-size:10px}.customer-review-body>section:first-child>div{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid var(--border)}.customer-review-body>section:first-child>div>span{display:flex;flex-direction:column;gap:1px;font-size:8px}.customer-review-body>section:first-child>div small{color:var(--text-3);font-size:7px}.customer-review-body>section:first-child>div strong{color:var(--success);font-size:9px}.customer-review-body article+article{margin-top:6px}.customer-quote-inspector{min-width:0;min-height:0;padding:9px;overflow-y:auto;background:var(--surface-subtle);border-left:1px solid var(--border)}.customer-quote-inspector.collapsed{padding:6px;overflow:hidden}.customer-quote-inspector>button{width:100%;min-height:34px;padding:6px 8px;display:flex;align-items:center;gap:6px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:7px}.customer-quote-inspector>button span{flex:1;text-align:left;font-size:8px;font-weight:750}.customer-quote-inspector.collapsed>button{height:100%;flex-direction:column;justify-content:flex-start}.customer-quote-inspector.collapsed>button span{display:none}.customer-inspector-total{margin-top:8px;min-height:82px;padding:11px;position:relative;display:flex;justify-content:center;flex-direction:column;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:9px}.customer-inspector-total span{color:#c7d2fe;font-size:7px;font-weight:850;letter-spacing:.07em}.customer-inspector-total strong{margin-top:3px;color:#fff;font-size:21px}.customer-inspector-total small{margin-top:3px;color:#ddd6fe;font-size:7px}.customer-inspector-math{margin:8px 0;display:flex;flex-direction:column}.customer-inspector-math>span{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid var(--border)}.customer-inspector-math small{color:var(--text-3);font-size:7px}.customer-inspector-math strong{font-size:8px}.customer-selection-list{margin:8px 0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:8px}.customer-selection-list>header{min-height:36px;padding:6px 8px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border)}.customer-selection-list>header>div{min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:5px}.customer-selection-list>header strong{font-size:8px}.customer-selection-list>header span{color:var(--text-3);font-size:7px}.customer-selection-list>div{max-height:178px;overflow-y:auto;scrollbar-width:thin}.customer-selection-list>div>button{width:100%;min-height:42px;padding:6px 7px;display:grid;grid-template-columns:minmax(0,1fr) auto 10px;align-items:center;gap:5px;color:var(--text-2);text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border)}.customer-selection-list>div>button:last-child{border-bottom:0}.customer-selection-list>div>button:hover,.customer-selection-list>div>button:focus-visible{color:var(--text);background:var(--primary-soft)}.customer-selection-list>div>button>span{min-width:0;display:flex;flex-direction:column;gap:2px}.customer-selection-list>div>button strong,.customer-selection-list>div>button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-selection-list>div>button strong{font-size:7px}.customer-selection-list>div>button small{color:var(--text-3);font-size:6px}.customer-selection-list>div>button b{color:var(--success);font-size:7px;white-space:nowrap}.customer-selection-list>div>p{padding:12px 8px;color:var(--text-3);font-size:7px;line-height:1.45}.customer-inspector-model{height:150px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:8px}.customer-inspector-model .model-viewer-shell{height:100%;border:0}.customer-inspector-legend{margin-top:7px;display:flex;justify-content:space-between;gap:4px;color:var(--text-3);font-size:6px}.customer-inspector-legend span{display:flex;align-items:center;gap:3px}.customer-inspector-legend i{width:5px;height:5px;background:var(--text-3);border-radius:50%}.customer-inspector-legend span:nth-child(2) i{background:var(--success)}.customer-inspector-legend span:nth-child(3) i{background:var(--danger)}.customer-estimate-empty{min-height:320px;padding:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--text-3);text-align:center}.customer-estimate-empty strong{color:var(--text);font-size:13px}.customer-estimate-empty span{max-width:380px;font-size:9px;line-height:1.5}.customer-estimate-empty.compact{min-height:200px}@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{width:min(410px,calc(100vw - 20px));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))}.panel-body.estimate-panel-body{padding:0;overflow:auto}.side-panel.estimate-mode .panel-header{padding:10px 10px 0}.customer-estimate{height:auto;min-height:100%;overflow:visible}.customer-estimate-topbar{padding:9px 10px;align-items:stretch;flex-direction:column;gap:7px}.customer-estimate-topbar>div:first-child>small{white-space:normal;line-height:1.35}.customer-estimate-kpis{width:100%;display:grid;grid-template-columns:1fr 1fr 1.18fr}.customer-estimate-kpis>span,.customer-estimate-kpis .total{min-width:0}.customer-estimate-workbench,.customer-estimate-workbench.inspector-collapsed{min-height:0;display:flex;flex-direction:column}.customer-step-rail{min-height:70px;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}.customer-step-rail>div{min-width:112px;flex:none}.customer-step-rail>button{min-width:142px;min-height:54px;flex:none}.customer-step-rail button div small{display:none}.customer-estimate-stage{min-height:590px;overflow:visible}.customer-estimate-stage>header{min-height:58px;padding:8px 10px}.customer-estimate-stage>header h2{font-size:13px}.customer-price-lock span{display:none}.customer-estimate-content{min-height:470px;padding:9px;overflow:visible}.customer-estimate-actions{position:sticky;bottom:0;z-index:8;padding-bottom:calc(7px + env(safe-area-inset-bottom))}.customer-estimate-actions>span{display:none}.customer-package-basis{height:auto;grid-template-columns:1fr}.customer-basis-active-model>.model-viewer-shell,.customer-basis-active-model>.model-viewer-empty{min-height:330px}.customer-basis-gallery{min-height:120px}.customer-package-group>div{grid-template-columns:1fr}.customer-package-terms>div,.customer-review-kpis,.customer-review-body{grid-template-columns:1fr}.customer-quote-inspector{flex:none;min-height:0;padding:9px;overflow:visible;border-top:1px solid var(--border);border-left:0}.customer-quote-inspector.collapsed{height:48px}.customer-quote-inspector.collapsed>button{height:34px;flex-direction:row}.customer-quote-inspector.collapsed>button span{display:block}.customer-inspector-model{display:none}.package-number-input:has(>button){grid-template-columns:32px minmax(60px,1fr) auto 32px}.package-number-input:has(>button)>strong{grid-column:1/-1;text-align:right}.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{max-height:calc(100dvh - 20px);padding:14px}.tour-card.docked: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}.project-configurator>header{align-items:flex-start;flex-wrap:wrap}.project-configurator>header>div:first-child{width:100%}.project-configurator>header>.project-configurator-tools{width:100%;justify-content:space-between}.config-zone-pin{width:23px;height:23px;left:-11.5px;top:-11.5px}.project-configurator>footer>span{display:none}.project-configurator-canvas{height:400px}.config-callout{width:auto;max-height:180px;top:9px;right:9px;bottom:auto;left:9px;padding:8px}.config-callout>header{flex-direction:row;align-items:center;gap:8px}.config-callout>header strong{font-size:9px}.config-callout>header small{display:none}.config-callout-preview{display:none}.config-callout-options{display:grid;grid-auto-columns:minmax(145px,1fr);grid-auto-flow:column;overflow-x:auto;overflow-y:hidden}.config-callout-editor .package-options{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.config-callout-editor .package-options>button{min-height:40px}.config-callout-editor .package-number-input{grid-template-columns:30px minmax(54px,1fr) auto 30px}.config-callout-editor .package-number-input>strong{grid-column:1/-1;text-align:right}.config-unified-callout .config-callout-total{padding-top:5px}.customer-selection-list>div{max-height:230px}.project-configurator.anchor-editor .project-configurator-canvas{height:270px}.project-configurator.anchor-editor .config-callout{width:170px;max-height:none;top:8px;right:8px;bottom:auto;left:auto}.package-components-grid,.package-options{grid-template-columns:1fr}.package-option-image{height:140px}.package-input-visual{grid-template-columns:1fr}.package-input-visual>.model-viewer-shell{height:150px;border-right:0;border-bottom:1px solid var(--border)}.package-input-visual>.package-number-input{padding:8px}.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}}.auth-loading-screen{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60vh;color:var(--text-3);font-size:13px}.auth-spinner{width:18px;height:18px;border:2px solid rgba(124,58,237,.25);border-top-color:#7c3aed;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.landing-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);overflow-x:hidden}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 540px at 12% -8%,rgba(49,87,213,.18),transparent 60%),radial-gradient(820px 480px at 92% 6%,rgba(124,58,237,.18),transparent 60%),radial-gradient(1100px 720px at 50% 110%,rgba(196,122,22,.12),transparent 60%)}[data-theme=light] .landing-bg{background:radial-gradient(900px 540px at 12% -8%,rgba(49,87,213,.22),transparent 60%),radial-gradient(820px 480px at 92% 6%,rgba(124,58,237,.22),transparent 60%),radial-gradient(1100px 720px at 50% 110%,rgba(196,122,22,.14),transparent 60%)}.landing-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 36px}.landing-brand{display:flex;align-items:center;gap:12px}.landing-brand-mark{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#3157d5,#7c3aed);box-shadow:0 6px 16px #7c3aed66}.landing-brand-name{font-size:17px;font-weight:800;letter-spacing:.01em}.landing-brand-subtitle{font-size:11px;color:var(--text-3)}.landing-signed-in{font-size:12px;color:var(--text-3)}.landing-signed-in a{color:#c4b5fd;text-decoration:none;font-weight:600}.landing-signed-in a:hover{color:#ddd6fe}.landing-main{position:relative;z-index:1;flex:1;padding:24px 36px 60px;max-width:1200px;margin:0 auto;width:100%}.landing-hero{text-align:center;padding:32px 0 24px}.landing-pill{display:inline-block;padding:6px 14px;border-radius:99px;background:#7c3aed1f;color:#c4b5fd;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid rgba(124,58,237,.3);margin-bottom:18px}[data-theme=light] .landing-pill{background:#7c3aed1a;color:#5b21b6;border-color:#7c3aed40}.landing-title{font-size:42px;font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;background:linear-gradient(180deg,var(--text),var(--text-3));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-subtitle{max-width:640px;margin:0 auto;font-size:15px;color:var(--text-3);line-height:1.6}.landing-meta{margin-top:18px;font-size:12px;color:var(--text-3);display:inline-flex;align-items:center;gap:6px}.landing-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.05em;margin:0 2px}.landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:36px 0}@media (max-width:900px){.landing-grid{grid-template-columns:1fr}.landing-title{font-size:32px}}.landing-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text);transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.landing-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:18px;padding:1px;background:linear-gradient(135deg,var(--portal-color),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s;pointer-events:none}.landing-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 18px 36px -12px var(--portal-glow)}.landing-card:hover:before{opacity:1}.landing-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px var(--portal-glow)}.landing-card-tier{font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--text-3);text-transform:uppercase}.landing-card-title{font-size:18px;font-weight:800}.landing-card-desc{font-size:13px;color:var(--text-3);line-height:1.55}.landing-card-cta{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--portal-color)}.landing-pyramid{padding:30px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}.landing-pyramid h3{font-size:14px;font-weight:800;margin-bottom:18px;letter-spacing:.02em}.landing-pyramid-stack{display:flex;flex-direction:column;gap:14px;align-items:center;padding:14px 0 20px}.landing-pyramid-row{display:flex;gap:8px;align-items:center}.landing-pyramid-node{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;font-size:12px;font-weight:700;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}[data-theme=light] .landing-pyramid-node{background:#0000000a;border-color:#00000014}.landing-pyramid-node-l3{font-size:13px;padding:10px 18px}.landing-pyramid-node-l1{font-size:11px;padding:6px 10px}.landing-pyramid-note{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);margin-top:8px;justify-content:center}.landing-footer{position:relative;z-index:2;padding:20px 36px;font-size:11px;color:var(--text-3);text-align:center;border-top:1px solid var(--border)}.auth-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:var(--bg);color:var(--text);overflow:hidden}.auth-shell-super{background:radial-gradient(800px 500px at 50% 0%,rgba(196,122,22,.18),transparent 65%),var(--bg)}[data-theme=light] .auth-shell{background:#f5f3fa;color:#172033}[data-theme=light] .auth-shell-super{background:radial-gradient(800px 500px at 50% 0%,rgba(196,122,22,.18),transparent 65%),#fbf7ee}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(700px 480px at 15% -8%,var(--auth-glow),transparent 60%),radial-gradient(700px 480px at 110% 110%,rgba(124,58,237,.16),transparent 60%)}.auth-back{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12px;color:var(--text-3);text-decoration:none;margin-bottom:20px;padding:8px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--border);transition:color .15s,background .15s}.auth-back:hover{color:var(--text);background:var(--surface-hover)}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;border-radius:20px;background:var(--surface);border:1px solid var(--border);overflow:hidden;box-shadow:0 28px 60px -20px var(--auth-glow),0 0 0 1px #ffffff05;animation:auth-card-in .35s cubic-bezier(.16,.84,.44,1) both}@keyframes auth-card-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.auth-card-wide{max-width:520px}.auth-card-header{display:flex;align-items:center;gap:14px;padding:24px 26px;color:#fff}.auth-card-mark{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.32)}.auth-card-mark-super{background:#ffffff38}.auth-card-tier{font-size:11px;opacity:.85;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.auth-card-title{font-size:18px;font-weight:800;margin-top:2px}.auth-form{padding:24px 26px 8px;display:flex;flex-direction:column;gap:14px}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:560px){.auth-form-row{grid-template-columns:1fr}}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field>span{font-size:11px;font-weight:700;color:var(--text-3);letter-spacing:.05em;text-transform:uppercase}.auth-field-hint{font-size:11px;color:var(--text-3);margin-top:4px}.auth-input{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:11px;background:var(--surface-subtle);border:1px solid var(--border);transition:border-color .15s,box-shadow .15s}.auth-input:focus-within{border-color:var(--auth-color);box-shadow:0 0 0 3px var(--auth-glow)}.auth-input input{flex:1;background:transparent;border:0;outline:0;padding:11px 0;color:var(--text);font-size:13px;font-family:inherit}.auth-input input::placeholder{color:var(--text-3);opacity:.6}.auth-input svg{color:var(--text-3);flex-shrink:0}.auth-input-code input{font-family:SF Mono,Menlo,Consolas,monospace;letter-spacing:.18em;font-weight:700}.auth-eye{background:transparent;border:0;cursor:pointer;padding:4px;color:var(--text-3);display:flex}.auth-eye:hover{color:var(--text)}.auth-pwd-strength{display:inline-flex;align-items:center;gap:3px;margin-top:6px;font-size:10px;color:var(--text-3)}.auth-pwd-strength span{width:18px;height:3px;border-radius:2px;background:#ffffff1a;transition:background .2s}.auth-pwd-strength-1 span:nth-child(1){background:#ef4444}.auth-pwd-strength-2 span:nth-child(-n+2){background:#f59e0b}.auth-pwd-strength-3 span:nth-child(-n+3){background:#3b82f6}.auth-pwd-strength-4 span{background:#22c55e}.auth-pwd-strength em{font-style:normal;font-weight:700;letter-spacing:.04em;margin-left:4px}.auth-error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:10px 12px;border-radius:10px;font-size:12px}[data-theme=light] .auth-error{background:#ef444414;color:#b91c1c}.auth-submit{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:11px;border:0;cursor:pointer;color:#fff;font-weight:800;font-size:13px;letter-spacing:.04em;transition:transform .12s,box-shadow .12s,opacity .12s}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px var(--auth-glow)}.auth-submit:disabled{opacity:.55;cursor:progress}.auth-card-footer{padding:14px 26px 24px;font-size:12px;color:var(--text-3);display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border);margin-top:8px}.auth-card-footer a{color:var(--auth-color);font-weight:700;text-decoration:none}.auth-card-footer a:hover{text-decoration:underline}.auth-card-footer-super{justify-content:center}.auth-card-footer-note{font-size:11px;color:var(--text-3)}.auth-alt{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 10px;border-radius:99px;background:#ffffff0a;border:1px solid var(--border);transition:background .12s}.auth-alt:hover{background:#ffffff14}.auth-hint{position:relative;z-index:1;margin-top:20px;font-size:11px;color:var(--text-3);text-align:center}.auth-hint code{background:var(--surface);padding:2px 7px;border-radius:5px;border:1px solid var(--border);font-size:11px;margin:0 2px}.auth-hint-super{color:#fcd9a8}.account-menu-wrapper{position:relative;display:inline-block}.account-trigger{position:relative;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.42);cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff4d;transition:transform .15s,box-shadow .15s;padding:0}.account-trigger:hover{transform:scale(1.06);box-shadow:0 6px 16px #0006,inset 0 1px #fff6}.account-trigger-initial{font-weight:800;font-size:14px;letter-spacing:-.02em}.account-trigger-dot{position:absolute;top:0;right:0;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid var(--bg);box-shadow:0 0 6px #22c55ecc;animation:account-pulse 1.8s ease-in-out infinite}@keyframes account-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.8}}.account-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:400px;max-width:calc(100vw - 32px);max-height:min(80vh,720px);overflow-y:auto;border-radius:18px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 24px 50px -16px #0009,0 0 0 1px #ffffff0a;z-index:1200;animation:account-dropdown-in .22s cubic-bezier(.16,.84,.44,1) both}@keyframes account-dropdown-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}.account-dropdown::-webkit-scrollbar{width:8px}.account-dropdown::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.account-dropdown-header{display:flex;align-items:center;gap:14px;padding:20px 22px;color:#fff}.account-dropdown-avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;border:2px solid rgba(255,255,255,.42);box-shadow:inset 0 1px #fff6;flex-shrink:0}.account-dropdown-id{flex:1;min-width:0}.account-dropdown-name{font-size:15px;font-weight:800}.account-dropdown-email{font-size:11px;opacity:.85;margin-top:2px}.account-dropdown-meta{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.account-dropdown-since{font-size:10px;opacity:.7}.account-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.08em}.account-pill-l1{background:#3157d5;color:#fff}.account-pill-l2{background:#7c3aed;color:#fff}.account-pill-l3{background:#c47a16;color:#fff}.account-dropdown-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}.account-impersonate-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-radius:11px;background:linear-gradient(135deg,#7c3aed38,#3157d52e);border:1px solid rgba(124,58,237,.45);color:#c4b5fd;font-size:12px;font-weight:700}.account-impersonate-banner button{background:#ffffff1a;border:0;color:#fff;padding:4px 10px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.account-impersonate-banner button:hover{background:#fff3}.account-section{background:var(--surface-subtle);border:1px solid var(--border);border-radius:13px;overflow:hidden}.account-section>summary{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:700;color:var(--text);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.account-section>summary::-webkit-details-marker{display:none}.account-section>summary svg:first-child{color:var(--text-3)}.account-section[open]>summary{border-bottom:1px solid var(--border)}.account-chevron{margin-left:auto;color:var(--text-3);transition:transform .15s}.account-section[open] .account-chevron{transform:rotate(180deg)}.account-section-body{padding:14px;display:flex;flex-direction:column;gap:12px}.account-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-row-static{display:flex;justify-content:space-between;gap:10px;font-size:12px}.account-row-static>div{display:flex;flex-direction:column;gap:2px}.account-row-static span{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.account-row-static code{background:var(--surface);padding:2px 7px;border-radius:5px;border:1px solid var(--border);font-size:11px}.account-row-block{display:flex;flex-direction:column;gap:6px}.account-row-block span{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.account-section-body label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.account-section-body input,.account-section-body select{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:8px 11px;color:var(--text);font-size:13px;font-family:inherit;outline:0;transition:border-color .15s,box-shadow .15s}.account-section-body input:focus,.account-section-body select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed2e}.account-save{align-self:flex-start;padding:7px 14px;border-radius:9px;border:0;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:5px}.account-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #7c3aed66}.account-save:disabled{opacity:.4;cursor:not-allowed}.account-divider{height:1px;background:var(--border);margin:2px 0}.account-sub{border:1px solid var(--border);border-radius:11px;overflow:hidden;background:#00000026}.account-sub summary{display:flex;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:700;cursor:pointer;list-style:none;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.account-sub summary::-webkit-details-marker{display:none}.account-sub[open] summary{color:var(--text);border-bottom:1px solid var(--border)}.account-empty{font-size:12px;color:var(--text-3);text-align:center;padding:12px}.account-hint{font-size:11px;color:var(--text-3);text-align:center}.account-member-list{list-style:none;display:flex;flex-direction:column;gap:8px}.account-member{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;background:var(--surface);border:1px solid var(--border)}.account-member-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0}.account-member-info{flex:1;min-width:0}.account-member-name{font-size:13px;font-weight:700}.account-member-meta{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.account-member-meta code{background:#ffffff0f;padding:1px 5px;border-radius:4px;font-size:10px}.account-member-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.btn-mini{padding:4px 8px!important;font-size:10px!important;border-radius:7px!important;gap:3px!important;display:inline-flex;align-items:center}.btn-mini-warn{color:#fbbf24!important}.btn-mini-warn:hover{background:#fbbf241f!important}.account-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border)}.account-table{width:100%;border-collapse:collapse;font-size:12px}.account-table th{text-align:left;padding:8px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);background:#0003;border-bottom:1px solid var(--border);font-weight:800}.account-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.account-table tr:last-child td{border-bottom:0}.account-table tr.is-disabled td{opacity:.55}.account-table-actions{display:flex;gap:4px;justify-content:flex-end}.account-status{display:inline-block;padding:2px 7px;border-radius:99px;font-size:10px;font-weight:700}.account-status-on{background:#22c55e2e;color:#22c55e}.account-status-off{background:#ef44442e;color:#ef4444}.account-logout{margin-top:4px;padding:10px 14px;border-radius:11px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5;cursor:pointer;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.account-logout:hover{background:#ef444433}.org-pyramid{position:relative;padding:14px 6px 6px}.org-pyramid-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.org-row{display:flex;align-items:center;justify-content:center;gap:18px;position:relative;z-index:1}.org-row-l3{padding-top:4px;padding-bottom:18px}.org-row-l2-wrap{gap:26px;flex-wrap:wrap;padding-top:14px}.org-row-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);text-align:center;margin-top:6px}.org-col{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:90px}.org-sales-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}.org-sales-empty{font-size:10px;color:var(--text-3);padding:8px 12px;border-radius:8px;background:#ffffff0a;border:1px dashed var(--border)}.org-empty{font-size:12px;color:var(--text-3);text-align:center;padding:18px}.org-node{position:relative;border-radius:50%;border:2px solid rgba(255,255,255,.42);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;padding:0;flex-shrink:0}.org-node:hover{transform:scale(1.12);box-shadow:0 8px 22px #00000080,inset 0 1px #fff6}.org-node-lg,.org-node-md,.org-node-sm{box-shadow:inset 0 1px #fff6}.org-node-initial{position:absolute;font-weight:800;font-size:18px;opacity:.18}.org-node-tier{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:2px 6px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.06em;opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap}.org-node:hover .org-node-tier{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;animation:modal-fade-in .18s ease-out both}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px;border-radius:18px;background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 28px 70px #00000080,0 0 0 1px #ffffff0a;display:flex;flex-direction:column;gap:14px;animation:modal-pop-in .22s cubic-bezier(.16,.84,.44,1) both}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}.modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;background:var(--surface-subtle);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:color .15s,background .15s}.modal-close:hover{color:var(--text);background:var(--surface-hover)}.modal-header{display:flex;align-items:center;gap:12px;padding-right:30px}.modal-avatar{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#7c3aed2e;color:#c4b5fd;flex-shrink:0}.modal-avatar-warn{background:#fbbf242e;color:#fbbf24}.modal-title{font-size:16px;font-weight:800}.modal-subtitle{font-size:12px;color:var(--text-3);margin-top:2px}.modal-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:11px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fcd9a8;font-size:12px;line-height:1.5}.modal-field{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--text-3);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.modal-field-toggle{flex-direction:row;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--surface-subtle);border:1px solid var(--border);text-transform:none;letter-spacing:0;font-size:13px;color:var(--text);font-weight:600}.modal-field input,.modal-field select{background:var(--surface-subtle);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-size:13px;font-family:inherit;outline:0;transition:border-color .15s,box-shadow .15s}.modal-field input:focus,.modal-field select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed2e}.modal-error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:10px 12px;border-radius:10px;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:6px;border-top:1px solid var(--border);margin-top:6px}.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c)!important}.super-shell{min-height:100vh;background:radial-gradient(900px 540px at 12% -8%,rgba(196,122,22,.16),transparent 60%),radial-gradient(900px 540px at 92% 6%,rgba(124,58,237,.12),transparent 60%),var(--bg);color:var(--text)}[data-theme=light] .super-shell{background:radial-gradient(900px 540px at 12% -8%,rgba(196,122,22,.18),transparent 60%),radial-gradient(900px 540px at 92% 6%,rgba(124,58,237,.14),transparent 60%),#fbf8f3;color:#172033}.super-header{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;border-bottom:1px solid var(--border);background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=light] .super-header{background:#ffffffb3}.super-brand{display:flex;align-items:center;gap:12px}.super-brand-mark{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#c47a16,#92400e);box-shadow:0 6px 18px #c47a1673}.super-brand-name{font-size:17px;font-weight:800}.super-brand-subtitle{font-size:11px;color:var(--text-3)}.super-actions{display:flex;gap:10px}.super-logout{color:#fca5a5!important}.super-logout:hover{background:#ef444426!important}.super-feedback{margin:14px 36px 0;padding:10px 14px;border-radius:10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.4);color:#86efac;font-size:13px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.super-main{padding:24px 36px 60px;max-width:1300px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.super-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width:900px){.super-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.super-stat{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.super-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c47a1638,#7c3aed2e);color:#fbbf24}.super-stat-value{font-size:24px;font-weight:800;letter-spacing:-.01em}.super-stat-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-top:2px}.super-stat-sub{font-size:10px;color:var(--text-3);margin-top:2px}.super-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media (max-width:900px){.super-grid{grid-template-columns:1fr}}.super-panel{padding:20px;border-radius:16px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.super-panel-wide{grid-column:1/-1}.super-panel h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800}.super-panel-desc{font-size:12px;color:var(--text-3)}.super-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1fr;gap:10px;align-items:end}.super-form-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.super-form label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.super-form input,.super-form select{background:var(--surface-subtle);border:1px solid var(--border);border-radius:9px;padding:9px 11px;color:var(--text);font-size:13px;font-family:inherit;outline:0;transition:border-color .15s,box-shadow .15s}.super-form input:focus,.super-form select:focus{border-color:#c47a16;box-shadow:0 0 0 3px #c47a162e}.super-codes{padding-top:6px;border-top:1px solid var(--border)}.super-codes h4{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:8px;font-weight:700}.super-codes ul{list-style:none;display:flex;flex-direction:column;gap:6px}.super-code-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--surface-subtle);border:1px solid var(--border);font-size:12px}.super-code-row.is-expired{opacity:.5}.super-code-row.is-exhausted{opacity:.6}.super-code-text{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;cursor:pointer;color:var(--text);font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:700;letter-spacing:.1em;padding:2px 4px;border-radius:5px}.super-code-text:hover{background:#ffffff0f}.super-code-text code{background:transparent;padding:0;font-size:12px}.super-code-meta{flex:1;font-size:11px;color:var(--text-3)}.super-code-revoke{background:transparent;border:1px solid var(--border);color:var(--text-3);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center}.super-code-revoke:hover{color:#ef4444;border-color:#ef444466}.super-admin-result{margin-top:10px;padding:14px;border-radius:11px;background:#22c55e1a;border:1px solid rgba(34,197,94,.35);color:#86efac;font-size:13px;display:flex;flex-direction:column;gap:6px}.super-admin-cred{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;background:#00000040;border-radius:8px}.super-admin-cred span{font-size:11px;color:#86efac;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.super-admin-cred code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.super-table-wrap{overflow-x:auto;border-radius:11px;border:1px solid var(--border)}.super-table{width:100%;border-collapse:collapse;font-size:12px}.super-table th{text-align:left;padding:10px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);background:#00000040;border-bottom:1px solid var(--border);font-weight:800;white-space:nowrap}.super-table td{padding:10px 12px;border-bottom:1px solid var(--border)}.super-table tr:last-child td{border-bottom:0}.super-table code{background:#ffffff0f;padding:2px 7px;border-radius:5px;font-size:11px}.super-pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.06em}.super-pill-1{background:#3157d5;color:#fff}.super-pill-2{background:#7c3aed;color:#fff}.super-pill-3{background:#c47a16;color:#fff}.super-status{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:700}.super-status-on{background:#22c55e2e;color:#22c55e}.super-status-off{background:#ef44442e;color:#ef4444}