:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-border:#bfdbfe;--success:#10b981;--success-hover:#059669;--success-light:#ecfdf5;--success-border:#a7f3d0;--amber:#f59e0b;--amber-light:#fffbeb;--amber-border:#fde68a;--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fef2f2;--danger-border:#fecaca;--purple:#8b5cf6;--purple-light:#f5f3ff;--purple-border:#ddd6fe;--bg-main:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--border:#e2e8f0;--border-dark:#cbd5e1;--text-main:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:6px;--radius:10px;--radius-lg:14px}*{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}input,select,textarea,button{font-family:inherit;font-size:14px}.app-container{max-width:1540px;margin:0 auto;padding:16px 24px 60px}.app-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.header-brand-container{align-items:center;gap:14px;display:flex}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-icon-badge{border-radius:var(--radius);background:linear-gradient(135deg,#2563eb,#1d4ed8);justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #2563eb4d}.header-app-title{letter-spacing:-.02em;color:var(--text-main);margin:0;font-size:20px;font-weight:700}.header-app-subtitle{color:var(--text-muted);font-size:13px}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{color:var(--text-main);border-color:var(--border-dark);background-color:#fff}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:#94a3b8}.btn-danger-outline{color:var(--danger);border-color:var(--danger-border);background-color:#0000}.btn-danger-outline:hover{background-color:var(--danger-light);border-color:var(--danger)}.btn-success-outline{background-color:var(--success-light);color:var(--success-hover);border-color:var(--success-border)}.btn-sm{padding:6px 10px;font-size:13px}.btn-tiny{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;padding:4px 6px;font-size:11px}.btn-tiny.active-green{background:var(--success);color:#fff;border-color:var(--success)}.btn-tiny.active-amber{background:var(--amber);color:#fff;border-color:var(--amber)}.btn-tiny.active-red{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.btn-icon:hover{background:var(--bg-subtle);color:var(--text-main)}.btn-danger-icon:hover{background:var(--danger-light);color:var(--danger)}.app-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:6px 12px;display:flex}.nav-tabs-group{align-items:center;gap:6px;display:flex}.nav-tab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-weight:600;transition:all .15s;display:inline-flex}.nav-tab:hover{color:var(--text-main);background:var(--bg-subtle)}.nav-tab.active{background:var(--primary-light);color:var(--primary)}.nav-offer-switcher{align-items:center;gap:8px;display:flex}.switcher-label{color:var(--text-muted);font-size:13px;font-weight:500}.select-sm{padding:6px 10px;font-size:13px}.matrix-top-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px;display:grid}.offer-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.offer-summary-card:hover{box-shadow:var(--shadow)}.offer-summary-card.highlight-winner{background:linear-gradient(#fff 0%,#f0f7ff 100%);border-color:#3b82f6;box-shadow:0 4px 14px #2563eb26}.card-header-badge-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.offer-tag{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.offer-card-title{color:var(--text-main);margin:0 0 2px;font-size:16px;font-weight:700}.offer-card-company{color:var(--text-muted);margin-bottom:12px;font-size:13px}.card-key-numbers{background:var(--bg-subtle);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px;display:flex}.key-number-item{flex-direction:column;display:flex}.key-number-item.highlight{border-bottom:1px solid var(--border);padding-bottom:8px}.key-label{color:var(--text-muted);font-size:12px;font-weight:500}.key-value{color:var(--text-main);letter-spacing:-.02em;font-size:20px;font-weight:800}.key-sub{color:var(--text-muted);font-size:12px}.offer-card-actions{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.badge{border-radius:9999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-winner{color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd}.badge-winner-green{color:#047857;background:#ecfdf5;border:1px solid #6ee7b7}.badge-info{color:#1e40af;background:#eff6ff}.badge-primary{color:#1e40af;background:#dbeafe}.badge-purple{color:#6b21a8;background:#f3e8ff}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-muted{color:#475569;background:#e2e8f0}.badge-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.kosten-balken-container{margin-top:6px}.kosten-balken-bar{background:#e2e8f0;border-radius:9999px;height:10px;display:flex;overflow:hidden}.kosten-balken-segment{height:100%;transition:width .3s}.kosten-balken-legend{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px 12px;margin-top:10px;font-size:12px;display:grid}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-label{color:var(--text-muted)}.legend-val{margin-left:auto;font-weight:600}.legend-pct{color:var(--text-muted);font-size:11px;font-weight:400}.matrix-table-card,.inklusiv-vergleich-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:16px;overflow:hidden}.table-responsive{overflow-x:auto}.custom-table{border-collapse:collapse;width:100%;font-size:13.5px}.custom-table th,.custom-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.custom-table thead th{text-align:left;color:var(--text-main);border-bottom:2px solid var(--border-dark);background:#f8fafc;font-weight:700}.th-offer-title{font-size:14px;font-weight:700}.th-offer-sub{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:400}.th-total-pill{background:var(--primary-light);color:var(--primary);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.category-header-row{cursor:pointer;background:#f1f5f9}.category-header-row td{color:#1e293b;border-top:2px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:10px 14px;font-weight:700}.category-title-flex{justify-content:space-between;align-items:center;display:flex}.row-label{color:#334155;font-weight:500}.subtotal-row td{background:#f8fafc;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.total-highlight-row td{background:#eff6ff;border-top:2px solid #93c5fd;border-bottom:2px solid #93c5fd}.cell-winner{color:#1e40af;font-weight:800;background:#dbeafe!important}.icon-winner{color:#1e40af;vertical-align:-2px;margin-left:6px;display:inline-block}.font-large{font-size:16px}.status-cell-wrapper{flex-direction:column;gap:4px;display:flex}.status-tag{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.status-inklusiv{color:#15803d}.status-teilweise{color:#b45309}.status-bauseits{color:#b91c1c}.status-unbekannt{color:var(--text-muted)}.status-note{color:var(--text-muted);font-size:11px;font-style:italic}.status-quick-switch{gap:4px;margin-top:2px;display:flex}.checklist-item-title{color:var(--text-main);font-weight:600}.form-group{margin-bottom:12px}.form-group label{color:#334155;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.form-control{border:1px solid var(--border-dark);border-radius:var(--radius-sm);width:100%;color:var(--text-main);box-sizing:border-box;background:#fff;padding:8px 12px}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:flex}.field-hint{color:var(--text-muted);margin-top:3px;font-size:11.5px;display:block}.hint-text{color:var(--text-muted);margin-bottom:12px;font-size:13px}.angebots-editor-container{flex-direction:column;gap:16px;display:flex}.editor-top-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:14px 18px;display:flex}.editor-title-group{flex-direction:column;flex:1;gap:4px;display:flex}.editor-main-title-input{border:none;border-bottom:1px dashed var(--border-dark);width:100%;padding:2px 4px;font-size:18px;font-weight:700}.editor-main-title-input:focus{border-bottom-color:var(--primary);outline:none}.editor-subtitle-input{color:var(--text-muted);border:none;border-bottom:1px dashed var(--border-dark);width:100%;padding:2px 4px;font-size:13px}.editor-live-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 20px}.live-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.live-kpi-item{background:var(--bg-subtle);border-radius:var(--radius);flex-direction:column;padding:10px 14px;display:flex}.live-kpi-item.primary{background:var(--primary-light)}.live-kpi-label{color:var(--text-muted);font-size:11.5px;font-weight:600}.live-kpi-val{font-size:19px;font-weight:800}.live-kpi-sub{color:var(--text-muted);font-size:11.5px}.editor-tab-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:6px;padding:6px;display:flex;overflow-x:auto}.editor-tab-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.editor-tab-btn:hover{background:var(--bg-subtle);color:var(--text-main)}.editor-tab-btn.active{background:var(--primary);color:#fff}.editor-form-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;display:grid}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.form-card h4{color:#1e293b;border-bottom:1px solid var(--border);margin:0 0 14px;padding-bottom:8px;font-size:15px;font-weight:700}.calculation-hint-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:#f8fafc;margin-top:12px;padding:10px;font-size:13px}.finanzierung-summary-box{border:1px solid var(--border);border-radius:var(--radius);background:#f8fafc;margin-top:14px;padding:12px}.finanz-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.finanz-row.total{border-top:1px solid var(--border);margin-top:6px;padding-top:8px;font-size:14px}.checklist-editor-list{flex-direction:column;gap:10px;display:flex}.checklist-editor-row{background:var(--bg-subtle);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.checklist-info{flex:1;min-width:250px}.checklist-label{margin-bottom:4px;font-size:13.5px;font-weight:600}.checklist-note-input{padding:4px 8px;font-size:12px}.checklist-status-buttons{gap:6px;display:flex}.btn-check-choice{border:1px solid var(--border-dark);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:#fff;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.btn-check-choice.active-green{background:var(--success-light);border-color:var(--success-border);color:var(--success-hover)}.btn-check-choice.active-amber{background:var(--amber-light);border-color:var(--amber-border);color:var(--amber)}.btn-check-choice.active-red{background:var(--danger-light);border-color:var(--danger-border);color:var(--danger)}.modal-backdrop{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{margin:0;font-size:16px;font-weight:700}.modal-body{padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--bg-subtle);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.modal-action-buttons{flex-wrap:wrap;gap:8px;display:flex}.pin-lock-overlay{z-index:2000;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pin-lock-box{border-radius:var(--radius-lg);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-lg);background:#fff;padding:32px}.pin-lock-icon{margin-bottom:12px}.text-right{text-align:right}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-green{color:var(--success)}.text-amber{color:var(--amber)}.text-red{color:var(--danger)}.text-purple{color:var(--purple)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.font-medium{font-weight:600}.alert-error{background:var(--danger-light);border:1px solid var(--danger-border);color:var(--danger);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.empty-state-card{border:2px dashed var(--border-dark);border-radius:var(--radius-lg);text-align:center;background:#fff;padding:48px 24px}@media print{.no-print{display:none!important}body{color:#000!important;background:#fff!important}.app-container{max-width:100%!important;padding:0!important}.matrix-table-card,.offer-summary-card,.inklusiv-vergleich-card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important}.custom-table th,.custom-table td{padding:6px 8px!important;font-size:11px!important}}