#root{width:100%;min-height:100vh}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0006;pointer-events:auto;min-width:300px}.toast-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.toast-icon svg{width:16px;height:16px}.toast-success .toast-icon{background:#10b98133;color:#10b981}.toast-error .toast-icon{background:#ef444433;color:#ef4444}.toast-warning .toast-icon{background:#f59e0b33;color:#f59e0b}.toast-info .toast-icon{background:#3b82f633;color:#3b82f6}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:#fff;margin-bottom:2px}.toast-message{font-size:13px;color:#ffffffb3;line-height:1.4}.toast-close{flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:#fff}.toast-close svg{width:14px;height:14px}.light-theme .toast{background:#fff;border-color:#0000001a;box-shadow:0 10px 40px #00000026}.light-theme .toast-title{color:#111827}.light-theme .toast-message{color:#6b7280}.light-theme .toast-close{color:#9ca3af}.light-theme .toast-close:hover{background:#0000000d;color:#374151}@media (max-width: 480px){.toast-container{left:12px;right:12px;max-width:none}.toast{min-width:0}}.dashboard-stats{padding:2rem 2.5rem;min-height:100vh}.dashboard-stats.loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.stats-header{margin-bottom:2rem}.stats-header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stats-header .header-subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:24px;height:24px}.stat-icon.aufmasse{background:#8b5cf626;color:#8b5cf6}.stat-icon.angebote{background:#7fa93d26;color:var(--primary-color)}.stat-icon.montage{background:#3b82f626;color:#3b82f6}.stat-icon.reklamation{background:#ef444426;color:#ef4444}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.stat-footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-color)}.stat-change{font-size:.813rem;color:var(--text-muted)}.stat-change.positive{color:var(--primary-color)}.stat-change.warning{color:#f59e0b}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.stats-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.stats-panel h2{margin:0 0 1.25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.status-list{display:flex;flex-direction:column;gap:.75rem}.status-item{cursor:pointer;transition:opacity .2s}.status-item:hover{opacity:.8}.status-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:.375rem}.status-fill{height:100%;background:var(--status-color);border-radius:4px;transition:width .5s ease}.status-info{display:flex;justify-content:space-between;align-items:center}.status-label{font-size:.813rem;color:var(--text-secondary)}.status-count{font-size:.813rem;font-weight:600;color:var(--text-primary)}.activity-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.empty-text{color:var(--text-muted);font-size:.875rem;text-align:center;padding:2rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:10px;cursor:pointer;transition:background .2s}.activity-item:hover{background:var(--bg-tertiary)}.activity-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.activity-icon svg{width:18px;height:18px}.activity-content{flex:1;min-width:0}.activity-title{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{display:block;font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-status{padding:.25rem .625rem;border-radius:12px;font-size:.688rem;font-weight:600;color:#fff;white-space:nowrap}.view-all-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-all-btn svg{width:16px;height:16px}.quick-actions{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.quick-actions h2{margin:0 0 1.25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s}.action-card:hover{background:var(--bg-hover);border-color:var(--primary-color)}.action-icon{width:48px;height:48px;border-radius:12px;background:#7fa93d26;display:flex;align-items:center;justify-content:center;color:var(--primary-color);transition:all .2s}.action-card:hover .action-icon{background:var(--primary-color);color:var(--bg-primary)}.action-icon svg{width:24px;height:24px}.action-card span{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.action-card:hover span{color:var(--text-primary)}@media (max-width: 1200px){.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.stats-row{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-stats{padding:1rem}.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.action-card{padding:1rem}}.dashboard{display:flex;min-height:100vh;background:var(--bg-primary)}.dashboard-sidebar{width:280px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--sidebar-gradient-end) 100%);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-logo{display:flex;align-items:center;gap:.875rem}.theme-toggle-sidebar{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:10px;border:2px solid var(--primary-color);background:var(--bg-tertiary);color:var(--primary-color);cursor:pointer;transition:all .2s ease;flex-shrink:0}.theme-toggle-sidebar:hover{background:var(--primary-color);color:#fff}.theme-toggle-sidebar svg{width:18px;height:18px}.light-theme .theme-toggle-sidebar{background:#fff;border-color:var(--primary-color);color:var(--primary-color)}.light-theme .theme-toggle-sidebar:hover{background:var(--primary-color);color:#fff}.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7fa93d40}.logo-icon svg{width:24px;height:24px;color:var(--bg-primary)}.logo-text{display:flex;flex-direction:column}.logo-name{font-size:1.25rem;font-weight:700;color:var(--primary-color);letter-spacing:1px}.logo-tagline{font-size:.7rem;color:var(--text-secondary);letter-spacing:.5px}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.nav-section{margin-bottom:2rem}.nav-section-title{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;padding:0 .75rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease;margin-bottom:.25rem}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item:hover{background:#7fa93d1a;color:var(--text-primary)}.nav-item.active{background:#7fa93d26;color:var(--primary-color)}.nav-badge{margin-left:auto;background:var(--primary-color);color:var(--bg-primary);font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:10px;min-width:20px;text-align:center}.sidebar-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem}.sidebar-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-color)}.sidebar-stat .stat-number{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.sidebar-stat .stat-number.completed{color:#22c55e}.sidebar-stat .stat-number.draft{color:#3b82f6}.sidebar-stat .stat-text{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.powered-by-sidebar{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);font-size:.75rem;color:var(--text-secondary)}.powered-by-sidebar a{display:flex;align-items:center}.powered-by-sidebar .conais-logo{height:18px;width:auto;opacity:.8;transition:opacity .2s}.powered-by-sidebar .conais-logo:hover{opacity:1}.powered-by-sidebar .conais-logo-light,.light-theme .powered-by-sidebar .conais-logo-dark{display:none}.light-theme .powered-by-sidebar .conais-logo-light{display:block}.sidebar-user{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;background:var(--bg-tertiary);border-radius:10px;display:flex;align-items:center;justify-content:center}.user-avatar svg{width:20px;height:20px;color:var(--text-secondary)}.user-info{display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-secondary)}.logout-btn{margin-left:auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.logout-btn svg{width:18px;height:18px}.dashboard-content{flex:1;margin-left:280px;padding:0;min-height:100vh}.content-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50}.header-left h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.btn-primary-new{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--bg-primary);border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 4px 12px #7fa93d40;transition:all .2s ease}.btn-primary-new svg{width:18px;height:18px}.btn-primary-new:hover{box-shadow:0 6px 20px #7fa93d59}.btn-primary-new.large{padding:1rem 2rem;font-size:1rem}.btn-secondary-new{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.btn-secondary-new svg{width:18px;height:18px}.btn-secondary-new:hover{background:#7fa93d1a;box-shadow:0 4px 12px #7fa93d33}.header-right{display:flex;gap:12px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem 2.5rem}.quick-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.quick-stat-card:hover{border-color:#7fa93d4d;box-shadow:0 8px 32px #00000026}.quick-stat-content{display:flex;align-items:center;gap:1rem}.quick-stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center}.quick-stat-icon svg{width:26px;height:26px}.quick-stat-icon.total{background:#7fa93d1f;color:var(--primary-color)}.quick-stat-icon.completed{background:#22c55e1f;color:#22c55e}.quick-stat-icon.draft{background:#3b82f61f;color:#3b82f6}.quick-stat-info{display:flex;flex-direction:column}.quick-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.quick-stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.quick-stat-trend{padding:.375rem;background:#22c55e1a;border-radius:8px}.quick-stat-trend svg{width:18px;height:18px;color:#22c55e}.quick-stat-percentage{font-size:1.25rem;font-weight:600;color:var(--text-secondary)}.quick-stat-card.clickable{cursor:pointer}.quick-stat-card.clickable:hover{border-color:var(--primary-color);transform:translateY(-2px)}.quick-stat-icon.team{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.quick-stat-arrow{color:var(--text-secondary);transition:transform .2s}.quick-stat-arrow svg{width:20px;height:20px}.quick-stat-card.clickable:hover .quick-stat-arrow{transform:translate(4px);color:var(--primary-color)}.content-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2.5rem}.toolbar-left{display:flex;align-items:center;gap:1rem;flex:1;flex-wrap:wrap}.search-container{position:relative;display:flex;align-items:center}.search-container>svg{position:absolute;left:1rem;width:20px;height:20px;color:var(--text-secondary);pointer-events:none}.search-container input{width:100%;padding:.875rem 2.75rem .875rem 3rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:.9rem;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.search-container input::placeholder{color:var(--text-secondary)}.search-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d1a}.clear-search{position:absolute;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.clear-search:hover{background:var(--border-color);color:var(--text-primary)}.clear-search svg{width:14px;height:14px}.toolbar-right{display:flex;align-items:center;gap:1rem}.filter-tabs{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.25rem}.filter-tab{padding:.625rem 1rem;background:transparent;border:none;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:inherit}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--primary-color);color:var(--bg-primary)}.view-toggle{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.25rem}.view-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-btn svg{width:18px;height:18px}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-tertiary);color:var(--primary-color)}.content-area{padding:0 2.5rem 2.5rem;min-height:400px}.forms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (min-width: 3840px){.forms-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 2560px) and (max-width: 3839px){.forms-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px) and (min-width: 769px){.forms-grid{grid-template-columns:repeat(2,1fr)}}.forms-list{display:flex;flex-direction:column;gap:.75rem}.form-card-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:visible;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.form-card-modern:hover{border-color:#7fa93d66;box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.form-card-modern.list{flex-direction:row;align-items:center}.card-status-indicator{position:absolute;top:0;left:0;right:0;height:3px}.card-status-indicator[data-status=completed]{background:linear-gradient(90deg,#22c55e,#16a34a)}.card-status-indicator[data-status=draft]{background:linear-gradient(90deg,#3b82f6,#2563eb)}.card-main{flex:1;padding:1.5rem}.form-card-modern.list .card-main{display:flex;align-items:center;gap:2rem}.card-header-modern{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.form-card-modern.list .card-header-modern{margin-bottom:0;flex:0 0 280px}.customer-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--bg-primary);flex-shrink:0}.customer-details{flex:1;min-width:0}.customer-details h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-location{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem}.customer-location svg{width:14px;height:14px;flex-shrink:0}.status-pill{padding:.375rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.status-pill.completed{background:#22c55e1f;color:#22c55e}.status-pill.draft{background:#3b82f61f;color:#3b82f6}.card-body-modern{display:flex;flex-direction:column;gap:1rem}.form-card-modern.list .card-body-modern{flex:1;flex-direction:row;align-items:center;gap:2rem}.product-tags{display:flex;flex-wrap:wrap;gap:.5rem}.product-tag{padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.product-tag.category{background:var(--primary-color);color:var(--bg-primary)}.product-tag.type{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.product-tag.model{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.product-tag.weitere{background:linear-gradient(135deg,#7fa93d,#5a8a1a);color:#fff;font-weight:500}.card-meta{display:flex;gap:1.5rem}.meta-item-modern{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.meta-item-modern svg{width:16px;height:16px;opacity:.7}.attachment-selector,.action-btn.attachment{position:relative}.action-btn.attachment.has-files{color:var(--primary-color)}.file-count-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.attachment-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;min-width:220px;box-shadow:0 -4px 20px #0000004d;z-index:100;overflow:hidden;margin-bottom:8px}.attachment-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;width:100%;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s;text-decoration:none}.attachment-option:hover{background:#7fa93d1a}.attachment-option svg{width:18px;height:18px;flex-shrink:0}.attachment-option.generate-pdf{border-bottom:1px solid var(--border-color)}.attachment-option.generate-pdf svg{color:var(--primary-color)}.attachment-divider{padding:.5rem 1rem;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#0000001a}.attachment-option.pdf-file svg{color:#ef4444}.attachment-option.upload-doc{border-bottom:1px solid var(--border-color);flex-wrap:wrap}.attachment-option.upload-doc svg{color:#3b82f6}.upload-hint{font-size:.7rem;color:var(--text-secondary);width:100%;margin-left:2rem;margin-top:-.25rem}.pdf-filename,.media-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.attachment-option.media-file.image svg{color:#10b981}.attachment-option.media-file.video svg{color:#8b5cf6}.attachment-option.esig-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;justify-content:flex-start}.attachment-option.esig-status .esig-icon{width:16px;height:16px;flex-shrink:0}.attachment-option.esig-status .esig-label{flex:1;text-align:left}.attachment-option.esig-status .esig-status-text{font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-weight:500}.attachment-option.esig-status.signed{cursor:pointer}.attachment-option.esig-status.signed .esig-icon{color:#10b981}.attachment-option.esig-status.signed .esig-status-text{background:#10b98126;color:#10b981}.attachment-option.esig-status.pending .esig-icon{color:#f59e0b}.attachment-option.esig-status.pending .esig-status-text{background:#f59e0b26;color:#f59e0b}.attachment-option.esig-status.not-sent{opacity:.5;cursor:default}.attachment-option.esig-status.not-sent .esig-icon,.attachment-option.esig-status.not-sent .esig-status-text{color:var(--text-secondary)}.attachment-option.esig-status:disabled{pointer-events:none}.card-actions-modern{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--card-actions-bg, rgba(0, 0, 0, .15));flex-wrap:wrap;min-width:0}.form-card-modern.list .card-actions-modern{border-top:none;border-left:1px solid var(--border-color);background:transparent}.action-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.action-btn svg{width:16px;height:16px;flex-shrink:0}.action-btn.pdf{color:#3b82f6}.action-btn.pdf:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.edit{color:var(--primary-color);flex:1;min-width:0;overflow:hidden}.action-btn.edit span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn.edit:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-primary)}.action-btn.attachment{color:#06b6d4;flex:1;min-width:0;overflow:visible}.action-btn.attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn.attachment:hover{background:#06b6d4;border-color:#06b6d4;color:#fff}.action-btn.email{color:#3b82f6;text-decoration:none}.action-btn.email:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-btn.restore{color:#10b981}.action-btn.restore:hover{background:#10b981;border-color:#10b981;color:#fff}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.form-card-modern.list .action-btn span{display:none}.empty-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-illustration{width:200px;height:200px;margin-bottom:2rem;color:var(--text-secondary)}.empty-illustration svg{width:100%;height:100%}.empty-state-modern h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.empty-state-modern p{margin:0 0 2rem;font-size:1rem;color:var(--text-secondary);max-width:400px}.modal-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:16px;display:flex;align-items:center;justify-content:center}.modal-icon.danger{background:#ef44441f}.modal-icon svg{width:32px;height:32px;color:#ef4444}.modal-modern p{margin:0 0 1rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.delete-warning-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;margin-bottom:1.5rem}.delete-warning-box svg{flex-shrink:0;color:#d97706}.delete-warning-text{font-size:.875rem;color:#92400e;line-height:1.5}.delete-warning-text strong{color:#78350f}.modal-actions-modern{display:flex;gap:.75rem}.modal-btn{flex:1;padding:.875rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.modal-btn.secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.modal-btn.secondary:hover{background:var(--border-color)}.modal-btn.danger{background:#ef4444;border:none;color:#fff}.modal-btn.danger:hover{background:#dc2626}.modal-btn.primary{background:var(--primary-color);border:none;color:#fff}.modal-btn.primary:disabled{opacity:.6;cursor:not-allowed}.modal-large{max-width:560px;text-align:left}.status-history-list{max-height:400px;overflow-y:auto;margin-bottom:1.5rem}.history-empty{text-align:center;color:var(--text-muted);padding:2rem}.history-entry{padding:1rem;border:1px solid var(--border-color);border-radius:10px;margin-bottom:.75rem;background:var(--bg-tertiary)}.history-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.history-status .status-dot{width:10px;height:10px;border-radius:50%}.history-status .status-label{font-weight:600;color:var(--text-primary)}.history-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted)}.history-notes{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary);padding:.5rem;background:#0003;border-radius:6px}.abnahme-modal{max-width:520px;max-height:85vh;display:flex;flex-direction:column;padding:0!important}.abnahme-modal h3{padding:1.5rem 1.5rem 1rem;margin:0;border-bottom:1px solid var(--border-color);flex-shrink:0}.abnahme-form{flex:1;overflow-y:auto;padding:1.5rem;margin-bottom:0}.abnahme-modal .modal-actions-modern{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;border-radius:0 0 20px 20px}.abnahme-row{margin-bottom:1rem}.abnahme-row label:not(.abnahme-checkbox){display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.abnahme-row input[type=text],.abnahme-row textarea{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:inherit;resize:vertical}.abnahme-row input[type=text]:focus,.abnahme-row textarea:focus{outline:none;border-color:var(--primary-color)}.abnahme-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.abnahme-checkbox:hover{border-color:var(--primary-color)}.abnahme-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-color);cursor:pointer}.abnahme-checkbox span{font-size:.9rem;color:var(--text-primary)}.abnahme-checkbox.confirmation{background:#7fa93d1a;border-color:var(--primary-color)}.abnahme-divider{font-size:.9rem;font-weight:600;color:var(--primary-color);margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.abnahme-status-selection{margin-bottom:1.5rem}.abnahme-status-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.abnahme-radio-group{display:flex;gap:1rem}.abnahme-radio-option{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.abnahme-radio-option:hover{border-color:var(--primary-color)}.abnahme-radio-option.selected{border-color:var(--primary-color);background:#7fa93d26}.abnahme-radio-option input[type=radio]{display:none}.abnahme-radio-option .radio-icon{width:22px;height:22px;border:2px solid var(--border-color);border-radius:50%;position:relative;flex-shrink:0;transition:all .2s ease}.abnahme-radio-option.selected .radio-icon{border-color:var(--primary-color);background:var(--primary-color)}.abnahme-radio-option.selected .radio-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.abnahme-radio-option .radio-text{font-weight:600;font-size:.95rem;color:var(--text-primary)}.abnahme-maengel-section{padding:1.25rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:1rem}.abnahme-field-label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.abnahme-ja-nein-buttons{display:flex;gap:.75rem}.abnahme-ja-nein-btn{flex:1;padding:.75rem 1.5rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.abnahme-ja-nein-btn:hover{border-color:var(--primary-color)}.abnahme-ja-nein-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.abnahme-note-buttons{display:flex;gap:.5rem}.abnahme-note-btn{width:48px;height:48px;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.abnahme-note-btn:hover{border-color:var(--primary-color);transform:scale(1.05)}.abnahme-note-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.abnahme-maengel-list{display:flex;flex-direction:column;gap:.75rem}.abnahme-mangel-item{display:flex;align-items:center;gap:.75rem}.abnahme-mangel-item .mangel-number{font-weight:700;font-size:1rem;color:#ef4444;min-width:28px}.abnahme-mangel-item input{flex:1;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;color:var(--text-primary);transition:all .2s ease}.abnahme-mangel-item input:focus{outline:none;border-color:var(--primary-color)}.remove-mangel-btn{width:32px;height:32px;border:none;background:#ef44441a;color:#ef4444;border-radius:6px;font-size:1.3rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-mangel-btn:hover{background:#ef4444;color:#fff}.add-mangel-btn{padding:.75rem 1rem;border:2px dashed var(--primary-color);border-radius:8px;background:transparent;color:var(--primary-color);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.add-mangel-btn:hover{background:#7fa93d1a;border-style:solid}.maengel-fotos-section{display:flex;flex-direction:column;gap:1rem}.maengel-fotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.maengel-fotos-grid.pending{border-top:1px dashed var(--primary-color);padding-top:1rem}.maengel-foto-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);background:var(--bg-secondary)}.maengel-foto-item.pending{border-color:var(--primary-color);border-style:dashed}.maengel-foto-item img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.maengel-foto-item img:hover{transform:scale(1.05)}.maengel-foto-item .pending-badge{position:absolute;top:4px;left:4px;background:var(--primary-color);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:600}.maengel-foto-item .remove-foto-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;background:#ef4444e6;color:#fff;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.maengel-foto-item:hover .remove-foto-btn{opacity:1}.add-foto-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px dashed var(--primary-color);border-radius:8px;background:transparent;color:var(--primary-color);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.add-foto-btn:hover{background:#7fa93d1a;border-style:solid}.add-foto-btn input[type=file]{display:none}@media (max-width: 768px){.abnahme-radio-group{flex-direction:column}.abnahme-note-buttons{flex-wrap:wrap}.abnahme-note-btn{width:44px;height:44px}}@media (max-width: 1200px){.quick-stats{grid-template-columns:repeat(3,1fr)}.forms-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width: 1024px){.dashboard-sidebar{width:240px}.dashboard-content{margin-left:240px}.content-header,.quick-stats,.content-toolbar,.content-area{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width: 900px){.dashboard-sidebar{transform:translate(-100%);transition:transform .3s ease;padding-top:70px}.dashboard-sidebar.mobile-open{transform:translate(0)}.dashboard-content{margin-left:0}.quick-stats{grid-template-columns:1fr 1fr}.quick-stats .quick-stat-card:first-child{grid-column:span 2}.filter-tabs{display:none}}@media (max-width: 640px){.content-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-primary-new{width:100%;justify-content:center}.quick-stats{grid-template-columns:1fr;gap:1rem}.quick-stats .quick-stat-card:first-child{grid-column:auto}.forms-grid{grid-template-columns:1fr}.card-header-modern{flex-wrap:wrap}.status-pill{order:-1;width:100%;text-align:center}.card-meta{flex-direction:column;gap:.5rem}.action-btn{padding:.5rem .75rem;font-size:.85rem}.action-btn span{display:inline}.action-btn svg{width:14px;height:14px}}@media (max-width: 480px){.content-header,.quick-stats,.content-toolbar,.content-area{padding-left:1rem;padding-right:1rem}.header-left h1{font-size:1.5rem}.quick-stat-card{padding:1rem}.quick-stat-value{font-size:1.5rem}.modal-modern{padding:1.5rem}.modal-actions-modern{flex-direction:column}}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:var(--bg-primary);gap:1.5rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.dashboard-loading p{color:var(--text-secondary);font-size:1rem}.dashboard-error{color:var(--text-primary)}.error-icon{width:64px;height:64px;background:#ef44441f;border-radius:16px;display:flex;align-items:center;justify-content:center}.error-icon svg{width:32px;height:32px;color:#ef4444}.dashboard-error h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.dashboard-error p{margin:0;color:var(--text-secondary);font-size:.9rem}.retry-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary-color);color:var(--bg-primary);border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.retry-btn:hover{background:var(--primary-hover)}.montageteam-list{display:flex;flex-direction:column;gap:.5rem}.montageteam-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background:#ffffff08;border-radius:8px;border:1px solid var(--border-color)}.team-info{display:flex;flex-direction:column;gap:.125rem}.team-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.team-count{font-size:.7rem;color:var(--text-secondary)}.team-stats{display:flex;gap:.5rem}.team-completed,.team-draft{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.team-completed{background:#22c55e26;color:#22c55e}.team-draft{background:#3b82f626;color:#3b82f6}.admin-panel-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;width:100%;max-width:600px;max-height:85vh;overflow-y:auto}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-secondary);z-index:10}.admin-panel-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.close-btn svg{width:18px;height:18px}.admin-section{padding:1.5rem;border-bottom:1px solid var(--border-color)}.admin-section:last-child{border-bottom:none}.admin-section h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.invite-form{display:flex;gap:.75rem;flex-wrap:wrap}.invite-form input[type=email]{flex:1;min-width:200px;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-primary)}.invite-form input[type=email]::placeholder{color:var(--text-secondary)}.invite-form input[type=email]:focus{outline:none;border-color:var(--primary-color)}.invite-form select{padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-primary);cursor:pointer}.invite-form button{padding:.75rem 1.25rem;background:var(--primary-color);color:var(--bg-primary);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.invite-form button:hover:not(:disabled){background:var(--primary-hover)}.invite-form button:disabled{opacity:.6;cursor:not-allowed}.invite-success{margin-top:1rem;padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px}.invite-success p{margin:0 0 .5rem;color:#22c55e;font-weight:600;font-size:.875rem}.invite-link-box{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.5rem}.invite-link-box input{width:100%;padding:.625rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;color:var(--text-primary);font-family:monospace}.invite-link-buttons{display:flex;gap:.5rem}.invite-link-box .copy-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--primary-color);border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.invite-link-box .copy-btn:hover{background:var(--primary-hover)}.invite-link-box .copy-btn svg{width:16px;height:16px}.invite-link-box .mail-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none}.invite-link-box .mail-btn:hover{background:#2563eb}.invite-link-box .mail-btn svg{width:16px;height:16px}.invite-success small{display:block;font-size:.75rem;color:var(--text-secondary)}.admin-list{display:flex;flex-direction:column;gap:.5rem}.admin-list-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-color)}.admin-list-item.inactive{opacity:.6}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.item-email{font-size:.8rem;color:var(--text-secondary)}.item-role{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:#7fa93d26;color:var(--primary-color);width:fit-content}.item-role.admin{background:#a855f726;color:#a855f7}.item-meta,.item-actions{display:flex;align-items:center;gap:.75rem}.item-expires{font-size:.75rem;color:var(--text-secondary)}.item-toggle{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;background:#ef444426;color:#ef4444}.item-toggle.active{background:#22c55e26;color:#22c55e}.item-delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.item-delete:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.item-delete svg{width:16px;height:16px}.item-current{font-size:.75rem;color:var(--text-secondary);font-style:italic}.montageteams-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin:1.5rem 2.5rem}.montageteams-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.montageteams-section .section-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.montageteams-section .section-header h2:before{content:"";display:inline-block;width:36px;height:36px;background-color:var(--primary-color);border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 00-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 010 7.75'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px}.section-link{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:var(--primary-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;padding:.5rem .75rem;border-radius:8px}.section-link:hover{background:#7fa93d1a;color:var(--primary-hover)}.section-link svg{width:16px;height:16px;transition:transform .2s}.section-link:hover svg{transform:translate(3px)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.team-card-small{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem;transition:all .2s;cursor:pointer}.team-card-small:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.team-card-small .team-name{font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:.625rem}.team-card-small .team-stats-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.team-card-small .team-total{color:var(--text-secondary)}.team-card-small .team-completed{color:#22c55e;font-weight:600}.teams-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.teams-empty p{margin:0 0 1rem;font-size:.9rem}.btn-secondary-small{padding:.625rem 1.25rem;background:transparent;border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary-small:hover{background:var(--primary-color);color:var(--bg-primary)}@media (max-width: 900px){.montageteams-section{margin:0 1.5rem 1.5rem}}@media (max-width: 480px){.montageteams-section{margin:0 1rem 1rem;padding:1rem}.teams-grid{grid-template-columns:1fr}}.montageteam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:0 0 1.5rem}.montageteam-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s}.montageteam-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 10px 30px #0003}.montageteam-card.selected{border-color:var(--primary-color);background:#7fa93d1a}.montageteam-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.montageteam-card-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.montageteam-total{font-size:.875rem;color:var(--text-secondary)}.montageteam-stats{display:flex;justify-content:space-between;margin-bottom:1rem}.stat-box{text-align:center}.stat-box .stat-value{display:block;font-size:1.5rem;font-weight:700}.stat-box .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.stat-box.completed .stat-value{color:#22c55e}.stat-box.draft .stat-value{color:#f59e0b}.stat-box.percentage .stat-value{color:var(--primary-color)}.montageteam-progress{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,var(--primary-color));border-radius:3px;transition:width .5s ease}.team-projects-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;margin-top:1.5rem}.team-projects-section .section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.team-projects-section .section-header h2{margin:0;font-size:1.125rem}.team-projects-section .close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.team-projects-section .close-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.team-projects-section .close-btn svg{width:16px;height:16px}.projects-table{max-height:400px;overflow-y:auto}.project-row{display:grid;grid-template-columns:2fr 1fr 100px 100px;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.project-row:hover{background:#7fa93d1a}.project-row:last-child{border-bottom:none}.project-customer{display:flex;flex-direction:column}.customer-name{font-weight:500;color:var(--text-primary)}.customer-location{font-size:.8rem;color:var(--text-secondary)}.project-product{font-size:.875rem;color:var(--text-secondary)}.project-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;text-align:center;font-weight:500}.project-status.completed{background:#22c55e33;color:#22c55e}.project-status.draft{background:#f59e0b33;color:#f59e0b}.project-date{font-size:.875rem;color:var(--text-secondary);text-align:right}.montageteam-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;padding:2rem 2.5rem}.montageteam-card-new{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.montageteam-card-new:hover{border-color:#7fa93d66;box-shadow:0 12px 40px #00000026}.montageteam-card-new.selected{border-color:var(--primary-color);background:#7fa93d0d}.montageteam-card-new.empty{opacity:.7}.team-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.team-card-header .team-info{display:flex;align-items:center;gap:1rem}.team-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--bg-primary);flex-shrink:0}.team-details h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.team-created{font-size:.75rem;color:var(--text-secondary)}.team-actions{display:flex;gap:.5rem}.team-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.team-action-btn svg{width:16px;height:16px}.team-action-btn.edit:hover{background:#7fa93d1a;border-color:var(--primary-color);color:var(--primary-color)}.team-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.team-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.team-stat{text-align:center;padding:.75rem .5rem;background:#ffffff08;border-radius:10px;border:1px solid var(--border-color)}.team-stat .stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.team-stat .stat-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.team-stat.completed .stat-value{color:#22c55e}.team-stat.draft .stat-value{color:#3b82f6}.team-stat.percentage .stat-value{color:var(--primary-color)}.team-progress-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:1rem}.team-expand-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.team-expand-btn:hover{background:#7fa93d1a;border-color:var(--primary-color);color:var(--primary-color)}.team-expand-btn svg{width:16px;height:16px}.team-projects-inline{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem;overflow:hidden}.inline-project-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.inline-project-row:last-child{margin-bottom:0}.inline-project-row:hover{background:#7fa93d26}.inline-project-row .project-info{display:flex;flex-direction:column;gap:.125rem}.inline-project-row .project-customer{font-size:.9rem;font-weight:500;color:var(--text-primary)}.inline-project-row .project-location{font-size:.75rem;color:var(--text-secondary)}.project-status-badge{font-size:.7rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.project-status-badge.completed{background:#22c55e26;color:#22c55e}.project-status-badge.draft{background:#3b82f626;color:#3b82f6}.no-projects{text-align:center;padding:1rem;color:var(--text-secondary);font-size:.85rem}.no-projects-notice{text-align:center;padding:.75rem;color:var(--text-secondary);font-size:.8rem;font-style:italic}.modal-input{width:100%;padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;font-size:.95rem;color:var(--text-primary);margin-bottom:1rem;transition:all .2s ease}.modal-input::placeholder{color:var(--text-secondary)}.modal-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d1a}.modal-error{color:#ef4444;font-size:.85rem;margin:-.5rem 0 1rem;text-align:left}.modal-btn.primary:hover:not(:disabled){background:var(--primary-hover)}.modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.montageteam-grid-new{grid-template-columns:1fr;padding:1rem}.team-stats-grid{grid-template-columns:repeat(2,1fr)}}.team-selector{position:relative}.team-selector-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem .75rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:inherit;min-width:100px}.team-selector-btn svg{width:16px;height:16px;flex-shrink:0}.team-selector-btn svg.chevron{width:14px;height:14px;margin-left:auto;transition:transform .2s}.team-selector-btn:hover{background:#7fa93d1a;border-color:var(--primary-color);color:var(--primary-color)}.team-selector-btn.has-team{background:#7fa93d26;border-color:var(--primary-color);color:var(--primary-color)}.team-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;min-width:160px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 30px #0000004d;overflow:hidden;z-index:100}.team-option{display:block;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-family:inherit}.team-option:hover{background:#7fa93d1a}.team-option.selected{background:#7fa93d33;color:var(--primary-color);font-weight:600}.team-option:not(:last-child){border-bottom:1px solid var(--border-color)}@media (max-width: 640px){.team-selector-btn span{display:none}.team-selector-btn{min-width:auto;padding:.625rem}.team-selector-btn svg.chevron{display:none}}.status-filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.status-filter-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.status-filter-tab:hover{background:var(--bg-tertiary)}.status-filter-tab.active{background:#7fa93d1a}.status-filter-tab .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-filter-tab .tab-label{font-size:.8rem;font-weight:500;color:var(--text-primary)}.status-filter-tab.active .tab-label{font-weight:600}.status-filter-tab .tab-count{font-size:.7rem;font-weight:700;color:var(--text-secondary);background:var(--bg-tertiary);padding:.125rem .4rem;border-radius:4px}.status-filter-tab.active .tab-count{background:var(--tab-color);color:#fff}@media (max-width: 1024px){.desktop-only{display:none}.mobile-only{display:block}.toolbar-left{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;width:100%}.toolbar-left .search-container{flex:1;min-width:0}.toolbar-left .search-container input{width:100%;min-width:0}.toolbar-left .status-filter-dropdown-container{flex-shrink:0}.status-filter-dropdown-btn{min-width:140px;padding:.625rem .75rem}.toolbar-right{display:none}}.status-filter-dropdown-container{position:relative}.status-filter-dropdown-btn{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:.875rem;color:var(--text-primary);min-width:200px}.status-filter-dropdown-btn:hover{background:var(--bg-tertiary)}.status-filter-dropdown-btn .status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-filter-dropdown-btn .dropdown-count{margin-left:auto;font-size:.75rem;font-weight:700;background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:4px;color:var(--text-secondary)}.status-filter-dropdown-btn .chevron{width:18px;height:18px;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.status-filter-dropdown-btn .chevron.open{transform:rotate(180deg)}.status-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 32px #0000004d;z-index:100;overflow:hidden}.status-dropdown-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-family:inherit}.status-dropdown-option:hover{background:#7fa93d1a}.status-dropdown-option.selected{background:#7fa93d26;font-weight:600}.status-dropdown-option .status-dot{width:8px;height:8px;border-radius:50%}.status-dropdown-option .option-count{margin-left:auto;font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:4px}.status-dropdown-option:not(:last-child){border-bottom:1px solid var(--border-color)}.status-selector{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.status-pill-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.status-pill-btn:hover{opacity:.9;transform:scale(1.02)}.status-pill-btn .chevron-small{width:14px;height:14px}.status-pill-static{display:flex;align-items:center;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.status-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000004d;z-index:150;overflow:hidden}.status-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;font-size:.85rem;color:var(--text-primary);cursor:pointer;transition:all .15s ease;font-family:inherit}.status-option:hover{background:#7fa93d1a}.status-option.selected{background:#7fa93d33;font-weight:600}.status-option .status-dot{width:8px;height:8px;border-radius:50%}.status-option:not(:last-child){border-bottom:1px solid var(--border-color)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:200;padding:0 1rem;align-items:center;justify-content:space-between}.hamburger-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.hamburger-btn:hover{background:#7fa93d1a;border-color:var(--primary-color)}.hamburger-btn svg{width:24px;height:24px}.mobile-logo{display:flex;flex-direction:column;align-items:center}.mobile-logo .logo-name{font-size:1.25rem;font-weight:700;color:var(--primary-color);letter-spacing:1px;line-height:1}.mobile-logo .logo-tagline{font-size:.65rem;color:var(--text-secondary);letter-spacing:.5px}.mobile-new-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border:none;border-radius:10px;color:var(--bg-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #7fa93d40}.mobile-new-btn:hover{box-shadow:0 6px 16px #7fa93d59;transform:scale(1.02)}.mobile-new-btn svg{width:24px;height:24px}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}@media (max-width: 900px){.mobile-header{display:flex}.mobile-menu-overlay{display:block}.dashboard-content{padding-top:60px}.content-header{display:none}.montageteams-section{margin-top:1rem}}.dashboard .powered-by-footer{position:fixed;bottom:0;left:280px;right:0;background:linear-gradient(to top,var(--bg-primary) 0%,transparent 100%);padding:1rem 1.5rem;margin-top:0;z-index:50}@media (max-width: 1024px){.dashboard .powered-by-footer{left:240px}}@media (max-width: 900px){.dashboard .powered-by-footer{left:0}}.montage-modal h3{margin:0 0 .5rem;font-size:1.5rem;color:#1a1a1a}.montage-modal-description{color:#666;margin:0 0 1.5rem;font-size:.95rem}.montage-date-input label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.95rem}.montage-date-input input[type=date]{width:100%;padding:.875rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;color:#1a1a1a;transition:border-color .2s ease}.montage-date-input input[type=date]:focus{outline:none;border-color:#7fa93d}.montage-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end}.montage-modal .modal-cancel{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;color:#666;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.montage-modal .modal-cancel:hover{border-color:#ccc;background:#f5f5f5}.montage-modal .modal-confirm{padding:.75rem 1.5rem;border:none;background:#7fa93d;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.montage-modal .modal-confirm:hover{background:#6d9235}.montage-modal .modal-confirm:disabled{background:#ccc;cursor:not-allowed}.montage-date-badge{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.7rem;color:var(--badge-color, #a855f7);background:color-mix(in srgb,var(--badge-color, #a855f7) 15%,transparent);border:1px solid color-mix(in srgb,var(--badge-color, #a855f7) 30%,transparent);padding:.3rem .6rem;border-radius:6px;font-weight:600;width:100%;min-width:120px}.montage-date-badge svg{width:14px;height:14px;stroke:var(--badge-color, #a855f7);flex-shrink:0}.abnahme-locked-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:1rem;color:#ef4444;font-size:.85rem;font-weight:500}.abnahme-locked-banner svg{width:20px;height:20px;flex-shrink:0;stroke:#ef4444}.abnahme-form.locked{opacity:.7;pointer-events:none}.abnahme-form.locked input,.abnahme-form.locked textarea,.abnahme-form.locked button{cursor:not-allowed}.maengel-fotos-required{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.maengel-fotos-required:before{content:"*";font-weight:700}.pdf-preview-overlay{z-index:1100}.pdf-preview-modal{width:90vw;height:90vh;max-width:1200px;background:var(--bg-secondary);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.pdf-preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.pdf-preview-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-preview-actions{display:flex;align-items:center;gap:.75rem}.pdf-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pdf-action-btn svg{width:18px;height:18px}.pdf-action-btn.download{background:var(--primary-color);color:#fff}.pdf-action-btn.download:hover{background:var(--primary-hover)}.pdf-action-btn.close{background:transparent;color:var(--text-secondary);padding:.5rem}.pdf-action-btn.close:hover{background:#ffffff1a;color:var(--text-primary)}.pdf-preview-content{flex:1;padding:1rem;background:#525659}.pdf-preview-content iframe{width:100%;height:100%;border:none;border-radius:8px;background:#fff}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s}.theme-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.theme-toggle-btn svg{width:20px;height:20px}.light-theme .dashboard-sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right-color:#e5e7eb}.light-theme .sidebar-header{border-bottom-color:#e5e7eb}.light-theme .nav-section-title{color:#6b7280}.light-theme .nav-item{color:#4b5563}.light-theme .nav-item:hover{background:#7fa93d14;color:#1f2937}.light-theme .nav-item.active{background:#7fa93d1f;color:var(--primary-color)}.light-theme .sidebar-stat{background:#f3f4f6;border-color:#e5e7eb}.light-theme .sidebar-stat .stat-number{color:#1f2937}.light-theme .sidebar-stat .stat-number.completed{color:#16a34a}.light-theme .sidebar-stat .stat-number.draft{color:#2563eb}.light-theme .sidebar-stat .stat-text{color:#6b7280}.light-theme .sidebar-footer{border-top-color:#e5e7eb}.light-theme .user-avatar{background:#f3f4f6}.light-theme .user-avatar svg{color:#6b7280}.light-theme .user-name{color:#1f2937}.light-theme .user-role,.light-theme .logout-btn{color:#6b7280}.light-theme .logout-btn:hover{color:#ef4444;background:#ef444414}.light-theme .dashboard-content{background:#f9fafb}.light-theme .content-header h1{color:#1f2937}.light-theme .header-subtitle{color:#6b7280}.light-theme .search-container{background:#fff;border-color:#d1d5db}.light-theme .search-container input{background:transparent;color:#1f2937}.light-theme .search-container input::placeholder{color:#9ca3af}.light-theme .search-container svg{color:#9ca3af}.light-theme .view-toggle{background:#fff;border-color:#d1d5db}.light-theme .view-btn{color:#6b7280}.light-theme .view-btn:hover{color:var(--primary-color)}.light-theme .view-btn.active{background:var(--primary-color);color:#fff}.light-theme .status-filter-tabs{background:#fff}.light-theme .status-filter-tab{color:#4b5563;background:transparent}.light-theme .status-filter-tab:hover{background:#0000000a}.light-theme .status-filter-tab.active{background:#7fa93d1a}.light-theme .form-card-modern{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #0000001a}.light-theme .form-card-modern:hover{box-shadow:0 4px 12px #0000001a}.light-theme .customer-name{color:#1f2937}.light-theme .customer-location{color:#6b7280}.light-theme .card-tags .tag{background:#f3f4f6;color:#374151;border-color:#e5e7eb}.light-theme .card-meta span{color:#6b7280}.light-theme .card-actions-modern{background:#00000005;border-top-color:#e5e7eb}.light-theme .action-btn{border-color:#d1d5db;color:#4b5563}.light-theme .action-btn:hover{background:#f3f4f6}.light-theme .powered-by-footer{color:#6b7280}.light-theme .btn-primary-new{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff}.esignature-selector{position:relative}.action-btn.esignature{color:var(--text-secondary);transition:all .2s ease}.action-btn.esignature:hover{color:#7fa93d;background:#7fa93d1a}.action-btn.esignature.loading{opacity:.7;pointer-events:none}.action-btn.esignature .spinner.small{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:#7fa93d;border-radius:50%;animation:spin 1s linear infinite}.esignature-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;min-width:200px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 30px #0000004d;overflow:hidden;z-index:100}.esignature-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .15s ease;text-align:left}.esignature-option:hover{background:var(--bg-tertiary)}.esignature-option svg{width:18px;height:18px;color:#7fa93d;flex-shrink:0}.light-theme .esignature-dropdown{background:#fff;border-color:#e5e7eb;box-shadow:0 10px 30px #0000001a}.light-theme .esignature-option:hover{background:#f9fafb}.esignature-option.openapi{border-left:3px solid #7fa93d}.esignature-option.boldsign{border-left:3px solid #3b82f6}.esignature-option.openapi svg{color:#7fa93d}.esignature-option.boldsign svg{color:#3b82f6}.esignature-status-section{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;margin-top:8px}.signature-item{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.signature-label{font-weight:500;min-width:80px;color:var(--text-secondary)}.signature-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.signature-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;color:#fff}.btn-download-signed{padding:4px 10px;font-size:12px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-download-signed:hover{background:#059669}.btn-send-signature{padding:6px 12px;font-size:12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-send-signature:hover{background:#2563eb}.btn-send-signature:disabled{background:#6b7280;cursor:not-allowed}.light-theme .esignature-status-section{background:#f3f4f6}.signature-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:500;margin-top:4px}.signature-status-badge svg{width:12px;height:12px}.signature-status-badge.pending{background:#f59e0b26;color:#f59e0b}.signature-status-badge.signed{background:#10b98126;color:#10b981}.light-theme .signature-status-badge.pending{background:#f59e0b1a}.light-theme .signature-status-badge.signed{background:#10b9811a}.signature-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;opacity:.7;transition:all .2s ease}.signature-refresh-btn:hover{opacity:1;background:#ffffff1a}.signature-refresh-btn svg{width:12px;height:12px}.signature-refresh-btn.refreshing svg{animation:spin 1s linear infinite}.signature-refresh-btn:disabled{cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.light-theme .signature-refresh-btn:hover{background:#0000000d}.modal-modern.angebot-modal{max-width:900px;width:95%;text-align:left}.angebot-form{display:flex;flex-direction:column;gap:20px;margin-top:16px}.angebot-form .form-group{display:flex;flex-direction:column;gap:6px}.angebot-form .form-group label{font-size:13px;font-weight:500;color:#fffc}.angebot-form .form-group input[type=date],.angebot-form .form-group textarea{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:14px}.angebot-form .form-group input[type=date]:focus,.angebot-form .form-group textarea:focus{outline:none;border-color:#7fa93d}.angebot-form .form-group textarea{resize:vertical;min-height:80px}.angebot-items{display:flex;flex-direction:column;gap:8px;background:#0003;padding:16px;border-radius:12px}.angebot-items-header{display:grid;grid-template-columns:1fr 80px 100px 100px 36px;gap:12px;padding:0 0 10px;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1)}.angebot-item-row{display:grid;grid-template-columns:1fr 80px 100px 100px 36px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.angebot-item-row:last-of-type{border-bottom:none}.angebot-item-row .col-gesamtpreis{font-weight:600;color:#7fa93d;font-size:14px;white-space:nowrap;text-align:right}.angebot-item-row input{padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:14px;width:100%;min-width:0}.angebot-item-row input:focus{outline:none;border-color:#7fa93d}.angebot-item-row input[type=number]{text-align:right}.btn-remove-item{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:#ef44441a;border:none;border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s ease;align-self:flex-start;margin-top:8px}.btn-remove-item:hover:not(:disabled){background:#ef444433}.btn-remove-item:disabled{opacity:.3;cursor:not-allowed}.btn-remove-item svg{width:16px;height:16px}.btn-add-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#7fa93d1a;border:1px dashed rgba(127,169,61,.4);border-radius:8px;color:#7fa93d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-add-item:hover{background:#7fa93d33;border-color:#7fa93d}.btn-add-item svg{width:18px;height:18px}.angebot-modal .modal-actions-modern{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.angebot-totals{display:flex;flex-direction:column;gap:8px;padding:16px;background:#7fa93d1a;border-radius:12px;margin-left:auto;width:fit-content;min-width:250px}.angebot-totals .total-row{display:flex;justify-content:space-between;gap:24px;font-size:14px;color:#fffc}.angebot-totals .total-row.total-brutto{font-size:16px;font-weight:600;color:#fff;padding-top:8px;border-top:1px solid rgba(255,255,255,.2);margin-top:4px}.confirm-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:10}.confirm-dialog{background:#1a1a2e;padding:32px;border-radius:16px;text-align:center;max-width:400px;border:1px solid rgba(255,255,255,.1)}.confirm-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.confirm-icon.warning{background:#f59e0b26;color:#f59e0b}.confirm-icon svg{width:32px;height:32px}.confirm-dialog h4{font-size:18px;font-weight:600;margin-bottom:12px;color:#fff}.confirm-dialog p{font-size:14px;color:#ffffffb3;margin-bottom:8px;line-height:1.5}.confirm-dialog .confirm-warning{color:#f59e0b;font-weight:500;margin-top:16px}.confirm-actions{display:flex;gap:12px;margin-top:24px}.confirm-actions button{flex:1;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.light-theme .angebot-form .form-group label{color:#374151}.light-theme .angebot-form .form-group input[type=date],.light-theme .angebot-form .form-group textarea{background:#fff;border-color:#e5e7eb;color:#111827}.light-theme .angebot-items{background:#00000008}.light-theme .angebot-item-row input{background:#fff;border-color:#e5e7eb;color:#111827}.light-theme .angebot-items-header{color:#6b7280;border-bottom-color:#0000001a}.light-theme .angebot-item-row{border-bottom-color:#0000000d}.light-theme .angebot-item-row .col-gesamtpreis{color:#059669}.light-theme .angebot-modal .modal-actions-modern{border-top-color:#0000001a}.light-theme .angebot-totals{background:#7fa93d14}.light-theme .angebot-totals .total-row{color:#374151}.light-theme .angebot-totals .total-row.total-brutto{color:#111827;border-top-color:#0000001a}.light-theme .confirm-overlay{background:#00000080}.light-theme .confirm-dialog{background:#fff;border-color:#e5e7eb}.light-theme .confirm-dialog h4{color:#111827}.light-theme .confirm-dialog p{color:#6b7280}@media (max-width: 700px){.angebot-items-header{display:none}.angebot-item-row{grid-template-columns:1fr 60px 80px 80px 32px;gap:8px}.angebot-item-row input{padding:8px 10px;font-size:13px}.angebot-totals{width:100%}}.lead-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lead-modal{background:#1a1f2e;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.1)}.lead-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.lead-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.lead-modal-header .close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#8b95a5;border-radius:8px;transition:all .2s}.lead-modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.lead-modal-header .close-btn svg{width:20px;height:20px}.lead-modal-body{flex:1;overflow-y:auto;padding:24px}.lead-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.lead-section{margin-bottom:28px}.lead-section h3{font-size:.875rem;font-weight:600;color:#8b95a5;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.lead-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lead-form-grid .full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label,.select-group label{font-size:.813rem;color:#8b95a5}.lead-modal input[type=text],.lead-modal input[type=email],.lead-modal input[type=tel],.lead-modal input[type=number],.lead-modal select,.lead-modal textarea{background:#0f1219;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:.938rem;transition:border-color .2s;width:100%;box-sizing:border-box}.lead-modal input:focus,.lead-modal select:focus,.lead-modal textarea:focus{outline:none;border-color:#a3e635}.lead-modal input::placeholder,.lead-modal textarea::placeholder{color:#4b5563}.lead-modal select{cursor:pointer}.lead-modal select:disabled{opacity:.5;cursor:not-allowed}.lead-modal textarea{resize:vertical;min-height:100px;width:100%}.product-rows{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.product-row-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.product-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;min-height:28px}.lead-product-number{font-size:.813rem;font-weight:600;color:#a3e635;line-height:1}.btn-remove-row{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:6px;cursor:pointer;color:#6b7280;border-radius:6px;transition:all .2s;min-width:28px;min-height:28px}.btn-remove-row:hover{background:#ef44441a;color:#f87171}.btn-remove-row svg{width:16px;height:16px;flex-shrink:0}.product-row-selects{display:grid;grid-template-columns:2fr 1fr 1fr 80px;gap:12px}.select-group{display:flex;flex-direction:column;gap:6px}.quantity-group input{text-align:center}.product-row-price{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.price-breakdown{display:flex;align-items:center;gap:12px}.price-dims{color:#8b95a5;font-size:.875rem}.price-qty{color:#a3e635;font-size:.875rem;font-weight:500}.price-rounded{color:#fbbf24;font-size:.75rem;font-style:italic}.price-value{font-size:1.25rem;font-weight:700;color:#a3e635}.product-row-warning{margin-top:12px;padding:8px 12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px;color:#fbbf24;font-size:.813rem}.dimension-input{text-align:center}.dimension-input::-webkit-outer-spin-button,.dimension-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-extra-specs{margin-top:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.extra-specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.spec-field label{display:block;font-size:.7rem;color:#ffffff80;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.spec-field input{width:100%;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:.85rem;transition:border-color .2s}.spec-field input:focus{border-color:#a3e635;outline:none}.spec-field input::placeholder{color:#ffffff40}.product-row-price-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.product-row-price-section .product-row-price{margin-top:0;padding-top:0;border-top:none}.product-discount-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;background:#ef44440d;border-radius:8px;border:1px solid rgba(239,68,68,.15)}.product-discount-row label{font-size:.813rem;color:#8b95a5;white-space:nowrap}.discount-input-wrapper{display:flex;align-items:center;gap:8px}.discount-input{width:100px;padding:6px 10px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.875rem;text-align:right}.discount-input:focus{outline:none;border-color:#ef4444}.discount-percent{color:#ef4444;font-size:.813rem;font-weight:600}.price-after-discount{margin-left:auto;color:#a3e635;font-size:.938rem;font-weight:600}.dimension-input[type=number]{-moz-appearance:textfield}.btn-add-row,.btn-add-extra{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:transparent;border:2px dashed rgba(163,230,53,.3);border-radius:10px;color:#a3e635;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-row:hover,.btn-add-extra:hover{background:#a3e6350d;border-color:#a3e63580}.product-discount-toggle{margin-top:16px;padding:12px 16px;background:#ef44440d;border:1px dashed rgba(239,68,68,.3);border-radius:8px}.product-discount-toggle:hover{background:#ef444414;border-color:#ef444480}.einzelangebote-toggle{background:#3b82f60d!important;border-color:#3b82f64d!important}.einzelangebote-toggle:hover{background:#3b82f614!important;border-color:#3b82f680!important}.einzelangebote-hint{font-size:.7rem;color:#60a5fa;margin-left:4px}.extra-assign{height:42px;padding:0 24px 0 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e0e0e0;font-size:.8rem;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b95a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;min-width:140px}.extra-assign option{background:#1e293b;color:#e0e0e0}.btn-add-row svg,.btn-add-extra svg{width:18px;height:18px}.extras-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.extra-row{display:flex;gap:12px;align-items:end}.extra-row .extra-desc{flex:1;min-width:0}.extra-row .extra-price{width:140px;flex-shrink:0}.extra-desc,.extra-price{height:42px}.extra-price{text-align:right}.btn-remove-extra{display:flex;align-items:center;justify-content:center;width:40px;height:42px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-remove-extra:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.btn-remove-extra svg{width:16px;height:16px}.lead-total{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#a3e6351a;border-radius:10px;border:1px solid rgba(163,230,53,.2);margin-top:24px}.lead-total span:first-child{font-size:1rem;color:#8b95a5}.lead-total .total-price{font-size:1.5rem;font-weight:700;color:#a3e635}.lead-pricing-summary{margin-top:24px;padding:16px 20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.discount-toggle-row{padding:8px 0 12px;border-bottom:1px dashed rgba(255,255,255,.1);margin-bottom:8px}.discount-toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;color:#8b95a5;transition:color .2s}.discount-toggle-label:hover{color:#a3e635}.discount-toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:#a3e635;cursor:pointer}.discount-toggle-label span{-webkit-user-select:none;user-select:none}.pricing-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.pricing-row:last-child{border-bottom:none}.pricing-row span:first-child{color:#8b95a5;font-size:.938rem}.pricing-value{font-size:1rem;font-weight:600;color:#fff}.discount-value{color:#ef4444}.total-discount-row{padding:16px 0;margin:8px 0;border-top:1px dashed rgba(255,255,255,.1);border-bottom:1px dashed rgba(255,255,255,.1)}.total-discount-label{display:flex;align-items:center;gap:10px}.total-discount-label span:first-child{color:#8b95a5}.total-discount-percent{color:#ef4444;font-size:.813rem;font-weight:600}.total-discount-input-wrapper{display:flex;align-items:center}.total-discount-input{width:120px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fff;font-size:1rem;text-align:right}.total-discount-input:focus{outline:none;border-color:#ef4444;background:#ef444426}.total-row{padding-top:16px;margin-top:8px}.total-row span:first-child{font-size:1.125rem;font-weight:600;color:#fff}.total-with-discount{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.total-row .total-price{font-size:1.5rem;font-weight:700;color:#a3e635}.total-savings{font-size:.75rem;color:#ef4444;font-weight:500}.lead-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.btn-cancel{background:none;border:1px solid rgba(255,255,255,.2);color:#8b95a5;padding:10px 20px;border-radius:8px;font-size:.938rem;cursor:pointer;transition:all .2s}.btn-cancel:hover{border-color:#fff6;color:#fff}.btn-save{background:#a3e635;border:none;color:#0f1219;padding:10px 24px;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:#bef264}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.lead-modal{max-height:100vh;border-radius:0}.lead-form-grid{grid-template-columns:1fr}.product-row-selects{grid-template-columns:1fr 1fr}.product-row-selects .select-group:first-child{grid-column:1 / -1}.extra-row{grid-template-columns:1fr 40px}.extra-row .extra-desc{grid-column:1 / -1;grid-row:1}.extra-row .extra-price{grid-column:1;grid-row:2}.extra-row .btn-remove-extra{grid-row:2}}.light-theme .lead-modal-overlay{background:#0006}.light-theme .lead-modal{background:#fff;border-color:#e5e7eb}.light-theme .lead-modal-header{border-color:#e5e7eb}.light-theme .lead-modal-header h2{color:#1f2937}.light-theme .lead-modal-header .close-btn{color:#6b7280}.light-theme .lead-modal-header .close-btn:hover{background:#0000000d;color:#1f2937}.light-theme .lead-error{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.light-theme .lead-section h3,.light-theme .form-group label,.light-theme .select-group label{color:#6b7280}.light-theme .lead-modal input[type=text],.light-theme .lead-modal input[type=email],.light-theme .lead-modal input[type=tel],.light-theme .lead-modal input[type=number],.light-theme .lead-modal select,.light-theme .lead-modal textarea{background:#f9fafb;border-color:#e5e7eb;color:#1f2937}.light-theme .lead-modal input:focus,.light-theme .lead-modal select:focus,.light-theme .lead-modal textarea:focus{border-color:#7fa93d}.light-theme .lead-modal input::placeholder,.light-theme .lead-modal textarea::placeholder{color:#9ca3af}.light-theme .lead-modal select:disabled{background:#f3f4f6}.light-theme .product-row-card{background:#f9fafb;border-color:#e5e7eb}.light-theme .lead-product-number{color:#7fa93d}.light-theme .btn-remove-row{color:#9ca3af}.light-theme .btn-remove-row:hover{background:#ef44441a;color:#dc2626}.light-theme .product-row-price{border-color:#e5e7eb}.light-theme .price-dims{color:#6b7280}.light-theme .price-qty,.light-theme .price-value{color:#7fa93d}.light-theme .price-rounded{color:#d97706}.light-theme .product-row-warning{background:#fbbf241a;border-color:#fbbf244d;color:#d97706}.light-theme .product-extra-specs{background:#00000005;border-color:#e5e7eb}.light-theme .spec-field label{color:#6b7280}.light-theme .spec-field input{background:#fff;border-color:#d1d5db;color:#1f2937}.light-theme .spec-field input:focus{border-color:#7fa93d}.light-theme .spec-field input::placeholder{color:#9ca3af}.light-theme .btn-add-row,.light-theme .btn-add-extra{border-color:#7fa93d4d;color:#7fa93d}.light-theme .btn-add-row:hover,.light-theme .btn-add-extra:hover{background:#7fa93d0d;border-color:#7fa93d80}.light-theme .btn-remove-extra{border-color:#e5e7eb;color:#9ca3af}.light-theme .btn-remove-extra:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.light-theme .product-discount-toggle{background:#ef44440d;border-color:#ef444433}.light-theme .product-discount-toggle:hover{background:#ef444414;border-color:#ef444466}.light-theme .einzelangebote-toggle{background:#3b82f60a!important;border-color:#3b82f633!important}.light-theme .einzelangebote-hint{color:#3b82f6}.light-theme .extra-assign{background:#f9fafb;border-color:#e5e7eb;color:#1f2937}.light-theme .extra-assign option{background:#fff;color:#1f2937}.light-theme .lead-total{background:#7fa93d1a;border-color:#7fa93d33}.light-theme .lead-total span:first-child{color:#6b7280}.light-theme .lead-total .total-price{color:#7fa93d}.light-theme .lead-modal-footer{border-color:#e5e7eb}.light-theme .btn-cancel{border-color:#e5e7eb;color:#6b7280}.light-theme .btn-cancel:hover{border-color:#9ca3af;color:#1f2937}.light-theme .btn-save{background:#7fa93d}.light-theme .btn-save:hover:not(:disabled){background:#6b9132}.light-theme .product-discount-row{background:#ef44440d;border-color:#ef444433}.light-theme .product-discount-row label{color:#6b7280}.light-theme .discount-input{background:#fff;border-color:#e5e7eb;color:#1f2937}.light-theme .discount-input:focus{border-color:#ef4444}.light-theme .discount-percent{color:#dc2626}.light-theme .price-after-discount{color:#65a30d}.light-theme .lead-pricing-summary{background:#00000005;border-color:#e5e7eb}.light-theme .pricing-row{border-color:#f3f4f6}.light-theme .discount-toggle-row{border-color:#0000001a}.light-theme .discount-toggle-label{color:#6b7280}.light-theme .discount-toggle-label:hover{color:#65a30d}.light-theme .discount-toggle-label input[type=checkbox]{accent-color:#65a30d}.light-theme .pricing-row span:first-child{color:#6b7280}.light-theme .pricing-value{color:#1f2937}.light-theme .discount-value{color:#dc2626}.light-theme .total-discount-row{border-color:#0000001a}.light-theme .total-discount-label span:first-child{color:#6b7280}.light-theme .total-discount-percent{color:#dc2626}.light-theme .total-discount-input{background:#ef44440d;border-color:#ef44444d;color:#1f2937}.light-theme .total-discount-input:focus{border-color:#ef4444;background:#ef44441a}.light-theme .total-row span:first-child{color:#1f2937}.light-theme .total-row .total-price{color:#65a30d}.light-theme .total-savings{color:#dc2626}.custom-fields-fill{margin-top:12px;padding:12px;background:#a3e63508;border:1px solid rgba(163,230,53,.12);border-radius:8px}.cf-fill-title{font-size:.75rem;font-weight:600;color:#a3e635;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.cf-fill-grid{display:flex;flex-direction:column;gap:10px}.cf-fill-field label{display:block;font-size:.75rem;color:#8b95a5;margin-bottom:4px}.cf-required{color:#ef4444;margin-left:2px}.cf-fill-field select,.cf-fill-field input,.cf-fill-field textarea{width:100%;padding:7px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e0e0e0;font-size:.813rem;font-family:inherit}.cf-fill-field textarea{min-height:36px;resize:vertical}.cf-fill-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b95a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.cf-fill-field select option{background:#1e293b;color:#e0e0e0;padding:6px}.cf-fill-field select:focus,.cf-fill-field input:focus,.cf-fill-field textarea:focus{outline:none;border-color:#a3e63566}.cf-input-wrapper{display:flex;align-items:center;gap:4px}.cf-input-wrapper input{flex:1}.cf-unit{font-size:.75rem;color:#8b95a5;white-space:nowrap}.light-theme .custom-fields-fill{background:#7fa93d0a;border-color:#7fa93d26}.light-theme .cf-fill-title{color:#7fa93d}.light-theme .cf-fill-field select,.light-theme .cf-fill-field input,.light-theme .cf-fill-field textarea{background:#f9fafb;border-color:#e5e7eb;color:#1f2937}.light-theme .cf-fill-field select option{background:#fff;color:#1f2937}.angebote-page{padding:2rem 2.5rem;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.page-header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.header-subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--bg-primary);border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary svg{width:18px;height:18px}.btn-primary:hover{box-shadow:0 4px 15px #7fa93d4d}.lead-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.lead-filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.lead-filter-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.lead-filter-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.lead-filter-tab.active{border-color:var(--tab-color);color:var(--text-primary);background:#7fa93d14}.lead-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lead-tab-count{font-size:.7rem;font-weight:700;color:var(--text-secondary);background:var(--bg-tertiary);padding:.125rem .4rem;border-radius:4px}.lead-filter-tab.active .lead-tab-count{background:var(--tab-color);color:#fff}.lead-search-box{display:flex;align-items:center;gap:.625rem;padding:0 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;transition:border-color .2s}.lead-search-box:focus-within{border-color:var(--primary-color)}.lead-search-box svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.lead-search-box input{flex:1;border:none;background:none;padding:.625rem 0;color:var(--text-primary);font-size:.9rem;outline:none}.lead-search-box input::placeholder{color:var(--text-secondary)}.search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s}.search-clear:hover{background:#ffffff1a;color:var(--text-primary)}.search-clear svg{width:16px;height:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.empty-state svg{width:80px;height:80px;color:var(--text-muted);margin-bottom:1.5rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.empty-state p{margin:0 0 1.5rem;color:var(--text-secondary)}.leads-list{display:flex;flex-direction:column;gap:1rem}.lead-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;position:relative}.lead-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.lead-customer h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.lead-email{font-size:.875rem;color:var(--text-secondary)}.status-badge{padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.lead-details{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.detail-item svg{width:16px;height:16px;opacity:.7}.lead-footer{display:flex;justify-content:space-between;align-items:center}.lead-price{display:flex;flex-direction:column}.price-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.price-value{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.lead-actions{display:flex;align-items:center;gap:.75rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon svg{width:18px;height:18px}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.delete:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.btn-aufmass{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--primary-color);color:var(--bg-primary);border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-aufmass svg{width:16px;height:16px}.btn-aufmass:hover{background:var(--primary-hover)}.delete-confirm{position:absolute;inset:0;background:#0f1219f2;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:10}.delete-confirm p{margin:0;color:var(--text-primary);font-weight:500}.confirm-actions{display:flex;gap:.75rem}.btn-cancel{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-delete{padding:.5rem 1rem;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#dc2626}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.detail-modal{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.close-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-muted);border-radius:6px;transition:all .2s}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.close-btn svg{width:20px;height:20px}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.detail-section{margin-bottom:1.5rem}.detail-section h3{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem}.detail-section p{margin:0 0 .25rem;color:var(--text-secondary)}.detail-section p strong{color:var(--text-primary)}.items-table{display:flex;flex-direction:column;gap:.5rem}.item-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px;flex-wrap:wrap}.item-specs{width:100%;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.item-specs span{font-size:.78rem;color:var(--text-muted)}.item-specs span:before{content:"•";margin-right:.35rem;color:var(--primary-color)}.item-info{display:flex;align-items:center;gap:1rem}.item-name{color:var(--text-primary);font-weight:500}.item-dims{color:var(--text-muted);font-size:.875rem}.item-qty{color:var(--primary-color);font-size:.875rem;font-weight:500}.item-price{color:var(--text-primary);font-weight:600}.notes-text{background:var(--bg-tertiary);padding:1rem;border-radius:8px;color:var(--text-secondary);line-height:1.5}.detail-total{display:flex;flex-direction:column;padding:1rem 1.25rem;background:#7fa93d1a;border-radius:10px;border:1px solid rgba(127,169,61,.2);margin-top:1rem}.detail-total:not(:has(.total-row)){flex-direction:row;align-items:center;justify-content:space-between}.detail-total>span:first-child{color:var(--text-secondary)}.detail-total .total-price{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.detail-total .total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.detail-total .total-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.detail-total .subtotal-row span:first-child,.detail-total .discount-row span:first-child{color:var(--text-secondary);font-size:.938rem}.detail-total .discount-row .discount-value{color:#ef4444;font-weight:600}.detail-total .final-row{padding-top:.75rem;margin-top:.25rem}.detail-total .final-row span:first-child{font-weight:600;color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color)}.modal-footer .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.modal-footer .btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d}@media (max-width: 768px){.angebote-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.lead-header{flex-direction:column;gap:.75rem}.lead-footer{flex-direction:column;align-items:flex-start;gap:1rem}.lead-actions{width:100%;justify-content:flex-end}.btn-aufmass{flex:1;justify-content:center}.lead-filter-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lead-filter-tabs::-webkit-scrollbar{display:none}.lead-filter-tab{white-space:nowrap;font-size:.8rem;padding:.4rem .75rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #7FA93D;--primary-hover: #6B9332;--primary-dark: #5A7D2A;--primary-light: #99BD5A;--accent-color: #FF6B35;--accent-light: #FF8C61;--bg-primary: #0D1117;--bg-secondary: #161B22;--bg-tertiary: #21262D;--text-primary: #F0F6FC;--text-secondary: #8B949E;--border-color: #30363D;--success-color: #238636;--warning-color: #D29922;--error-color: #F85149;--sidebar-gradient-end: #0a0f14;--bg-color: var(--bg-primary);--surface-color: var(--bg-secondary);--surface-light: var(--bg-tertiary)}.light-theme{--bg-primary: #FFFFFF;--bg-secondary: #F6F8FA;--bg-tertiary: #EAEEF2;--text-primary: #1F2328;--text-secondary: #656D76;--border-color: #D0D7DE;--success-color: #1a7f37;--warning-color: #9a6700;--error-color: #cf222e;--sidebar-gradient-end: #FFFFFF;--card-actions-bg: rgba(0, 0, 0, .04);--bg-color: var(--bg-primary);--surface-color: var(--bg-secondary);--surface-light: var(--bg-tertiary)}.light-theme body,body.light-theme{background:linear-gradient(135deg,var(--bg-color) 0%,#f0f2f5 100%)}.light-theme .step-title{color:#1f2328}.light-theme .progress-step.active .step-title{color:var(--primary-dark)}.light-theme .progress-step.completed .step-title{color:#1a7f37}.light-theme .step-number{background:linear-gradient(135deg,#fff,#f3f4f6);border-color:#d1d5db;color:#374151}.light-theme .step-number svg{color:#374151}.light-theme .form-wrapper{background:#fff;box-shadow:0 4px 20px #00000014}.light-theme .status-breadcrumb-inner{background:#00000008}.light-theme .breadcrumb-step-inner{color:#4b5563;border-color:#d1d5db}.light-theme .breadcrumb-step-inner:hover{background:#7fa93d14}.light-theme .breadcrumb-step-inner.active{color:#1f2328;background:#7fa93d1f}.light-theme .app-header{box-shadow:0 4px 20px #0000000f}.light-theme .progress-bar{background:#e5e7eb;box-shadow:inset 0 1px 2px #0000000f}.light-theme .app-header h1{color:#1f2328}.light-theme .logo-subtitle{color:#4b5563}.light-theme .theme-toggle-form{background:#fff;border-color:#d1d5db}.light-theme .theme-toggle-form:hover{background:#7fa93d14}.light-theme .form-group label{color:#1f2328}.light-theme .form-group input,.light-theme .form-group select,.light-theme .form-group textarea{background:#fff;border-color:#d1d5db;color:#1f2328}.light-theme .form-group input::placeholder{color:#9ca3af}.light-theme .form-group input:focus,.light-theme .form-group select:focus,.light-theme .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26}.light-theme .btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.light-theme .btn-secondary:hover{background:#f3f4f6;border-color:var(--primary-color)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bg-color) 0%,#1a2332 100%);color:var(--text-primary);min-height:100vh}.app-container{min-height:100vh;padding-bottom:4rem}.app-header{background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-light) 100%);padding:2rem 2rem 3rem;border-bottom:3px solid var(--primary-color);box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(127,169,61,.05) 100%);pointer-events:none}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.header-actions{display:flex;align-items:center;gap:1.5rem}.theme-toggle-form{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.theme-toggle-form:hover{border-color:var(--primary-color);color:var(--primary-color);background:#7fa93d1a}.theme-toggle-form svg{width:20px;height:20px}.logo-section{flex:1}.logo{display:inline-block}.logo-text{font-size:3rem;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1}.logo-subtitle{font-size:.75rem;letter-spacing:.2em;color:var(--text-secondary);display:block;margin-top:.25rem;font-weight:500}.app-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:right;flex:1;letter-spacing:-.01em}.status-breadcrumb-inner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;margin:-3rem -3rem 2rem;background:#0003;border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;flex-wrap:wrap}.breadcrumb-step-inner{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:25px;cursor:pointer;transition:all .2s ease;font-family:inherit;color:var(--text-secondary)}.breadcrumb-step-inner:hover{border-color:var(--step-color);background:#7fa93d1a}.breadcrumb-step-inner.active{border-color:var(--step-color);background:#7fa93d26;color:var(--text-primary)}.breadcrumb-step-inner.past{opacity:.7}.step-dot-inner{width:10px;height:10px;border-radius:50%;border:2px solid;flex-shrink:0}.step-text-inner{font-size:.8rem;font-weight:500;white-space:nowrap}.breadcrumb-step-inner.active .step-text-inner{font-weight:600}@media (max-width: 768px){.status-breadcrumb-inner{padding:.75rem;margin:-2rem -1.5rem 1.5rem;gap:.375rem}.breadcrumb-step-inner{padding:.375rem .625rem}.step-text-inner{font-size:.7rem}.step-dot-inner{width:8px;height:8px}}.progress-container{max-width:1400px;margin:0 auto;padding:2rem 2rem 1rem}.progress-steps{display:flex;justify-content:space-between;margin-bottom:1.5rem;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1;position:relative}.step-number{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:3px solid #dee2e6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#495057;transition:all .3s ease;z-index:2;position:relative;box-shadow:0 4px 12px #00000026}.step-number svg{color:#495057;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.progress-step.active .step-number{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);border-color:var(--primary-light);color:#fff;box-shadow:0 8px 24px #7fa93d99;transform:scale(1.15)}.progress-step.active .step-number svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.progress-step.completed .step-number{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff;box-shadow:0 4px 16px #4caf5066}.progress-step.completed .step-number svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.step-title{font-size:.9rem;font-weight:600;color:#f5f5f5;transition:color .3s ease;text-align:center}.progress-step.active .step-title{color:#99bd5a;font-weight:700}.progress-step.completed .step-title{color:#81c784;font-weight:700}.progress-bar{height:6px;background:var(--surface-light);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-light) 100%);border-radius:10px;box-shadow:0 0 10px #7fa93d80}.main-content{max-width:1400px;margin:0 auto;padding:2rem}.form-wrapper{background:var(--surface-color);border-radius:16px;padding:3rem;box-shadow:0 10px 40px #0000004d;border:1px solid var(--border-color);margin-bottom:2rem}.navigation-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.btn{padding:1rem 2.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #7fa93d4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7fa93d66}.btn-secondary{background:var(--surface-light);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--surface-color);border-color:var(--primary-color);transform:translateY(-2px)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-draft-save{background:transparent;color:#f97316;border:2px solid #f97316}.btn-draft-save:hover{background:#f97316;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #f973164d}.btn-primary.disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #7fa93d33}.btn-export{background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-light) 100%);color:#fff;box-shadow:0 4px 15px #ff6b354d}.btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}@media (max-width: 768px){.app-header{padding:1.5rem 1rem 2rem}.app-header h1{font-size:1.25rem;text-align:center;margin-top:1rem}.header-content{flex-direction:column;gap:.5rem}.logo-section{text-align:center}.logo-text{font-size:2rem}.logo-subtitle{font-size:.65rem}.progress-container{padding:1.5rem 1rem .75rem}.form-wrapper{padding:1.5rem;border-radius:12px}.main-content{padding:1rem}.navigation-buttons{flex-direction:column;gap:.75rem}.btn{width:100%;justify-content:center;padding:.875rem 2rem}.progress-steps{gap:.5rem}.step-title{font-size:.7rem}.step-number{width:40px;height:40px;font-size:.95rem}}@media (max-width: 480px){.app-header h1{font-size:1.1rem}.logo-text{font-size:1.75rem}.main-content{padding:.5rem}.form-wrapper{padding:1rem .75rem}.step-title{font-size:.65rem}.step-number{width:36px;height:36px;font-size:.9rem}.progress-container{padding:1rem .75rem .5rem}}.powered-by-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;margin-top:2rem;color:var(--text-secondary);font-size:.85rem}.powered-by-footer span{opacity:.7}.powered-by-footer a{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.powered-by-footer a:hover{opacity:.8}.powered-by-footer .conais-logo{height:28px;width:auto;opacity:.85;transition:opacity .2s ease}.powered-by-footer .conais-logo-dark{display:inline-block}.powered-by-footer .conais-logo-light,.light-theme .powered-by-footer .conais-logo-dark{display:none}.light-theme .powered-by-footer .conais-logo-light{display:inline-block}.powered-by-footer a:hover .conais-logo{opacity:1}@media (max-width: 768px){.powered-by-footer{padding:1rem;margin-top:1rem}.powered-by-footer .conais-logo{height:20px}}.powered-by-form{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 0 0;margin-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.8rem}.powered-by-form span{opacity:.6}.powered-by-form a{display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.powered-by-form a:hover{opacity:.9}.powered-by-form .conais-logo{height:24px;width:auto;opacity:.85;transition:opacity .2s ease}.powered-by-form .conais-logo-dark{display:inline-block}.powered-by-form .conais-logo-light,.light-theme .powered-by-form .conais-logo-dark{display:none}.light-theme .powered-by-form .conais-logo-light{display:inline-block}.powered-by-form a:hover .conais-logo{opacity:1}@media (max-width: 768px){.powered-by-form{margin-top:1.5rem;font-size:.75rem}.powered-by-form .conais-logo{height:20px}}.modal-overlay-modern{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:2rem;max-width:420px;width:100%;text-align:center}.modal-modern h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-modern p{margin:0 0 2rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.modal-actions-modern{display:flex;gap:1rem;justify-content:center}.modal-btn{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.modal-btn.secondary{background:transparent;border:2px solid var(--border-color);color:var(--text-secondary)}.modal-btn.secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.modal-btn.primary{background:var(--primary-color);border:none;color:var(--bg-primary)}.modal-btn.primary:hover{background:var(--primary-hover)}.modal-btn.primary:disabled{background:var(--border-color);cursor:not-allowed}.montage-modal{max-width:400px;padding:2rem}.montage-modal-description{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem}.montage-date-input{margin-bottom:1.5rem}.montage-date-input input[type=date]{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:10px;font-size:1rem;color:var(--text-primary);background:var(--bg-primary);transition:border-color .2s ease}.montage-date-input input[type=date]:focus{outline:none;border-color:var(--primary-color)}@supports (-webkit-touch-callout: none){input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],select,textarea{font-size:16px!important}}.grunddaten-section{width:100%;max-width:100%}.form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%}@media (min-width: 640px){.form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group.full-width{grid-column:1 / -1}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:clamp(.875rem,2.5vw,.95rem);color:#e8eaed;display:flex;align-items:center;gap:.25rem}.required{color:#e74c3c;font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:1px solid var(--border-color, #3a4452);border-radius:12px;font-size:clamp(.9375rem,2.5vw,1rem);transition:all .3s ease;background:var(--bg-tertiary, #1e2530);color:var(--text-primary, #E8EAED);-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 640px){.form-group input,.form-group select{padding:1rem;font-size:16px;border-radius:10px}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#7fa93d;box-shadow:0 0 0 3px #7fa93d33}.form-group input::placeholder{color:var(--text-secondary, #8b9298)}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b9298' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}@media (hover: none) and (pointer: coarse){.form-group input,.form-group select,.form-group textarea{min-height:48px}}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:.5rem;color:#e8eaed;display:flex;align-items:center;justify-content:center;gap:.75rem}.section-header h2:before{content:"";width:48px;height:48px;background:#fff;border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #7fa93d4d}.grunddaten-section .section-header h2:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237FA93D' stroke-width='2.5'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E") center/28px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237FA93D' stroke-width='2.5'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E") center/28px no-repeat;background:linear-gradient(135deg,#7fa93d,#6b8f35)}.product-selection-section .section-header h2:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237FA93D' stroke-width='2.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='9' y1='3' x2='9' y2='21'/%3E%3Cline x1='15' y1='3' x2='15' y2='21'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='3' y1='15' x2='21' y2='15'/%3E%3C/svg%3E") center/28px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237FA93D' stroke-width='2.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='9' y1='3' x2='9' y2='21'/%3E%3Cline x1='15' y1='3' x2='15' y2='21'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='3' y1='15' x2='21' y2='15'/%3E%3C/svg%3E") center/28px no-repeat;background:linear-gradient(135deg,#667eea,#764ba2)}.dynamic-specification-form .section-header h2:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237FA93D' stroke-width='2.5'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 1v6m0 6v6m-7-7h6m6 0h6'/%3E%3C/svg%3E") center/28px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237FA93D' stroke-width='2.5'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 1v6m0 6v6m-7-7h6m6 0h6'/%3E%3C/svg%3E") center/28px no-repeat;background:linear-gradient(135deg,#f093fb,#f5576c)}.final-section .section-header h2:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237FA93D' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/28px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237FA93D' stroke-width='2.5'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/28px no-repeat;background:linear-gradient(135deg,#4caf50,#45a049)}.section-description{font-size:clamp(.875rem,2.5vw,1rem);color:#9aa0a6;margin:0}.light-theme .section-header h2{color:#1f2328}.light-theme .section-description{color:#4b5563}.product-selection-section{width:100%;max-width:100%}.selection-step{margin-bottom:2.5rem}.selection-step .step-title{font-size:clamp(1.125rem,3vw,1.25rem);font-weight:600;color:#f5f5f5;margin-bottom:1rem;padding-left:.5rem;border-left:4px solid #7FA93D}.category-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.category-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1024px){.category-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.category-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.5rem;background:linear-gradient(135deg,#2d3340,#1a1f29);border:3px solid #3a4452;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:140px;font-family:inherit;font-size:inherit;box-shadow:0 4px 16px #0000004d}@media (hover: none) and (pointer: coarse){.category-card{min-height:140px;padding:2rem 1.5rem}}.category-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #7fa93d4d;border-color:#7fa93d}.category-card.selected{background:linear-gradient(135deg,#7fa93d,#6b8f35);border-color:#99bd5a;box-shadow:0 12px 32px #7fa93d80;color:#fff;transform:translateY(-8px)}.category-icon{font-size:clamp(2.5rem,6vw,3rem);line-height:1}.category-name{font-size:clamp(1rem,2.5vw,1.125rem);font-weight:700;text-align:center;line-height:1.3;letter-spacing:.02em;color:#e8eaed}.category-card.selected .category-name{color:#fff}.check-icon{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#fff;color:#2ecc71;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.product-type-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 640px){.product-type-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1024px){.product-type-grid{grid-template-columns:repeat(3,1fr)}}.product-type-card{position:relative;display:flex;align-items:center;justify-content:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#2d3340,#252b38);border:2px solid #3a4452;border-radius:14px;cursor:pointer;transition:all .25s ease;min-height:64px;font-family:inherit;box-shadow:0 2px 8px #0003}@media (hover: none) and (pointer: coarse){.product-type-card{min-height:72px;padding:1.5rem}}.product-type-card:hover{border-color:#7fa93d;background:linear-gradient(135deg,#3a4452,#2d3340);transform:translate(6px);box-shadow:0 4px 12px #7fa93d4d}.product-type-card.selected{background:linear-gradient(135deg,#7fa93d,#6b8f35);border-color:#99bd5a;color:#fff;box-shadow:0 6px 16px #7fa93d66;transform:translate(8px)}.product-type-name{font-size:clamp(.9375rem,2.5vw,1rem);font-weight:600;text-align:center;color:#e8eaed}.product-type-card.selected .product-type-name{color:#fff}.check-icon-small{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#fff;color:#2ecc71;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.model-select{width:100%;padding:1rem 3rem 1rem 1rem;background:#fff;border:2px solid #e0e0e0;border-radius:12px;font-size:clamp(.9375rem,2.5vw,1rem);font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M8 12L2 6h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}@media (hover: none) and (pointer: coarse){.model-select{padding:1.25rem 3rem 1.25rem 1.25rem;font-size:16px;min-height:56px}}.model-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.selection-summary{background:linear-gradient(135deg,#7fa93d,#6b8f35);padding:1.5rem;border-radius:16px;color:#fff;box-shadow:0 4px 16px #7fa93d4d}.selection-summary h4{font-size:clamp(1rem,3vw,1.125rem);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.summary-details{display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff26;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 640px){.summary-item{flex-direction:row;align-items:center;justify-content:space-between}}.summary-label{font-size:clamp(.875rem,2.5vw,.95rem);opacity:.9;font-weight:500}.summary-value{font-size:clamp(.9375rem,2.5vw,1rem);font-weight:600}.model-dropdown-container{position:relative;width:100%}.model-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#2d3340,#252b38);border:2px solid #3a4452;border-radius:12px;cursor:pointer;transition:all .25s ease;color:#e8eaed}.model-dropdown-trigger:hover{border-color:#7fa93d}.model-dropdown-trigger.open{border-color:#7fa93d;border-bottom-left-radius:0;border-bottom-right-radius:0}.model-dropdown-placeholder{font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.model-dropdown-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .2s ease;flex-shrink:0}.model-dropdown-arrow.open{transform:rotate(180deg)}.model-dropdown-arrow svg{width:20px;height:20px;color:#8e9aaf}.model-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#2d3340;border:2px solid #7FA93D;border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0000004d}.model-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;cursor:pointer;transition:all .15s ease;border-bottom:1px solid #3a4452}.model-dropdown-item:last-child{border-bottom:none}.model-dropdown-item:hover{background:#7fa93d26}.model-dropdown-item.selected{background:#7fa93d33}.model-dropdown-checkbox{width:22px;height:22px;border:2px solid #5a6572;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;transition:all .2s ease;flex-shrink:0;color:transparent}.model-dropdown-checkbox.checked{background:#7fa93d;border-color:#7fa93d;color:#fff}.model-dropdown-label{font-size:.9375rem;font-weight:500;color:#e8eaed}.step-title .multi-hint{font-size:.75rem;font-weight:400;color:#8e9aaf;margin-left:.5rem}.light-theme .selection-step .step-title{color:#1f2328}.light-theme .category-card{background:linear-gradient(135deg,#fff,#f3f4f6);border-color:#d1d5db;box-shadow:0 4px 16px #00000014}.light-theme .category-card:hover{box-shadow:0 8px 24px #7fa93d33;border-color:var(--primary-color)}.light-theme .category-name{color:#1f2328}.light-theme .category-card.selected{background:linear-gradient(135deg,#7fa93d,#6b8f35);border-color:#99bd5a}.light-theme .category-card.selected .category-name{color:#fff}.light-theme .product-type-card{background:linear-gradient(135deg,#fff,#f9fafb);border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.light-theme .product-type-card:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:var(--primary-color);box-shadow:0 4px 12px #7fa93d26}.light-theme .product-type-name{color:#1f2328}.light-theme .product-type-card.selected{background:linear-gradient(135deg,#7fa93d,#6b8f35);border-color:#99bd5a}.light-theme .product-type-card.selected .product-type-name{color:#fff}.light-theme .model-dropdown-trigger{background:linear-gradient(135deg,#fff,#f9fafb);border-color:#d1d5db;color:#1f2328}.light-theme .model-dropdown-trigger:hover,.light-theme .model-dropdown-trigger.open{border-color:var(--primary-color)}.light-theme .model-dropdown-menu{background:#fff;border-color:var(--primary-color);box-shadow:0 8px 24px #0000001f}.light-theme .model-dropdown-item{border-bottom-color:#e5e7eb}.light-theme .model-dropdown-item:hover{background:#7fa93d14}.light-theme .model-dropdown-item.selected{background:#7fa93d1f}.light-theme .model-dropdown-checkbox{border-color:#9ca3af}.light-theme .model-dropdown-label{color:#1f2328}.light-theme .model-dropdown-arrow svg{color:#6b7280}.light-theme .step-title .multi-hint{color:#6b7280}.dynamic-specification-form{width:100%;max-width:100%}.validation-error-message{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#ef444426,#ef444414);border:2px solid rgba(239,68,68,.5);border-radius:12px;margin-bottom:1.5rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.validation-error-message .error-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:#ef4444;color:#fff;border-radius:50%;font-size:1.2rem;font-weight:700;flex-shrink:0}.validation-error-message .error-content{flex:1}.validation-error-message .error-content strong{display:block;color:#ef4444;font-size:1rem;margin-bottom:.5rem}.missing-fields-list{margin:0;padding-left:1.25rem;color:var(--text-primary)}.missing-fields-list li{padding:.25rem 0;font-size:.95rem}.missing-fields-list li::marker{color:#ef4444}.form-field.field-error{animation:pulse-error 1s ease-in-out}.form-field.field-error input,.form-field.field-error select,.form-field.field-error textarea{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important;background:#ef44440d!important}.form-field.field-error label{color:#ef4444!important}@keyframes pulse-error{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.bauform-field.field-error .bauform-button-group .bauform-option-btn:not(.selected){border-color:#ef4444}.form-field.field-error .ja-nein-buttons .ja-nein-btn:not(.active){border-color:#ef4444}.form-field.field-error .conditional-field input{border-color:#ef4444!important}.multiselect-field.field-error .multiselect-options .multiselect-checkbox:not(.selected){border-color:#ef4444}@media (max-width: 768px){.validation-error-message{padding:1rem;flex-direction:column;align-items:flex-start;gap:.75rem}.validation-error-message .error-icon{width:28px;height:28px;min-width:28px;font-size:1rem}.missing-fields-list{font-size:.9rem}}.no-fields-message{padding:3rem 1.5rem;text-align:center;background:#7fa93d1a;border:2px dashed var(--primary-color);border-radius:12px;color:var(--text-secondary);font-size:1rem}.specifications-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.specifications-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field.full-width{grid-column:1 / -1}.form-field label,.field-label{font-weight:600;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.unit-label{font-weight:400;color:var(--text-secondary);font-size:.9em}.form-field input[type=text],.form-field input[type=number],.form-field select,.form-field textarea{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;transition:all .2s ease;background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;width:100%}.form-field select{cursor:pointer}.form-field select option{background:var(--bg-tertiary);color:var(--text-primary);padding:.75rem}.form-field select option:hover,.form-field select option:checked{background:var(--primary-color);color:var(--bg-primary)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26;background:var(--bg-secondary)}.number-input-wrapper{position:relative;display:flex;align-items:center}.number-input-wrapper input[type=number]{flex:1;padding-right:4rem}.unit-suffix{position:absolute;right:1rem;color:var(--text-secondary);font-weight:500;font-size:.9rem;pointer-events:none}.form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem;cursor:pointer}.conditional-field,.custom-color-input,.conditional-value-input,.fundament-value-input{margin-top:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:10px;border:1px solid var(--border-color)}.conditional-field label,.custom-color-input label,.conditional-value-input label,.fundament-value-input label{font-size:.9rem;margin-bottom:.5rem}.conditional-field input,.custom-color-input input,.conditional-value-input input,.fundament-value-input input{width:100%;margin-top:.5rem}.ja-nein-buttons{display:flex;gap:.75rem}.ja-nein-btn{flex:1;padding:.875rem 1.5rem;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.ja-nein-btn:hover{border-color:var(--primary-color)}.ja-nein-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-primary)}.bauform-field{grid-column:1 / -1}.bauform-button-group{display:flex;gap:.75rem}.bauform-option-btn{flex:1;padding:1rem 1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.bauform-option-btn:hover{border-color:var(--primary-color);background:#7fa93d0d}.bauform-option-btn.selected{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-primary)}.bauform-options{display:flex;gap:1rem;flex-wrap:wrap}.bauform-options .radio-option{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:600;flex:1;min-width:160px}.bauform-options .radio-option:hover{border-color:var(--primary-color);background:#7fa93d0d}.bauform-options .radio-option:has(input:checked){border-color:var(--primary-color);background:#7fa93d1a}.bauform-options .radio-option input[type=radio]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--border-color);border-radius:50%;background:var(--bg-secondary);cursor:pointer;position:relative;transition:all .2s ease}.bauform-options .radio-option input[type=radio]:checked{border-color:var(--primary-color);background:var(--primary-color)}.bauform-options .radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:var(--bg-primary);border-radius:50%}.bauform-options .radio-option input[type=radio]:checked+span{color:var(--primary-color)}.eingerueckt-options{margin-top:1rem;padding:1.25rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.eingerueckt-row{display:flex;align-items:center;gap:1rem}.checkbox-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;min-width:120px;padding:.5rem;border-radius:8px;transition:background .2s ease}.checkbox-option:hover{background:#7fa93d0d}.checkbox-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-option input[type=checkbox]:checked{border-color:var(--primary-color);background:var(--primary-color)}.checkbox-option input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg-primary);font-size:14px;font-weight:700}.checkbox-option span{font-weight:500;color:var(--text-primary)}.eingerueckt-value{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;max-width:150px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.eingerueckt-value:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26}.eingerueckt-value::placeholder{color:var(--text-secondary)}.markise-trigger-field{grid-column:1 / -1}.markise-summary{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding:.75rem 1rem;background:#22c55e1a;border-radius:10px;border:1px solid rgba(34,197,94,.3)}.markise-badge{background:#22c55e;color:#fff;padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600}.edit-markise-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-markise-btn:hover{background:var(--primary-color);color:var(--bg-primary)}.markise-info-hint{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.875rem 1rem;background:#7fa93d1a;border:1px solid rgba(127,169,61,.3);border-radius:10px;color:var(--primary-color);font-size:.9rem}.markise-info-hint .hint-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--primary-color);color:var(--bg-primary);border-radius:50%;font-weight:700;font-size:.8rem;flex-shrink:0}.radio-field{grid-column:1 / -1}.radio-group{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 768px){.radio-group{flex-direction:row;flex-wrap:wrap;gap:1rem}}.radio-option{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:500;flex:1}.radio-option:hover{border-color:var(--primary-color)}.radio-option input[type=radio]{width:20px;height:20px;accent-color:var(--primary-color)}.checkbox-field{grid-column:1 / -1}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:500}.checkbox-label:hover{border-color:var(--primary-color)}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-color)}.seitenmarkise-field{grid-column:1 / -1;margin-top:1rem}.seitenmarkise-main-label{font-size:1.1rem!important;font-weight:700!important;color:var(--primary-color)!important;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.seitenmarkise-main-label .optional-hint{font-size:.85rem;font-weight:400;color:var(--text-secondary)}.seitenmarkise-positions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.seitenmarkise-positions{grid-template-columns:1fr}}.seitenmarkise-position{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;padding:1rem;transition:all .2s ease}.seitenmarkise-position.active{border-color:var(--primary-color);background:#7fa93d0d}.position-checkbox{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;cursor:pointer;font-weight:600;padding:8px 0;-webkit-user-select:none;user-select:none}.position-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:24px;height:24px;min-width:24px;min-height:24px;max-width:24px;max-height:24px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0;flex-grow:0;margin:0;padding:0;display:inline-block;vertical-align:middle;box-sizing:border-box}.position-checkbox input[type=checkbox]:checked{border-color:var(--primary-color);background:var(--primary-color)}.position-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg-primary);font-size:14px;font-weight:700;line-height:1}.position-label{font-size:1.05rem;color:var(--text-primary);line-height:24px;vertical-align:middle;display:inline-block}.position-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.aufteilung-selection{display:flex;gap:1rem;margin-bottom:1rem}.aufteilung-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease;flex:1}.aufteilung-option:hover{border-color:var(--primary-color)}.aufteilung-option:has(input:checked){border-color:var(--primary-color);background:#7fa93d1a}.aufteilung-option input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-color);border-radius:50%;background:var(--bg-secondary);cursor:pointer;position:relative;transition:all .2s ease}.aufteilung-option input[type=radio]:checked{border-color:var(--primary-color);background:var(--primary-color)}.aufteilung-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--bg-primary);border-radius:50%}.aufteilung-option span{font-size:.9rem;font-weight:500}.aufteilung-inputs{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.aufteilung-inputs.mit-aufteilung{border-left:3px solid var(--primary-color)}.aufteilung-inputs.ohne-aufteilung{border-left:3px solid #3b82f6}.aufteilung-inputs .input-row{display:flex;align-items:center;gap:.75rem}.aufteilung-inputs .input-row>label{min-width:60px;font-weight:500;font-size:.9rem;color:var(--text-secondary)}.aufteilung-inputs .input-with-unit{display:flex;align-items:center;gap:.5rem;flex:1}.aufteilung-inputs .input-with-unit input{flex:1;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--bg-tertiary);color:var(--text-primary);max-width:120px}.aufteilung-inputs .input-with-unit input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #7fa93d26}.aufteilung-inputs .input-with-unit .unit{font-size:.9rem;color:var(--text-secondary);font-weight:500}@media (max-width: 480px){.aufteilung-selection{flex-direction:column;gap:.5rem}.aufteilung-option{padding:.75rem}}.multiselect-field{grid-column:1 / -1}.multiselect-options{display:flex;flex-wrap:wrap;gap:.75rem}.multiselect-checkbox{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:500;min-width:140px;flex:1}.multiselect-checkbox:hover:not(.disabled){border-color:var(--primary-color);background:#7fa93d0d}.multiselect-checkbox.selected{background:#7fa93d26;border-color:var(--primary-color)}.multiselect-checkbox.disabled{opacity:.5;cursor:not-allowed}.multiselect-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.multiselect-checkbox input[type=checkbox]:checked{border-color:var(--primary-color);background:var(--primary-color)}.multiselect-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg-primary);font-size:14px;font-weight:700}.multiselect-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.multiselect-checkbox .checkbox-label{color:var(--text-primary);padding:0;border:none;background:none;min-height:auto}@media (max-width: 768px){.multiselect-options{flex-direction:column}.multiselect-checkbox{width:100%;min-width:auto}}.form-field textarea{resize:vertical;min-height:120px;line-height:1.6}@media (max-width: 768px){.specifications-grid{gap:1rem}.form-field input,.form-field select,.form-field textarea{padding:1rem;font-size:16px}.ja-nein-buttons{flex-direction:column}.ja-nein-btn{width:100%}.bauform-options{flex-direction:column}.bauform-button-group{flex-direction:row}.bauform-option-btn{padding:.875rem 1rem;font-size:.95rem}.eingerueckt-row{flex-direction:column;align-items:stretch}.eingerueckt-value{max-width:none}.markise-summary{flex-direction:column;align-items:flex-start}}@media (hover: none) and (pointer: coarse){.form-field input,.form-field select{min-height:48px}.ja-nein-btn,.radio-option,.checkbox-label{min-height:52px}}.weitere-produkte-section{margin-top:3rem;padding:1.5rem;background:linear-gradient(135deg,#7fa93d1a,#7fa93d0d);border:2px solid rgba(127,169,61,.4);border-radius:16px;position:relative}.weitere-produkte-section:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:3px;background:linear-gradient(90deg,#7fa93d,#5a8a1a);border-radius:0 0 4px 4px}.section-divider{margin-bottom:1.5rem;text-align:center}.section-divider h3{font-size:1.35rem;font-weight:700;color:var(--primary-color);margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.section-divider h3:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#7fa93d,#5a8a1a);color:#fff;border-radius:8px;font-size:1.2rem;font-weight:700}.section-divider .section-description{font-size:.95rem;color:var(--text-secondary);margin:0}@media (max-width: 768px){.weitere-produkte-section{margin-top:2rem;margin-left:-1rem;margin-right:-1rem;padding:1.25rem 1rem;border-radius:12px;border-left:none;border-right:none;width:calc(100% + 2rem)}.weitere-produkte-section:before{left:1rem;right:1rem}.section-divider h3{font-size:1.15rem}.section-divider h3:before{width:24px;height:24px;font-size:1rem}.section-divider .section-description{font-size:.85rem}}.glasmarkise-section{margin-top:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#3b82f614,#3b82f605);border:1px solid rgba(59,130,246,.25);border-radius:16px;position:relative}.glasmarkise-section:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:0 0 4px 4px}.glasmarkise-section .section-divider{margin-bottom:1.5rem;text-align:center}.glasmarkise-section .section-divider h3{font-size:1.25rem;font-weight:700;color:#3b82f6;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.glasmarkise-section .section-divider h3:before{content:"◈";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:8px;font-size:1rem;font-weight:700}.glasmarkise-fields{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1rem}@media (min-width: 768px){.glasmarkise-fields{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.glasmarkise-fields{grid-template-columns:repeat(3,1fr)}}.glasmarkise-fields .form-field{background:var(--bg-tertiary);padding:1rem;border-radius:10px;border:1px solid var(--border-color);transition:all .2s ease}.glasmarkise-fields .form-field:hover{border-color:#3b82f64d}.glasmarkise-fields .form-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.glasmarkise-fields .form-field label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:block}.glasmarkise-type-selector{display:flex;gap:.5rem;flex-wrap:wrap}.glasmarkise-type-btn{flex:1;min-width:140px;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.glasmarkise-type-btn:hover{border-color:#3b82f6;background:#3b82f60d}.glasmarkise-type-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.glasmarkise-type-btn.keine.active{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}@media (max-width: 768px){.glasmarkise-section{margin-top:2rem;padding:1.25rem 1rem;margin-left:-.5rem;margin-right:-.5rem}.glasmarkise-section:before{left:1rem;right:1rem}.glasmarkise-type-selector{flex-direction:column}.glasmarkise-type-btn{min-width:auto}}.senkrecht-section{position:relative}.senkrecht-section:before{display:none}.senkrecht-positions{margin-top:.75rem}.senkrecht-positions-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem;display:block}.senkrecht-positions-grid{display:flex;flex-wrap:wrap;gap:.5rem}.senkrecht-position-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.senkrecht-position-chip input[type=checkbox]{display:none}.senkrecht-position-chip:hover{border-color:var(--primary-color);background:#7fa93d0d}.senkrecht-position-chip.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.senkrecht-section .section-divider{margin-bottom:1.5rem;text-align:center}.senkrecht-section .section-divider h3{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.senkrecht-section .section-divider h3:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#7fa93d,#5a8a1a);color:#fff;border-radius:8px;font-size:1.2rem;font-weight:700}.senkrecht-active-toggle{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.senkrecht-active-toggle>label{font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.senkrecht-toggle-buttons{display:flex;gap:.75rem}.senkrecht-toggle-btn{flex:1;padding:.875rem 1.5rem;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.senkrecht-toggle-btn:hover{border-color:var(--primary-color);background:#7fa93d0d}.senkrecht-toggle-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-primary)}.senkrecht-items{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.senkrecht-item-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;position:relative;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.senkrecht-item-card:hover{border-color:#7fa93d66;box-shadow:0 4px 16px #00000026}.senkrecht-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.senkrecht-item-header span{font-weight:700;color:var(--primary-color);font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.senkrecht-item-header span:before{content:"";display:inline-block;width:8px;height:8px;background:var(--primary-color);border-radius:50%}.remove-senkrecht-btn{background:transparent;color:#ef4444;border:2px solid #ef4444;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1.3rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-senkrecht-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.senkrecht-field-group{margin-bottom:1.25rem}.senkrecht-field-group-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color)}.senkrecht-fields-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 768px){.senkrecht-fields-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.senkrecht-fields-grid{grid-template-columns:repeat(3,1fr)}}.senkrecht-fields-grid .form-field{background:var(--bg-tertiary);padding:1rem;border-radius:10px;border:1px solid var(--border-color);transition:all .2s ease}.senkrecht-fields-grid .form-field:hover{border-color:#7fa93d4d}.senkrecht-fields-grid .form-field:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d1a}.senkrecht-fields-grid .form-field label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:block}.senkrecht-fields-grid .form-field .unit-label{color:var(--primary-color);font-weight:500}.senkrecht-fields-grid .form-field.full-width{grid-column:1 / -1}.senkrecht-bottom-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.senkrecht-bottom-row .form-field{background:var(--bg-tertiary);padding:1rem;border-radius:10px;border:1px solid var(--border-color);transition:all .2s ease}.senkrecht-bottom-row .form-field:hover{border-color:#7fa93d4d}.senkrecht-bottom-row .form-field:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d1a}.senkrecht-bottom-row .form-field label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:block}@media (max-width: 768px){.senkrecht-bottom-row{grid-template-columns:1fr}}.add-senkrecht-btn{background:transparent;border:2px dashed var(--primary-color);color:var(--primary-color);padding:1.25rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-senkrecht-btn:before{content:"+";font-size:1.3rem;font-weight:700}.add-senkrecht-btn:hover{background:#7fa93d26;border-style:solid;transform:translateY(-2px)}@media (max-width: 768px){.senkrecht-section{margin-top:2rem;padding:1.25rem 1rem;margin-left:-.5rem;margin-right:-.5rem}.senkrecht-section:before{left:1rem;right:1rem}.senkrecht-toggle-buttons{flex-direction:row}.senkrecht-toggle-btn{padding:.75rem 1rem;font-size:.95rem}.senkrecht-item-card{padding:1.25rem 1rem}.senkrecht-fields-grid .form-field{padding:.875rem}}.missing-fields-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:2px solid #e74c3c;border-radius:12px;margin-bottom:1.5rem;position:relative;box-shadow:0 2px 8px #e74c3c26}.missing-bar-icon{flex-shrink:0;width:28px;height:28px;color:#e74c3c}.missing-bar-icon svg{width:100%;height:100%}.missing-bar-content{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.missing-label{font-weight:700;color:#c0392b;font-size:1rem;white-space:nowrap}.missing-fields-tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.missing-field-tag{background:#fdf2f2;border:1px solid #e74c3c;color:#1a1a1a;padding:.375rem .875rem;border-radius:20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.missing-field-tag:hover{background:#e74c3c;color:#fff;transform:translateY(-1px)}.missing-more{color:#1a1a1a;font-size:.95rem;font-weight:600;padding-left:.25rem}.missing-bar-progress{flex-shrink:0;background:#fdf2f2;border:1px solid #e74c3c;border-radius:20px;padding:.375rem 1rem}.progress-text{font-size:1rem;font-weight:700;color:#1a1a1a}.missing-count-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#1a1a1a;font-weight:700;font-size:1rem;cursor:pointer;padding:0}.missing-count-btn .dropdown-arrow{width:20px;height:20px;color:#e74c3c;transition:transform .2s ease}.missing-count-btn .dropdown-arrow.open{transform:rotate(180deg)}.missing-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e74c3c;border-radius:12px;margin-top:.5rem;box-shadow:0 10px 25px #0003;z-index:100;max-height:280px;overflow-y:auto}.missing-dropdown-item{display:block;width:100%;text-align:left;padding:1rem 1.25rem;background:transparent;border:none;border-bottom:1px solid #f0f0f0;color:#1a1a1a;font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s ease}.missing-dropdown-item:last-child{border-bottom:none}.missing-dropdown-item:hover{background:#fdf2f2}.desktop-only{display:flex}.mobile-only{display:none}.fields-complete-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#22c55e26,#16a34a1a);border:1px solid rgba(34,197,94,.3);border-radius:10px;margin-bottom:1.25rem;color:#166534;font-weight:500;font-size:.9rem}.complete-icon{width:24px;height:24px;color:#22c55e}.complete-icon svg{width:100%;height:100%}.field-highlight{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%{box-shadow:0 0 #e74c3c99}25%{box-shadow:0 0 0 8px #e74c3c4d}50%{box-shadow:0 0 0 12px #e74c3c1a}to{box-shadow:0 0 #e74c3c00}}@media (max-width: 768px){.missing-fields-bar{padding:.875rem 1rem;gap:.75rem}.missing-bar-icon{width:24px;height:24px}.desktop-only{display:none}.mobile-only{display:flex;position:relative}.missing-bar-progress{padding:.3rem .75rem}.progress-text{font-size:.95rem}.fields-complete-bar{padding:.875rem 1rem;font-size:.95rem;gap:.75rem}.complete-icon{width:24px;height:24px}}.field-grid-group{display:grid;gap:1rem;grid-column:1 / -1;width:100%}.field-grid-group-2{grid-template-columns:repeat(2,1fr)}.field-grid-group-3{grid-template-columns:repeat(3,1fr)}.field-grid-group .form-field{width:100%}@media (max-width: 768px){.field-grid-group-2,.field-grid-group-3{grid-template-columns:1fr}}.global-bemerkungen-section{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.global-bemerkungen-section label{display:block;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.global-bemerkungen-section textarea{width:100%;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;line-height:1.5;resize:vertical;min-height:100px;transition:border-color .2s,box-shadow .2s}.global-bemerkungen-section textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d1a}.global-bemerkungen-section textarea::placeholder{color:var(--text-muted)}.weitere-produkte-step{width:100%;max-width:100%}.product-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.product-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.product-card.expanded{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.product-card.collapsed{cursor:pointer}.product-card.collapsed:hover{border-color:var(--text-secondary);background:var(--bg-tertiary)}.product-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.product-card-header:hover{background:var(--bg-tertiary)}.product-card-title{display:flex;align-items:center;gap:.75rem}.product-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary-color);color:var(--bg-primary);border-radius:50%;font-weight:600;font-size:.9rem}.product-label{font-weight:500;color:var(--text-primary);font-size:1rem}.product-card-actions{display:flex;align-items:center;gap:.5rem}.remove-product-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);cursor:pointer;transition:all .2s ease}.remove-product-btn:hover{background:var(--error-color);color:#fff}.remove-product-btn svg{width:18px;height:18px}.product-card .expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .3s ease}.product-card .expand-icon.expanded{transform:rotate(180deg)}.product-card .expand-icon svg{width:20px;height:20px;color:var(--text-secondary)}.product-card-content{padding:1.25rem;padding-top:0;border-top:1px solid var(--border-color);overflow:hidden}.product-card.expanded .product-card-content{padding-top:1.25rem}.product-form-content{display:flex;flex-direction:column;gap:1rem}.specs-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}@media (min-width: 768px){.specs-grid{grid-template-columns:repeat(2,1fr)}}.weitere-produkte-step .form-field{display:flex;flex-direction:column;gap:.5rem}.weitere-produkte-step .form-field label{font-weight:600;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.weitere-produkte-step .unit-label{font-weight:400;color:var(--text-secondary);font-size:.9em}.weitere-produkte-step .required{color:var(--error-color);font-weight:600}.weitere-produkte-step .form-field input[type=text],.weitere-produkte-step .form-field input[type=number],.weitere-produkte-step .form-field select{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;transition:all .2s ease;background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;width:100%}.weitere-produkte-step .form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.weitere-produkte-step .form-field select:disabled{opacity:.6;cursor:not-allowed}.weitere-produkte-step .form-field input:focus,.weitere-produkte-step .form-field select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26;background:var(--bg-secondary)}.weitere-produkte-step .number-input-wrapper{position:relative;display:flex;align-items:center}.weitere-produkte-step .number-input-wrapper input[type=number]{flex:1;padding-right:4rem}.weitere-produkte-step .unit-suffix{position:absolute;right:1rem;color:var(--text-secondary);font-weight:500;font-size:.9rem;pointer-events:none}.button-group{display:flex;gap:.5rem}.option-btn{flex:1;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .2s ease}.option-btn:hover{border-color:var(--primary-color)}.option-btn.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.conditional-field .conditional-value{margin-top:.75rem;display:flex;align-items:center;position:relative}.conditional-field .conditional-value input{padding-right:3rem}.bauform-details{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.bauform-option{display:flex;align-items:center;gap:1rem}.bauform-option label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.bauform-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.bauform-option input[type=number]{max-width:120px;padding:.5rem .75rem}.add-product-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:transparent;border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.add-product-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#7fa93d0d}.add-product-btn svg{width:20px;height:20px}.no-products-hint{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border-color)}.no-products-hint p{margin:0;font-size:.95rem}@media (max-width: 768px){.product-card-header{padding:.875rem 1rem}.product-card-content{padding:1rem}.product-number{width:24px;height:24px;font-size:.8rem}.product-label{font-size:.9rem}.add-product-btn{padding:.875rem;font-size:.95rem}.weitere-produkte-step .form-field input,.weitere-produkte-step .form-field select{padding:1rem;font-size:16px}}@media (hover: none) and (pointer: coarse){.weitere-produkte-step .form-field input,.weitere-produkte-step .form-field select{min-height:48px}}.markise-produkttyp-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 640px){.markise-produkttyp-options{grid-template-columns:repeat(3,1fr)}}.markise-produkttyp-options .multiselect-checkbox{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.markise-produkttyp-options .multiselect-checkbox:hover{border-color:var(--primary-color)}.markise-produkttyp-options .multiselect-checkbox.selected{background:linear-gradient(135deg,#7fa93d26,#7fa93d1a);border-color:var(--primary-color)}.markise-produkttyp-options .multiselect-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.markise-produkttyp-options .checkbox-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.selected-types-summary{margin-top:.75rem;padding:.5rem .75rem;background:#7fa93d1a;border:1px solid rgba(127,169,61,.2);border-radius:6px;font-size:.85rem;color:var(--primary-color)}.multi-hint{font-size:.75rem;font-weight:400;color:var(--text-secondary);margin-left:.5rem}.markise-bemerkungen-field{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.markise-bemerkungen-field textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);resize:vertical;min-height:80px;transition:all .2s ease}.markise-bemerkungen-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26;background:var(--bg-secondary)}.markise-step{width:100%;max-width:100%}.markise-form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.markise-form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.markise-step .form-field{display:flex;flex-direction:column;gap:.5rem}.markise-step .form-field label{font-weight:600;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.markise-step .unit-label{font-weight:400;color:var(--text-secondary);font-size:.9em}.markise-step .required{color:var(--error-color);font-weight:600}.markise-step .form-field input[type=text],.markise-step .form-field input[type=number],.markise-step .form-field select{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;transition:all .2s ease;background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;width:100%}.markise-step .form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.markise-step .form-field select option{background:var(--bg-tertiary);color:var(--text-primary);padding:.75rem}.markise-step .form-field select option:hover,.markise-step .form-field select option:checked{background:var(--primary-color);color:var(--bg-primary)}.markise-step .form-field input:focus,.markise-step .form-field select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26;background:var(--bg-secondary)}.markise-step .number-input-wrapper{position:relative;display:flex;align-items:center}.markise-step .number-input-wrapper input[type=number]{flex:1;padding-right:4rem}.markise-step .unit-suffix{position:absolute;right:1rem;color:var(--text-secondary);font-weight:500;font-size:.9rem;pointer-events:none}@media (max-width: 768px){.markise-form-grid{gap:1rem}.markise-step .form-field input,.markise-step .form-field select{padding:1rem;font-size:16px}}@media (hover: none) and (pointer: coarse){.markise-step .form-field input,.markise-step .form-field select{min-height:48px}}.markise-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.markise-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.markise-card.expanded{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.markise-card.collapsed{cursor:pointer}.markise-card.collapsed:hover{border-color:var(--text-secondary);background:var(--bg-tertiary)}.markise-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.markise-card-header:hover{background:var(--bg-tertiary)}.markise-card-title{display:flex;align-items:center;gap:.75rem}.markise-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary-color);color:var(--bg-primary);border-radius:50%;font-weight:600;font-size:.9rem}.markise-label{font-weight:500;color:var(--text-primary);font-size:1rem}.markise-card-actions{display:flex;align-items:center;gap:.5rem}.remove-markise-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);cursor:pointer;transition:all .2s ease}.remove-markise-btn:hover{background:var(--error-color);color:#fff}.remove-markise-btn svg{width:18px;height:18px}.expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.expand-icon svg{width:20px;height:20px;color:var(--text-secondary)}.markise-card-content{padding:1.25rem;padding-top:0;border-top:1px solid var(--border-color);margin-top:0;overflow:hidden}.markise-card.expanded .markise-card-content{padding-top:1.25rem}.add-markise-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:transparent;border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.add-markise-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#7fa93d0d}.add-markise-btn svg{width:20px;height:20px}.markise-bemerkungen{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.markise-bemerkungen label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.markise-bemerkungen textarea{padding:1rem;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);resize:vertical;min-height:80px;transition:all .2s ease}.markise-bemerkungen textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26;background:var(--bg-secondary)}.markise-bemerkungen textarea::placeholder{color:var(--text-secondary)}@media (max-width: 768px){.markise-card-header{padding:.875rem 1rem}.markise-card-content{padding:1rem}.markise-number{width:24px;height:24px;font-size:.8rem}.markise-label{font-size:.9rem}.add-markise-btn{padding:.875rem;font-size:.95rem}}.unterbauelemente-step{width:100%;max-width:100%}.element-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.element-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.element-card.expanded{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.element-card.collapsed{cursor:pointer}.element-card.collapsed:hover{border-color:var(--text-secondary);background:var(--bg-tertiary)}.element-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.element-card-header:hover{background:var(--bg-tertiary)}.element-card-title{display:flex;align-items:center;gap:.75rem}.element-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary-color);color:var(--bg-primary);border-radius:50%;font-weight:600;font-size:.9rem}.element-label{font-weight:500;color:var(--text-primary);font-size:1rem}.element-card-actions{display:flex;align-items:center;gap:.5rem}.remove-element-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--error-color);border-radius:8px;color:var(--error-color);cursor:pointer;transition:all .2s ease}.remove-element-btn:hover{background:var(--error-color);color:#fff}.remove-element-btn svg{width:18px;height:18px}.element-card .expand-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .3s ease}.element-card .expand-icon.expanded{transform:rotate(180deg)}.element-card .expand-icon svg{width:20px;height:20px;color:var(--text-secondary)}.element-card-content{padding:1.25rem;padding-top:0;border-top:1px solid var(--border-color);overflow:hidden}.element-card.expanded .element-card-content{padding-top:1.25rem}.element-form-content{display:flex;flex-direction:column;gap:1rem}.dynamic-fields-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.dynamic-fields-grid{grid-template-columns:repeat(2,1fr)}}.unterbauelemente-step .form-field{display:flex;flex-direction:column;gap:.5rem}.unterbauelemente-step .form-field label{font-weight:600;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.unterbauelemente-step .unit-label{font-weight:400;color:var(--text-secondary);font-size:.9em}.unterbauelemente-step .required{color:var(--error-color);font-weight:600}.unterbauelemente-step .form-field input[type=text],.unterbauelemente-step .form-field input[type=number],.unterbauelemente-step .form-field select{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;transition:all .2s ease;background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;width:100%}.unterbauelemente-step .form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.unterbauelemente-step .form-field select:disabled{opacity:.6;cursor:not-allowed}.unterbauelemente-step .form-field input:focus,.unterbauelemente-step .form-field select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26;background:var(--bg-secondary)}.unterbauelemente-step .number-input-wrapper{position:relative;display:flex;align-items:center}.unterbauelemente-step .number-input-wrapper input[type=number]{flex:1;padding-right:4rem}.unterbauelemente-step .unit-suffix{position:absolute;right:1rem;color:var(--text-secondary);font-weight:500;font-size:.9rem;pointer-events:none}.fundament-field{grid-column:1 / -1}.fundament-details{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.fundament-details label{font-size:.9rem;font-weight:500}.fundament-details input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--bg-tertiary);color:var(--text-primary)}.add-element-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:transparent;border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.add-element-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#7fa93d0d}.add-element-btn svg{width:20px;height:20px}.unterbauelemente-bemerkungen{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.unterbauelemente-bemerkungen label{font-weight:600;font-size:.95rem;color:var(--text-primary)}.unterbauelemente-bemerkungen textarea{padding:1rem;border:1px solid var(--border-color);border-radius:10px;font-size:1rem;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);resize:vertical;min-height:80px;transition:all .2s ease}.unterbauelemente-bemerkungen textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26;background:var(--bg-secondary)}.unterbauelemente-bemerkungen textarea::placeholder{color:var(--text-secondary)}@media (max-width: 768px){.element-card-header{padding:.875rem 1rem}.element-card-content{padding:1rem}.element-number{width:24px;height:24px;font-size:.8rem}.element-label{font-size:.9rem}.add-element-btn{padding:.875rem;font-size:.95rem}.unterbauelemente-step .form-field input,.unterbauelemente-step .form-field select{padding:1rem;font-size:16px}}@media (hover: none) and (pointer: coarse){.unterbauelemente-step .form-field input,.unterbauelemente-step .form-field select{min-height:48px}}.final-section{width:100%;max-width:100%}.final-content{display:flex;flex-direction:column;gap:2rem}.bilder-section{margin-bottom:1rem}.bilder-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.bilder-header label{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:0!important}.label-hint{font-size:.85rem;color:var(--text-secondary);font-weight:400}.add-more-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:transparent;border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.add-more-btn:hover{background:var(--primary-color);color:var(--bg-primary)}.add-more-btn .add-icon{font-size:1.1rem;font-weight:700}.image-count{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.9rem}.image-count .count-valid{color:var(--success-color)}.image-count .count-invalid{color:var(--text-secondary)}.image-count .check-icon{color:var(--success-color);font-weight:700}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:.75rem}.image-preview-item{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--bg-tertiary);border:2px solid var(--border-color)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.image-label{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:#0009;color:#fff;font-size:.75rem;text-align:center}.image-preview-item.pdf-item{background:var(--bg-secondary);border-color:var(--primary-color)}.pdf-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem;text-decoration:none;color:var(--text-primary);transition:all .2s ease}.pdf-preview:hover{background:#7fa93d1a}.pdf-icon{width:48px;height:48px;color:var(--primary-color);margin-bottom:.5rem}.pdf-name{font-size:.75rem;text-align:center;word-break:break-word;max-height:2.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary)}.image-upload-slot{aspect-ratio:4/3;border:2px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s ease;background:var(--bg-tertiary);padding:1rem}.image-upload-slot:hover,.image-upload-slot.drag-active{border-color:var(--primary-color);background:#7fa93d0d}.upload-icon{font-size:2.5rem;color:var(--primary-color);font-weight:300}.upload-text{font-size:.85rem;color:var(--text-secondary);text-align:center;line-height:1.4}.validation-message{margin-top:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.9rem}.form-field textarea{width:100%;padding:1rem 1.25rem;border:1px solid var(--border-color);border-radius:12px;font-size:1rem;line-height:1.6;resize:vertical;min-height:150px;font-family:inherit;transition:all .3s ease;background:var(--bg-primary);color:var(--text-primary)}.form-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d1a}.form-field label{font-weight:600;font-size:.95rem;color:var(--text-primary);display:block;margin-bottom:.5rem}.export-section{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:16px;box-shadow:0 8px 32px #7fa93d40;color:var(--bg-primary)}.export-info h3{font-size:1.25rem;margin:0 0 .5rem}.export-info p{font-size:.95rem;margin:0;opacity:.9;line-height:1.5}.export-info.success h3{color:#fff}.export-info.success p{color:#ffffffe6}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-buttons.three-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.action-buttons.three-buttons{grid-template-columns:1fr}}.save-button,.export-button,.new-form-button,.back-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;background:var(--bg-primary);color:var(--primary-color);border:none;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000026;font-family:inherit;flex:1;min-width:200px}.save-button{background:transparent;border:2px solid var(--bg-primary);color:var(--bg-primary)}.save-button.primary{background:var(--bg-primary);color:var(--primary-color);border:none}.save-button:hover:not(.disabled){background:#ffffff1a;transform:translateY(-2px)}.save-button.primary:hover:not(.disabled){background:var(--bg-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.export-button:hover:not(.disabled),.new-form-button:hover,.back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.save-button.disabled,.export-button.disabled{opacity:.5;cursor:not-allowed}.new-form-button{background:var(--bg-primary);color:var(--primary-color)}.new-form-button.secondary{background:transparent;border:2px solid var(--bg-primary);color:var(--bg-primary)}.new-form-button.secondary:hover{background:#ffffff1a}.back-button{background:transparent;border:2px solid var(--bg-primary);color:var(--bg-primary)}.back-button:hover{background:#ffffff1a}.button-text{font-size:1rem}.button-content-loading{display:flex;align-items:center;justify-content:center;gap:.75rem}.button-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:button-spin .8s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.image-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.image-preview-grid{grid-template-columns:1fr}.export-section{padding:1.5rem}.export-button{padding:1rem 1.5rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:1rem}.login-container{width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:flex;align-items:center;justify-content:center;gap:.875rem;margin-bottom:1.5rem}.login-logo .logo-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7fa93d40}.login-logo .logo-icon svg{width:28px;height:28px;color:var(--bg-primary)}.login-logo .logo-text{display:flex;flex-direction:column;text-align:left}.login-logo .logo-name{font-size:1.5rem;font-weight:700;color:var(--primary-color);letter-spacing:1px}.login-logo .logo-tagline{font-size:.75rem;color:var(--text-secondary);letter-spacing:.5px}.login-header h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.login-header p{margin:.5rem 0 0;font-size:.9rem;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.875rem}.login-error svg{width:20px;height:20px;flex-shrink:0}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form .form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.login-form .form-group input{padding:.875rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;font-size:1rem;color:var(--text-primary);transition:all .2s ease}.login-form .form-group input::placeholder{color:var(--text-secondary)}.login-form .form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fa93d26}.login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--bg-primary);border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){box-shadow:0 4px 16px #7fa93d59;transform:translateY(-1px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button .spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--bg-primary);border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.login-footer p{margin:0;font-size:.875rem;color:var(--text-secondary)}.login-footer .contact-admin{margin-top:.25rem;color:var(--primary-color)}@media (max-width: 480px){.login-container{padding:1.5rem;border-radius:16px}.login-logo .logo-icon{width:44px;height:44px}.login-logo .logo-icon svg{width:24px;height:24px}.login-logo .logo-name,.login-header h1{font-size:1.25rem}}.esignature-admin-modal{background:var(--card-bg, #1e1e2e);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.esignature-admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, #333);background:linear-gradient(135deg,#7fa93d,#5a7a2e)}.esignature-admin-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.esignature-admin-header .close-btn{background:#fff3;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.esignature-admin-header .close-btn:hover{background:#ffffff4d}.esignature-admin-header .close-btn svg{width:18px;height:18px;color:#fff}.esignature-admin-content{padding:24px;overflow-y:auto;flex:1}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:20px;color:#ef4444}.error-banner svg{width:20px;height:20px;flex-shrink:0}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--text-secondary, #888)}.spinner{width:32px;height:32px;border:3px solid var(--border-color, #333);border-top-color:#7fa93d;border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:16px;height:16px;border-width:2px}.branches-list{border:1px solid var(--border-color, #333);border-radius:12px;overflow:hidden}.branches-header{display:grid;grid-template-columns:1fr 80px 120px 120px 100px;gap:12px;padding:12px 16px;background:var(--bg-secondary, #252535);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #888)}.branch-row{display:grid;grid-template-columns:1fr 80px 120px 120px 100px;gap:12px;padding:16px;border-top:1px solid var(--border-color, #333);align-items:center;position:relative;transition:background .2s}.branch-row:hover{background:var(--bg-secondary, #252535)}.branch-row.inactive{opacity:.6}.col-branch{display:flex;flex-direction:column;gap:4px}.branch-name{font-weight:600;color:var(--text-primary, #fff)}.branch-slug{font-size:.8rem;color:var(--text-secondary, #888)}.status-badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.inactive{background:#6b72801a;color:#6b7280}.col-esign,.col-mode,.col-provider{display:flex;align-items:center;gap:8px}.provider-select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color, #333);background:var(--bg-secondary, #252535);color:var(--text-primary, #fff);font-size:.85rem;cursor:pointer;transition:border-color .2s}.provider-select:hover{border-color:#7fa93d}.provider-select:disabled{opacity:.5;cursor:not-allowed}.light-theme .provider-select{background:#fff;border-color:#e5e7eb;color:#333}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch.small{width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color, #333);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch.small .toggle-slider:before{height:14px;width:14px}.toggle-switch input:checked+.toggle-slider{background-color:#7fa93d}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-label{font-size:.85rem}.toggle-label.enabled{color:#22c55e}.toggle-label.disabled{color:var(--text-secondary, #888)}.mode-label{font-size:.8rem;padding:2px 6px;border-radius:4px}.mode-label.sandbox{background:#f59e0b1a;color:#f59e0b}.mode-label.production{background:#22c55e1a;color:#22c55e}.saving-indicator{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.esignature-admin-info{margin-top:24px;padding:16px;background:var(--bg-secondary, #252535);border-radius:8px}.esignature-admin-info h4{margin:0 0 12px;font-size:.9rem;color:var(--text-primary, #fff)}.esignature-admin-info ul{margin:0;padding:0;list-style:none}.esignature-admin-info li{padding:6px 0;font-size:.85rem;color:var(--text-secondary, #888)}.esignature-admin-info li strong{color:var(--text-primary, #fff)}.esignature-admin-footer{padding:16px 24px;border-top:1px solid var(--border-color, #333);display:flex;justify-content:flex-end;gap:12px}.esignature-admin-footer .btn-secondary{padding:10px 20px;background:var(--bg-secondary, #252535);border:1px solid var(--border-color, #333);border-radius:8px;color:var(--text-primary, #fff);font-weight:500;cursor:pointer;transition:all .2s}.esignature-admin-footer .btn-secondary:hover{background:var(--border-color, #333)}.light-theme .esignature-admin-modal{background:#fff}.light-theme .esignature-admin-header{border-bottom-color:#e5e7eb}.light-theme .branches-header{background:#f9fafb}.light-theme .branch-row{border-top-color:#e5e7eb}.light-theme .branch-row:hover,.light-theme .esignature-admin-info{background:#f9fafb}.light-theme .esignature-admin-footer{border-top-color:#e5e7eb}@media (max-width: 768px){.branches-header{display:none}.branch-row{grid-template-columns:1fr;gap:12px}.col-esign,.col-mode,.col-provider{justify-content:space-between}.col-esign:before{content:"E-Signatur:";font-size:.8rem;color:var(--text-secondary, #888)}.col-provider:before{content:"Provider:";font-size:.8rem;color:var(--text-secondary, #888)}.col-mode:before{content:"Modus:";font-size:.8rem;color:var(--text-secondary, #888)}}.product-pricing-page{padding:24px;max-width:1400px;margin:0 auto}.product-pricing-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.product-pricing-page .header-left{display:flex;align-items:center;gap:16px}.product-pricing-page .header-left h1{margin:0;font-size:1.75rem;font-weight:700;color:#fff}.product-pricing-page .product-count{background:#a3e6351a;color:#a3e635;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:500}.product-pricing-page .btn-primary{display:flex;align-items:center;gap:8px;background:#a3e635;color:#0f1219;border:none;padding:10px 20px;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:background .2s}.product-pricing-page .btn-primary:hover{background:#bef264}.product-pricing-page .btn-primary svg{width:18px;height:18px}.filter-section{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:24px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-group label{font-size:.75rem;font-weight:600;color:#8b95a5;text-transform:uppercase;letter-spacing:.5px}.filter-group select{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:.875rem;cursor:pointer;transition:border-color .2s}.filter-group select:hover{border-color:#fff3}.filter-group select:focus{outline:none;border-color:#a3e635}.btn-clear-filter{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;color:#ef4444;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s;margin-left:auto}.btn-clear-filter:hover{background:#ef44441a;border-color:#ef4444}.btn-clear-filter svg{width:14px;height:14px}.btn-secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 20px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.product-pricing-page .loading-state,.product-pricing-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.product-pricing-page .loading-state .spinner{width:40px;height:40px;border:3px solid rgba(163,230,53,.2);border-top-color:#a3e635;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-pricing-page .loading-state p,.product-pricing-page .empty-state p{color:#8b95a5;margin-top:16px}.product-pricing-page .empty-state svg{width:64px;height:64px;color:#4b5563;margin-bottom:16px}.product-pricing-page .empty-state h3{color:#fff;margin:0 0 8px;font-size:1.25rem}.product-accordions{display:flex;flex-direction:column;gap:12px}.product-accordion{background:#1a1f2e;border-radius:12px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.product-accordion.expanded{border-color:#a3e6354d}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:background .2s}.accordion-header:hover{background:#ffffff05}.accordion-title{display:flex;align-items:center;gap:12px}.accordion-chevron{width:20px;height:20px;color:#8b95a5;transition:transform .2s}.product-accordion.expanded .accordion-chevron{transform:rotate(90deg);color:#a3e635}.product-name{font-size:1rem;font-weight:600;color:#fff}.price-count{font-size:.813rem;color:#8b95a5;background:#ffffff0d;padding:2px 10px;border-radius:12px}.accordion-actions{display:flex;align-items:center;gap:8px}.btn-icon-small{display:flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:6px;color:#8b95a5;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-icon-small:hover{background:#a3e6351a;border-color:#a3e6354d;color:#a3e635}.btn-icon-small.delete:hover{background:#ef44441a;border-color:#ef44444d;color:#f87171}.btn-icon-small svg{width:14px;height:14px}.accordion-content{overflow:hidden}.matrix-wrapper{padding:0 20px 20px;overflow-x:auto}.price-matrix{border-collapse:collapse;width:auto;min-width:100%}.price-matrix th,.price-matrix td{border:1px solid rgba(255,255,255,.08);text-align:center;padding:0;min-width:80px;height:44px}.price-matrix th{background:#0000004d;color:#8b95a5;font-size:.813rem;font-weight:600}.corner-cell{position:relative;min-width:100px!important;height:52px!important;background:#0003!important;overflow:hidden}.corner-cell:before{content:"";position:absolute;width:140%;height:2px;background:#a3e635;top:50%;left:-20%;transform:rotate(25deg);transform-origin:center}.axis-label{position:absolute;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#a3e635;z-index:1}.tiefe-label{bottom:8px;left:10px}.breite-label{top:8px;right:10px}.breite-header{position:relative}.breite-header span{font-size:.875rem;color:#a3e635}.delete-col-btn{position:absolute;top:2px;right:2px;background:none;border:none;padding:2px;cursor:pointer;color:#4b5563;opacity:0;transition:all .2s}.breite-header:hover .delete-col-btn{opacity:1}.delete-col-btn:hover{color:#f87171}.delete-col-btn svg{width:12px;height:12px}.tiefe-header{position:relative;background:#0003;font-weight:600}.tiefe-header span{font-size:.875rem;color:#a3e635}.delete-row-btn{position:absolute;top:50%;right:4px;transform:translateY(-50%);background:none;border:none;padding:2px;cursor:pointer;color:#4b5563;opacity:0;transition:all .2s}.tiefe-header:hover .delete-row-btn{opacity:1}.delete-row-btn:hover{color:#f87171}.delete-row-btn svg{width:12px;height:12px}.price-cell{background:#ffffff05;transition:background .2s}.price-cell:hover{background:#ffffff0d}.price-cell.editing{background:#a3e6351a;padding:4px}.price-cell.empty-cell{background:#0000001a}.price-btn{width:100%;height:100%;background:none;border:none;color:#fff;font-size:.875rem;cursor:pointer;padding:8px;transition:all .2s}.price-btn:hover{color:#a3e635;background:#a3e6351a}.add-cell-btn{width:100%;height:100%;background:none;border:none;color:#4b5563;font-size:1.25rem;cursor:pointer;transition:all .2s}.add-cell-btn:hover{color:#a3e635;background:#a3e6351a}.edit-cell{display:flex;align-items:center;gap:4px}.edit-cell input{width:70px;background:#0f1219;border:1px solid #a3e635;border-radius:4px;padding:4px 6px;color:#fff;font-size:.875rem;text-align:center}.edit-cell input:focus{outline:none}.edit-actions{display:flex;gap:2px}.edit-actions button{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;transition:all .2s}.edit-actions .save-btn{color:#a3e635}.edit-actions .save-btn:hover{background:#a3e63533}.edit-actions .cancel-btn{color:#8b95a5}.edit-actions .cancel-btn:hover{background:#ffffff1a}.edit-actions svg{width:14px;height:14px}.product-pricing-page .modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.product-modal{background:#1a1f2e;border-radius:16px;width:100%;max-width:500px;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.1)}.product-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.product-modal .modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#fff}.product-modal .close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#8b95a5;border-radius:8px;transition:all .2s}.product-modal .close-btn:hover{background:#ffffff1a;color:#fff}.product-modal .close-btn svg{width:20px;height:20px}.product-modal .modal-body{padding:24px}.product-modal .modal-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.product-modal .modal-hint{color:#8b95a5;font-size:.813rem;margin-top:16px;padding:12px;background:#ffffff08;border-radius:8px}.product-modal .form-group{margin-bottom:16px}.product-modal .form-group label{display:block;font-size:.813rem;color:#8b95a5;margin-bottom:6px}.product-modal .form-group input{width:100%;background:#0f1219;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:.938rem;box-sizing:border-box}.product-modal .form-group input:focus{outline:none;border-color:#a3e635}.product-modal .form-group input::placeholder{color:#4b5563}.product-modal .form-group select{width:100%;background:#0f1219;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:.938rem;box-sizing:border-box;cursor:pointer}.product-modal .form-group select:focus{outline:none;border-color:#a3e635}.product-modal .description-textarea{width:100%;background:#0f1219;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:.938rem;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box;line-height:1.5}.product-modal .description-textarea:focus{outline:none;border-color:#a3e635}.product-modal .description-textarea::placeholder{color:#4b5563}.light-theme .product-modal .description-textarea{background:#f9fafb;border-color:#e5e7eb;color:#1f2937}.light-theme .product-modal .description-textarea:focus{border-color:#7fa93d}.light-theme .product-modal .description-textarea::placeholder{color:#9ca3af}.product-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.product-modal .btn-cancel,.delete-modal .btn-cancel{background:none;border:1px solid rgba(255,255,255,.2);color:#8b95a5;padding:10px 20px;border-radius:8px;font-size:.938rem;cursor:pointer;transition:all .2s}.product-modal .btn-cancel:hover,.delete-modal .btn-cancel:hover{border-color:#fff6;color:#fff}.product-modal .btn-save{background:#a3e635;border:none;color:#0f1219;padding:10px 24px;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s}.product-modal .btn-save:hover:not(:disabled){background:#bef264}.product-modal .btn-save:disabled{opacity:.6;cursor:not-allowed}.delete-modal{background:#1a1f2e;border-radius:16px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 60px #0006;border:1px solid rgba(239,68,68,.3)}.delete-modal h3{margin:0 0 12px;font-size:1.125rem;color:#f87171}.delete-modal p{color:#8b95a5;font-size:.938rem;margin:0 0 24px;line-height:1.5}.delete-modal-actions{display:flex;justify-content:flex-end;gap:12px}.delete-modal .btn-delete{background:#ef4444;border:none;color:#fff;padding:10px 24px;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s}.delete-modal .btn-delete:hover{background:#dc2626}.light-theme .product-pricing-page .header-left h1{color:#1f2937}.light-theme .product-accordion{background:#fff;border-color:#e5e7eb}.light-theme .product-accordion.expanded{border-color:#7fa93d}.light-theme .accordion-header:hover{background:#00000005}.light-theme .product-name{color:#1f2937}.light-theme .price-count{background:#0000000d;color:#6b7280}.light-theme .btn-icon-small{background:#00000008;border-color:#e5e7eb;color:#6b7280}.light-theme .btn-icon-small:hover{background:#7fa93d1a;border-color:#7fa93d4d;color:#7fa93d}.light-theme .btn-icon-small.delete:hover{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.light-theme .price-matrix th{background:#f3f4f6;color:#6b7280}.light-theme .price-matrix th,.light-theme .price-matrix td{border-color:#e5e7eb}.light-theme .corner-cell{background:#f3f4f6!important}.light-theme .corner-cell:before{background:#7fa93d}.light-theme .axis-label,.light-theme .breite-header span,.light-theme .tiefe-header span{color:#7fa93d}.light-theme .tiefe-header{background:#f9fafb}.light-theme .price-cell{background:#fff}.light-theme .price-cell:hover{background:#7fa93d0d}.light-theme .price-cell.editing{background:#7fa93d1a}.light-theme .price-cell.empty-cell{background:#f9fafb}.light-theme .price-btn{color:#1f2937}.light-theme .price-btn:hover{color:#7fa93d;background:#7fa93d1a}.light-theme .add-cell-btn{color:#9ca3af}.light-theme .add-cell-btn:hover{color:#7fa93d;background:#7fa93d1a}.light-theme .edit-cell input{background:#fff;border-color:#7fa93d;color:#1f2937}.light-theme .product-modal,.light-theme .delete-modal{background:#fff;border-color:#e5e7eb}.light-theme .product-modal .modal-header{border-color:#e5e7eb}.light-theme .product-modal .modal-header h2{color:#1f2937}.light-theme .product-modal .modal-footer{border-color:#e5e7eb}.light-theme .product-modal .form-group label{color:#6b7280}.light-theme .product-modal .form-group input{background:#f9fafb;border-color:#e5e7eb;color:#1f2937}.light-theme .product-modal .form-group input:focus{border-color:#7fa93d}.light-theme .product-modal .form-group input::placeholder{color:#9ca3af}.light-theme .product-modal .modal-hint{background:#f9fafb;color:#6b7280}.light-theme .product-modal .btn-cancel,.light-theme .delete-modal .btn-cancel{border-color:#e5e7eb;color:#6b7280}.light-theme .product-modal .btn-cancel:hover,.light-theme .delete-modal .btn-cancel:hover{border-color:#9ca3af;color:#1f2937}.light-theme .product-modal .btn-save{background:#7fa93d}.light-theme .product-modal .btn-save:hover:not(:disabled){background:#6b9132}.light-theme .delete-modal{border-color:#ef44444d}.light-theme .delete-modal h3{color:#dc2626}.light-theme .delete-modal p{color:#6b7280}.light-theme .product-pricing-page .product-count{background:#7fa93d1a;color:#7fa93d}.light-theme .product-pricing-page .btn-primary{background:#7fa93d}.light-theme .product-pricing-page .btn-primary:hover{background:#6b9132}.light-theme .filter-section{background:#f9fafb;border-color:#e5e7eb}.light-theme .filter-group label{color:#6b7280}.light-theme .filter-group select{background:#fff;border-color:#e5e7eb;color:#1f2937}.light-theme .filter-group select:hover{border-color:#d1d5db}.light-theme .filter-group select:focus{border-color:#7fa93d}.light-theme .btn-clear-filter{border-color:#ef44444d;color:#dc2626}.light-theme .btn-clear-filter:hover{background:#ef44440d;border-color:#dc2626}.light-theme .btn-secondary{background:#f3f4f6;border-color:#e5e7eb;color:#1f2937}.light-theme .btn-secondary:hover{background:#e5e7eb}.light-theme .accordion-chevron{color:#9ca3af}.light-theme .product-accordion.expanded .accordion-chevron{color:#7fa93d}.bulk-price-section{margin-top:20px;padding:16px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.bulk-label{font-size:.875rem;font-weight:600;color:#a3e635;margin-bottom:12px;display:block}.bulk-price-grid{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:8px}.bulk-price-grid::-webkit-scrollbar{width:6px}.bulk-price-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.bulk-price-grid::-webkit-scrollbar-thumb{background:#a3e6354d;border-radius:3px}.bulk-price-grid::-webkit-scrollbar-thumb:hover{background:#a3e63580}.bulk-price-row{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:center}.bulk-dimension{font-size:.875rem;font-weight:600;color:#8b95a5;text-align:right;padding-right:8px}.bulk-input-wrapper{position:relative;display:flex;align-items:center}.bulk-input-wrapper input{width:100%;background:#0f1219;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 40px 10px 14px;color:#fff;font-size:.938rem;box-sizing:border-box;transition:border-color .2s}.bulk-input-wrapper input:focus{outline:none;border-color:#a3e635}.bulk-input-wrapper input::placeholder{color:#4b5563}.bulk-currency{position:absolute;right:14px;color:#8b95a5;font-size:.875rem;pointer-events:none}.light-theme .bulk-price-section{background:#f9fafb;border-color:#e5e7eb}.light-theme .bulk-label{color:#7fa93d}.light-theme .bulk-price-grid::-webkit-scrollbar-track{background:#0000000d}.light-theme .bulk-price-grid::-webkit-scrollbar-thumb{background:#7fa93d4d}.light-theme .bulk-price-grid::-webkit-scrollbar-thumb:hover{background:#7fa93d80}.light-theme .bulk-dimension{color:#6b7280}.light-theme .bulk-input-wrapper input{background:#fff;border-color:#e5e7eb;color:#1f2937}.light-theme .bulk-input-wrapper input:focus{border-color:#7fa93d}.light-theme .bulk-input-wrapper input::placeholder{color:#9ca3af}.light-theme .bulk-currency{color:#6b7280}.page-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.pending-header{background:#a3e6351a!important;border:2px solid #a3e635!important;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #a3e6354d}50%{box-shadow:0 0 15px #a3e63599}}.pending-dimension-input{width:70px;background:transparent;border:none;color:#a3e635;font-size:.875rem;font-weight:600;text-align:center;outline:none}.pending-dimension-input::placeholder{color:#a3e63580}.pending-cell{background:#a3e6350d!important;border:2px solid rgba(163,230,53,.4)!important}.pending-price-input{width:100%;height:100%;background:transparent;border:none;color:#a3e635;font-size:.875rem;text-align:center;outline:none;padding:8px 4px}.pending-price-input::placeholder{color:#a3e63566}.pending-price-input:focus{background:#a3e6351a}.pending-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.pending-actions .btn-cancel{background:none;border:1px solid rgba(255,255,255,.2);color:#8b95a5;padding:8px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.pending-actions .btn-cancel:hover{border-color:#fff6;color:#fff}.pending-actions .btn-save{background:#a3e635;border:none;color:#0f1219;padding:8px 20px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.pending-actions .btn-save:hover:not(:disabled){background:#bef264}.pending-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.no-price{color:#4b5563;font-size:.875rem}.empty-price-btn{width:100%;height:100%;min-height:36px;background:transparent;border:1px dashed rgba(75,85,99,.5);border-radius:6px;color:#4b5563;font-size:.875rem;cursor:pointer;transition:all .2s ease}.empty-price-btn:hover{border-color:#a3e635;background:#a3e6351a;color:#a3e635}.price-cell.adding{background:#a3e6351a!important}.new-product-modal{max-width:700px;max-height:90vh;display:flex;flex-direction:column}.new-product-modal .modal-body{flex:1;overflow-y:auto}.price-entries-section{padding:16px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.entries-header{display:grid;grid-template-columns:1fr 1fr 1fr 32px;gap:12px;margin-bottom:12px}.entry-label{font-size:.813rem;font-weight:600;color:#a3e635}.price-entry-row{display:grid;grid-template-columns:1fr 1fr 1fr 32px;gap:12px;margin-bottom:10px}.price-entry-row input{background:#0f1219;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 12px;color:#fff;font-size:.875rem;text-align:center}.price-entry-row input:focus{outline:none;border-color:#a3e635}.custom-input-wrapper{display:flex;gap:8px;align-items:center}.custom-input-wrapper input{flex:1}.btn-toggle-mode{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#8b95a5;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-toggle-mode:hover{background:#a3e6351a;border-color:#a3e635;color:#a3e635}.btn-toggle-mode svg{width:18px;height:18px}.price-entry-row input::placeholder{color:#4b5563}.btn-remove-entry{display:flex;align-items:center;justify-content:center;width:32px;height:40px;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .2s}.btn-remove-entry:hover{color:#f87171}.btn-remove-entry svg{width:16px;height:16px}.entry-action-placeholder{width:32px}.btn-add-entry{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin-top:8px;background:transparent;border:2px dashed rgba(163,230,53,.3);border-radius:8px;color:#a3e635;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-entry:hover{background:#a3e6350d;border-color:#a3e63580}.btn-add-entry svg{width:16px;height:16px}.light-theme .page-error{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.light-theme .pending-header{background:#7fa93d1a!important;border-color:#7fa93d!important}.light-theme .pending-dimension-input{color:#7fa93d}.light-theme .pending-dimension-input::placeholder{color:#7fa93d80}.light-theme .pending-cell{background:#7fa93d0d!important;border-color:#7fa93d66!important}.light-theme .pending-price-input{color:#7fa93d}.light-theme .pending-price-input::placeholder{color:#7fa93d66}.light-theme .pending-price-input:focus{background:#7fa93d1a}.light-theme .pending-actions{border-color:#e5e7eb}.light-theme .pending-actions .btn-cancel{border-color:#e5e7eb;color:#6b7280}.light-theme .pending-actions .btn-cancel:hover{border-color:#9ca3af;color:#1f2937}.light-theme .pending-actions .btn-save{background:#7fa93d}.light-theme .pending-actions .btn-save:hover:not(:disabled){background:#6b9132}.light-theme .no-price{color:#9ca3af}.light-theme .empty-price-btn{border-color:#9ca3af80;color:#9ca3af}.light-theme .empty-price-btn:hover{border-color:#7fa93d;background:#7fa93d1a;color:#7fa93d}.light-theme .price-cell.adding{background:#7fa93d1a!important}.light-theme .price-entries-section{background:#f9fafb;border-color:#e5e7eb}.light-theme .entry-label{color:#7fa93d}.light-theme .price-entry-row input{background:#fff;border-color:#e5e7eb;color:#1f2937}.light-theme .price-entry-row input:focus{border-color:#7fa93d}.light-theme .price-entry-row input::placeholder{color:#9ca3af}.light-theme .btn-remove-entry{color:#9ca3af}.light-theme .btn-remove-entry:hover{color:#dc2626}.light-theme .btn-add-entry{border-color:#7fa93d4d;color:#7fa93d}.light-theme .btn-add-entry:hover{background:#7fa93d0d;border-color:#7fa93d80}.light-theme .btn-toggle-mode{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.light-theme .btn-toggle-mode:hover{background:#7fa93d1a;border-color:#7fa93d;color:#7fa93d}.unit-pricing-card{padding:20px}.unit-pricing-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.unit-pricing-field{display:flex;flex-direction:column;gap:8px}.unit-pricing-field label{font-size:.75rem;font-weight:600;color:#8b95a5;text-transform:uppercase;letter-spacing:.5px}.unit-pricing-field input{background:#0f1219;border:1px solid #a3e635;border-radius:8px;padding:10px 14px;color:#fff;font-size:1rem;outline:none}.unit-value.clickable{padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;color:#fff;font-size:1rem;transition:all .2s}.unit-value.clickable:hover{border-color:#a3e63566;background:#a3e6350d}.unit-value.clickable.price{color:#a3e635;font-weight:600;font-size:1.125rem}.light-theme .unit-pricing-field input{background:#fff;border-color:#7fa93d;color:#1f2937}.light-theme .unit-value.clickable{background:#f9fafb;border-color:#e5e7eb;color:#1f2937}.light-theme .unit-value.clickable:hover{border-color:#7fa93d66;background:#7fa93d0d}.light-theme .unit-value.clickable.price{color:#7fa93d}.description-section{padding:0 20px 16px}.description-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:8px;letter-spacing:normal;text-transform:none;color:#4b5563;font-size:.813rem;cursor:pointer;transition:all .2s;text-align:left}.description-toggle:hover{border-color:#a3e63566;background:#a3e63508;color:#a3e635}.description-toggle.has-content{border-style:solid;border-color:#ffffff14;color:#8b95a5}.description-toggle.has-content:hover{border-color:#a3e6354d;color:#a3e635}.desc-icon{width:14px;height:14px;flex-shrink:0}.desc-content{white-space:pre-wrap;line-height:1.4;letter-spacing:normal;text-transform:none}.desc-placeholder{font-style:italic}.description-editor{display:flex;flex-direction:column;gap:10px}.description-textarea{width:100%;background:#0f1219;border:1px solid rgba(163,230,53,.5);border-radius:8px;padding:10px 14px;color:#fff;font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box;outline:none;line-height:1.5}.description-textarea:focus{border-color:#a3e635}.description-textarea::placeholder{color:#4b5563}.description-editor-actions{display:flex;gap:8px;justify-content:flex-end}.btn-desc-save{background:#a3e635;border:none;color:#0f1219;padding:7px 18px;border-radius:6px;font-size:.813rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-desc-save:hover{background:#bef264}.btn-desc-cancel{background:none;border:1px solid rgba(255,255,255,.2);color:#8b95a5;padding:7px 18px;border-radius:6px;font-size:.813rem;cursor:pointer;transition:all .2s}.btn-desc-cancel:hover{border-color:#fff6;color:#fff}.light-theme .description-toggle{background:#00000003;border-color:#0000001a;color:#9ca3af}.light-theme .description-toggle:hover{border-color:#7fa93d66;background:#7fa93d08;color:#7fa93d}.light-theme .description-toggle.has-content{border-color:#e5e7eb;color:#6b7280}.light-theme .description-toggle.has-content:hover{border-color:#7fa93d4d;color:#7fa93d}.light-theme .description-textarea{background:#fff;border-color:#7fa93d80;color:#1f2937}.light-theme .description-textarea:focus{border-color:#7fa93d}.light-theme .description-textarea::placeholder{color:#9ca3af}.light-theme .btn-desc-save{background:#7fa93d}.light-theme .btn-desc-save:hover{background:#6b9132}.light-theme .btn-desc-cancel{border-color:#e5e7eb;color:#6b7280}.light-theme .btn-desc-cancel:hover{border-color:#9ca3af;color:#1f2937}.custom-fields-section{padding:0 20px 16px}.cf-section-title{font-size:.875rem;color:#a3e635;margin:0 0 10px;font-weight:600}.custom-fields-editor{display:flex;flex-direction:column;gap:8px}.custom-field-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cf-label-input{flex:1;min-width:120px;padding:7px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e0e0e0;font-size:.813rem}.cf-type-select{width:140px;padding:7px 28px 7px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e0e0e0;font-size:.813rem;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b95a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.cf-type-select:focus{border-color:#a3e63566;outline:none}.cf-type-select option{background:#1e293b;color:#e0e0e0;padding:6px}.cf-unit-input{width:80px;padding:7px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e0e0e0;font-size:.813rem}.cf-options-input{flex:1;min-width:150px;padding:7px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e0e0e0;font-size:.813rem}.cf-required-label{display:flex;align-items:center;gap:6px;font-size:.813rem;color:#8b95a5;white-space:nowrap;cursor:pointer;min-width:80px;padding:4px 0}.cf-required-label input[type=checkbox]{width:18px;height:18px;accent-color:#a3e635;cursor:pointer;appearance:none;-webkit-appearance:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:4px;position:relative;flex-shrink:0}.cf-required-label input[type=checkbox]:checked{background:#a3e635;border-color:#a3e635}.cf-required-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#1e293b;font-size:12px;font-weight:700}.cf-remove-btn{width:28px;height:28px;border:none;background:#ef44441a;color:#ef4444;border-radius:6px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.cf-remove-btn:hover{background:#ef444440}.cf-add-btn{padding:8px 14px;background:#a3e63514;border:1px dashed rgba(163,230,53,.3);border-radius:6px;color:#a3e635;font-size:.813rem;cursor:pointer;transition:all .2s;align-self:flex-start;margin-top:4px}.cf-add-btn:hover{background:#a3e63526;border-color:#a3e63580}.cf-editor-actions{display:flex;gap:8px;margin-top:10px}.custom-fields-editor-wrapper{padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px}.light-theme .cf-section-title{color:#7fa93d}.light-theme .cf-label-input,.light-theme .cf-type-select,.light-theme .cf-unit-input,.light-theme .cf-options-input{background:#f9fafb;border-color:#e5e7eb;color:#1f2937}.light-theme .cf-required-label{color:#6b7280}.light-theme .cf-type-select option{background:#fff;color:#1f2937}.light-theme .cf-required-label input[type=checkbox]{background:#f9fafb;border-color:#d1d5db}.light-theme .cf-required-label input[type=checkbox]:checked{background:#7fa93d;border-color:#7fa93d}.light-theme .cf-remove-btn{background:#ef444414}.light-theme .cf-add-btn{background:#7fa93d0f;border-color:#7fa93d4d;color:#7fa93d}.light-theme .cf-add-btn:hover{background:#7fa93d1f}.light-theme .custom-fields-editor-wrapper{background:#f9fafb;border-color:#e5e7eb}.pricing-type-toggle{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.pricing-type-toggle .toggle-btn{flex:1;padding:10px 16px;background:#ffffff08;border:none;color:#8b95a5;font-size:.813rem;font-weight:500;cursor:pointer;transition:all .2s}.pricing-type-toggle .toggle-btn:first-child{border-right:1px solid rgba(255,255,255,.1)}.pricing-type-toggle .toggle-btn.active{background:#a3e63526;color:#a3e635;font-weight:600}.pricing-type-toggle .toggle-btn:hover:not(.active){background:#ffffff0f}.unit-pricing-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.unit-pricing-inputs .form-group{margin-bottom:0}.light-theme .pricing-type-toggle{border-color:#e5e7eb}.light-theme .pricing-type-toggle .toggle-btn{background:#f9fafb;color:#6b7280}.light-theme .pricing-type-toggle .toggle-btn:first-child{border-right-color:#e5e7eb}.light-theme .pricing-type-toggle .toggle-btn.active{background:#7fa93d26;color:#7fa93d}.light-theme .pricing-type-toggle .toggle-btn:hover:not(.active){background:#f3f4f6}.light-theme .unit-pricing-inputs{background:#f9fafb;border-color:#e5e7eb}@media (max-width: 768px){.product-pricing-page{padding:16px}.product-pricing-page .page-header{flex-direction:column;gap:16px;align-items:flex-start}.accordion-header{flex-direction:column;align-items:flex-start;gap:12px}.accordion-actions{width:100%;justify-content:flex-start}.matrix-wrapper{padding:0 12px 12px}.price-matrix th,.price-matrix td{min-width:60px;height:40px}.product-modal .form-row{grid-template-columns:1fr}.entries-header,.price-entry-row{grid-template-columns:1fr 1fr 1fr 32px;gap:8px}.price-entry-row input{padding:8px;font-size:.813rem}}