.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.app-header{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#71808d,#bdc1c4);color:#fff;box-shadow:0 4px 6px #0000001a}.app-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.app-header p{margin:0;font-size:1.1rem;opacity:.9}.app-main{flex:1;padding:20px}.app-footer{text-align:center;padding:20px;background:#2c3e50;color:#fff;margin-top:auto}.app-footer p{margin:0;font-size:14px;opacity:.8}.app-loading,.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center}.loading-spinner{width:50px;height:50px;border:5px solid #e3e3e3;border-top:5px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.app-loading p{font-size:18px;color:#666;margin:0}.app-error{background:#f8f9fa}.app-error h2{color:#dc3545;margin-bottom:10px}.app-error p{color:#666;margin-bottom:20px;font-size:16px}.app-error button{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background-color .2s ease}.app-error button:hover{background:#0056b3}@media (max-width: 768px){.app-header{padding:20px 10px}.app-header h1{font-size:2rem}.app-main{padding:10px}}:root{--primary-color: #667eea;--primary-hover: #5a6fd8;--success-color: #28a745;--success-hover: #218838;--danger-color: #dc3545;--danger-hover: #c82333;--warning-color: #ffc107;--info-color: #17a2b8;--secondary-color: #6c757d;--secondary-hover: #5a6268;--white: #ffffff;--light-gray: #f8f9fa;--medium-gray: #e9ecef;--dark-gray: #495057;--border-color: #dee2e6;--border-light: #e1e5e9;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: all .2s ease;--transition-medium: all .3s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: 9px;--font-size-sm: 11px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px}.kunden-tabelle-container{padding:var(--spacing-xl);max-width:100%;margin:0 auto;font-family:var(--font-family)}.tabelle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--medium-gray) 0%,var(--border-color) 100%);color:var(--dark-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid #ced4da}.tabelle-header h2{margin:0;font-size:24px;font-weight:600}.header-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.header-actions p{margin:0;font-size:var(--font-size-lg);opacity:.9}.btn-add-new{padding:10px 20px;background:linear-gradient(135deg,#b19cd9,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-lg);font-weight:600;transition:var(--transition-medium);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 4px 8px #9b59b64d}.btn-add-new:hover:not(:disabled){background:linear-gradient(135deg,#9b59b6,#8e44ad,#7d3c98);transform:translateY(-2px);box-shadow:0 6px 14px #9b59b680}.btn-add-new:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-clear-all-filters{background:var(--danger-color);color:#fff;border:none;padding:4px 8px;border-radius:var(--radius-sm);font-size:10px;cursor:pointer;transition:var(--transition-fast);font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:2px;min-width:auto}.btn-clear-all-filters:hover{background:var(--danger-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.edit-buttons{display:flex;gap:var(--spacing-xs);align-items:center}.btn-save,.btn-cancel{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);padding:3px 5px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.btn-save{color:var(--success-color)}.btn-save:hover:not(:disabled){background:#d4edda;transform:scale(1.1)}.btn-cancel{color:var(--danger-color)}.btn-cancel:hover:not(:disabled){background:#f8d7da;transform:scale(1.1)}.btn-save:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.edit-buttons-inline{display:flex;gap:2px;align-items:center}.btn-save-small,.btn-cancel-small{background:none;border:none;cursor:pointer;font-size:10px;padding:1px 2px;border-radius:2px;transition:var(--transition-fast)}.btn-save-small{color:var(--success-color)}.btn-save-small:hover:not(:disabled){background:#d4edda;transform:scale(1.1)}.btn-cancel-small{color:var(--danger-color)}.btn-cancel-small:hover:not(:disabled){background:#f8d7da;transform:scale(1.1)}.search-filters{margin-bottom:var(--spacing-xl);padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e1e8ed;flex-shrink:0}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e1e8ed}.filter-title{margin:0;font-size:16px;font-weight:600;color:#2c3e50;letter-spacing:.3px}.btn-clear-filters{padding:8px 16px;font-size:13px;font-weight:600;color:#fff;background-color:#e74c3c;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-clear-filters:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px);box-shadow:0 2px 6px #e74c3c4d}.btn-clear-filters:disabled{background-color:#bdc3c7;cursor:not-allowed;opacity:.6}.search-fields-container{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:end}.search-field{display:flex;flex-direction:column;min-width:0}.search-field.checkbox-field{align-self:center;justify-self:start}.search-field label{display:block;margin-bottom:6px;font-weight:600;color:#2c3e50;font-size:13px;white-space:nowrap;letter-spacing:.3px}.checkbox-label-vertragsbeginn{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease;white-space:nowrap;background-color:#f0f4f8;border:2px solid #d1dce5;color:#2c3e50}.checkbox-label-vertragsbeginn:hover{background-color:#e3eaf0;border-color:#4a90e2;transform:translateY(-1px);box-shadow:0 2px 4px #4a90e226}.checkbox-vertragsbeginn{width:18px;height:18px;accent-color:#4a90e2;cursor:pointer}.search-input{width:100%;padding:10px 12px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:all .2s ease;background-color:#fff;box-sizing:border-box;color:#2c3e50}.search-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background-color:#fff;transform:translateY(-1px)}.search-input::placeholder{color:#a0aec0;font-size:13px}.search-input:hover{border-color:#b8c5d1}.search-select{width:100%;padding:10px 12px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;transition:all .2s ease;background-color:#fff;box-sizing:border-box;color:#2c3e50;cursor:pointer}.search-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;background-color:#fff}.search-select:hover{border-color:#b8c5d1}.search-select option[value="30"]{color:#dc3545;font-weight:700}.search-select option[value="-30"]{color:#007bff;font-weight:700}.search-select optgroup{font-weight:400;font-style:normal;color:#6c757d;padding:4px 0}.dropdown-wrapper{position:relative;width:100%}.dropdown-toggle{width:100%;padding:10px 12px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;background-color:#fff;color:#2c3e50;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;font-weight:500}.dropdown-toggle:hover{border-color:#b8c5d1}.dropdown-toggle:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.dropdown-arrow{font-size:10px;color:#718096;margin-left:8px}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid #e1e8ed;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:240px;overflow-y:auto;padding:6px}.dropdown-category-label{font-size:11px;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px 4px;margin-top:4px;border-top:1px solid #e1e8ed}.dropdown-category-label:first-child{margin-top:0;border-top:none}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:#c1c9d2;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a0aec0}.dropdown-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:13px;color:#2c3e50;font-weight:500}.dropdown-option:hover{background-color:#f0f4f8}.dropdown-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4a90e2}.dropdown-option span{-webkit-user-select:none;user-select:none}.btn-clear-search{width:100%;padding:10px var(--spacing-lg);background:var(--secondary-color);color:var(--white);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer;transition:var(--transition-fast);font-weight:500;white-space:nowrap;height:42px}.btn-clear-search:hover{background:var(--secondary-hover);transform:translateY(-1px)}.btn-toggle-datenbasis{background:none;border:none;cursor:pointer;font-size:28px;font-weight:700;color:var(--primary-color);padding:0 var(--spacing-sm);margin-left:var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-fast);vertical-align:middle;margin-bottom:3%}.btn-toggle-datenbasis:hover{background-color:var(--light-gray);color:var(--primary-hover);transform:scale(1.1)}.datenbasis-search-checkboxes{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:6px}.datenbasis-search-checkboxes .checkbox-item{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--font-size-md);color:#333;background-color:var(--light-gray);padding:var(--spacing-xs) 10px;border-radius:6px;border:1px solid var(--border-light);transition:var(--transition-fast)}.datenbasis-search-checkboxes .checkbox-item:hover{background-color:var(--medium-gray);border-color:var(--primary-color)}.datenbasis-search-checkboxes .checkbox-item input[type=checkbox]{margin:0;width:14px;height:14px;accent-color:var(--primary-color)}.datenbasis-filter-section{margin-top:var(--spacing-md)}.datenbasis-toggle{background:var(--primary-color);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.datenbasis-toggle:hover{background:var(--primary-hover)}.datenbasis-toggle.expanded{background:var(--danger-color)}.datenbasis-filter-expanded{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--light-gray);border-radius:var(--radius-md);border:1px solid var(--border-light)}.datenbasis-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.datenbasis-category h4{margin:0 0 var(--spacing-sm) 0;color:var(--dark-gray);font-size:var(--font-size-lg);font-weight:600;margin-top:10px;margin-left:10px}.datenbasis-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:10px}.datenbasis-checkboxes label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:var(--font-size-md);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast);margin-left:var(--spacing-sm);margin-top:var(--spacing-xs)}.datenbasis-checkboxes label:hover{background:var(--medium-gray)}.datenbasis-checkboxes input[type=checkbox]{margin:0;accent-color:var(--primary-color)}.sticky-header-container{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 8px #0000001a}.group-controls{position:sticky;top:0;z-index:101;background:#fff;padding:10px 15px;border-bottom:1px solid var(--border-color)}.tabelle-wrapper{overflow-x:auto;overflow-y:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;max-width:100%}.kunden-tabelle thead.original-table-header{background-color:#f8f9fa}.cloned-sticky-header{border-bottom:2px solid var(--border-color)}.cloned-sticky-header table{table-layout:fixed}.cloned-sticky-header th{padding:var(--spacing-lg) var(--spacing-md);text-align:left;font-weight:600;color:var(--dark-gray);border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color);white-space:nowrap;background-color:#f8f9fa}.cloned-sticky-header th:last-child{border-right:none}.kunden-tabelle{width:100%;border-collapse:collapse;font-size:var(--font-size-lg);min-width:max-content}.kunden-tabelle thead{background:var(--light-gray)}.kunden-tabelle th{padding:var(--spacing-lg) var(--spacing-md);text-align:left;font-weight:600;color:var(--dark-gray);border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color);white-space:nowrap;position:relative;background-color:#f8f9fa}.kunden-tabelle th:last-child{border-right:none}.kunden-tabelle th.required-field{color:#dc3545;font-weight:700}.sort-button:hover{opacity:1!important;background-color:#0000000d;border-radius:4px}.sort-button:active{transform:scale(.95)}.kunden-tabelle td.required-empty{background-color:#ffe6e6!important}.kunden-tabelle td{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--medium-gray);border-right:1px solid var(--medium-gray);vertical-align:top;min-height:60px}.kunden-tabelle td:last-child{border-right:none}.tabellen-zeile:hover{background-color:var(--light-gray);transition:var(--transition-fast)}.kunden-tabelle th:nth-child(1){width:210px}.kunden-tabelle th:nth-child(2){width:95px}.kunden-tabelle th:nth-child(3){width:135px}.kunden-tabelle th:nth-child(4){width:120px}.kunden-tabelle th:nth-child(5){width:157px;max-width:157px;word-break:break-word;overflow-wrap:break-word}.kunden-tabelle th:nth-child(6){width:120px}.kunden-tabelle th:nth-child(7){width:120px}.kunden-tabelle th:nth-child(8){width:230px;max-width:123px}.kunden-tabelle th:nth-child(9){width:167px;max-width:122px}.kunden-tabelle th:nth-child(10){width:183px;max-width:123px}.kunden-tabelle th:nth-child(11){width:180px;max-width:120px}.kunden-tabelle th:nth-child(12){width:180px;max-width:80px}.kunden-tabelle th:nth-child(13){width:120px;max-width:120px}.kunden-tabelle th:nth-child(14){width:120px;max-width:120px}.kunden-tabelle th:nth-child(15){width:120px;max-width:120px}.kunden-tabelle th:nth-child(16){width:120px;max-width:120px;background-color:#ffe6e6}.kunden-tabelle td:nth-child(1){width:120px}.kunden-tabelle td:nth-child(2){width:95px}.kunden-tabelle td:nth-child(3){width:135px}.kunden-tabelle td:nth-child(4){width:120px}.kunden-tabelle td:nth-child(5){width:112px;max-width:135px;word-break:break-word;overflow-wrap:break-word}.kunden-tabelle td:nth-child(6){width:120px}.kunden-tabelle td:nth-child(7){width:120px}.kunden-tabelle td:nth-child(8){width:180px}.kunden-tabelle td:nth-child(9){width:187px}.kunden-tabelle td:nth-child(10){width:63px;max-width:63px}.kunden-tabelle td:nth-child(11){width:60px;max-width:60px}.kunden-tabelle td:nth-child(12){width:142px;max-width:180px}.kunden-tabelle td:nth-child(13){width:130px;max-width:170px}.kunden-tabelle td:nth-child(14){width:130px;max-width:170px}.kunden-tabelle td:nth-child(15){width:130px;max-width:170px}.kunden-tabelle td:nth-child(16){width:130px;max-width:170px;background-color:#ffe6e6}.sortable-header{position:relative}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.sort-dropdown{position:relative;display:inline-block}.sort-toggle{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);padding:2px var(--spacing-xs);border-radius:3px;opacity:.7;transition:var(--transition-fast)}.sort-toggle:hover{opacity:1;background:var(--light-gray);transform:scale(1.1)}.sort-toggle.active{background:#ff6b6b;color:#212529;opacity:1;font-weight:700}.sort-options{display:none;position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:140px;padding:var(--spacing-xs) 0;white-space:nowrap;margin-top:2px}.sort-dropdown.active .sort-options{display:block}.sort-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--font-size-md);transition:var(--transition-fast);white-space:nowrap;line-height:1.4}.sort-option:hover{background-color:var(--light-gray)}.sort-option.active{background-color:var(--primary-color);color:var(--white)}.sort-option.active:hover{background-color:var(--primary-hover)}.kunden-tabelle th.filter-active{background:var(--danger-color)!important;color:#fff!important;position:relative}.kunden-tabelle th.filter-active:after{content:"🔍";position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);font-size:12px;opacity:.8}.kunden-tabelle th:nth-child(2).filter-active:after{right:var(--spacing-xs);font-size:10px}.kunden-tabelle th.filter-active .sort-toggle{color:#fff!important;opacity:.9}.kunden-tabelle th.filter-active .sort-toggle:hover{background:#fff3!important;color:#fff!important}.filter-reset-cell{background:var(--light-gray);text-align:center;padding:var(--spacing-xs)!important;width:120px;min-width:120px}.lizenznehmer-schluessel code{background:var(--medium-gray);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:19px;color:var(--dark-gray);font-weight:900}.kunden-tabelle td:first-child code{background:#edf1f1;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:16px;color:var(--dark-gray);font-weight:500;display:inline-block}.kunden-nr{font-weight:700;color:var(--dark-gray)}.bezeichnung strong{color:var(--dark-gray);font-weight:600}.email a{color:#007bff;text-decoration:none}.email a:hover{text-decoration:underline}.datenbasis-display-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs);background:var(--light-gray);border-radius:var(--radius-sm);border:1px solid var(--medium-gray);box-sizing:border-box}@media (max-width: 1400px){.datenbasis-display-grid{grid-template-columns:1fr;gap:2px;padding:3px}}.datenbasis-column{display:flex;flex-direction:column;gap:2px;min-width:0}.datenbasis-column-header{font-weight:600;font-size:var(--font-size-xs);color:var(--dark-gray);padding:2px var(--spacing-xs);border-bottom:1px solid var(--border-color);text-align:center;text-transform:uppercase;letter-spacing:.3px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.datenbasis-column-header.brz8{color:#0d47a1;background:linear-gradient(135deg,#b2d8f3,#e3f2fd);border-bottom:2px solid #64b5f6}.datenbasis-column-header.brz365{color:#4a148c;background:linear-gradient(135deg,#e1bee7,#dcd4dd);border-bottom:2px solid #ba68c8}.datenbasis-column:first-child{background:linear-gradient(135deg,#fff,#f0f8ff);border-radius:var(--radius-sm);padding:var(--spacing-xs);border:2px solid #b3d9ff}.datenbasis-column:last-child{background:linear-gradient(135deg,#f0f0f0,#e8e8e8);border-radius:var(--radius-sm);padding:var(--spacing-xs);border:2px solid #d0d0d0}.datenbasis-service-list{display:flex;flex-direction:column;gap:1px}.datenbasis-service-badge{display:flex;align-items:center;gap:2px;padding:2px 3px;border-radius:6px;font-size:7px;font-weight:500;text-transform:uppercase;letter-spacing:.1px;position:relative}.datenbasis-service-badge.finance{background:linear-gradient(135deg,#066985,#00afd9);color:#fff;border:1px solid #0099c7}.datenbasis-service-badge.bautechnik{background:linear-gradient(135deg,#4e5356,#798e98);color:#fff;border:1px solid #5d7279}.datenbasis-service-badge.lohn{background:linear-gradient(135deg,#007e7a,#00938f);color:#fff;border:1px solid #007d78}.datenbasis-service-badge.has-sas{padding-right:20px!important}.datenbasis-service-badge.has-sas:after{content:"SAS";position:absolute;right:2px;top:50%;transform:translateY(-50%);background:var(--danger-color);color:#fff;font-size:6px;font-weight:700;padding:1px 3px;border-radius:3px;letter-spacing:.1px;text-transform:uppercase;box-shadow:0 1px 2px #0003}.datenbasis-edit-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--light-gray);border-radius:var(--radius-md);border:2px solid #007bff;min-width:320px;max-width:360px}.datenbasis-category{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;overflow:hidden}.datenbasis-category-header{padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#b9c7d4 0%,var(--border-color) 100%);border-bottom:1px solid var(--border-color);font-weight:600;font-size:12px;color:var(--dark-gray);text-align:center;text-transform:uppercase;letter-spacing:.3px}.datenbasis-category-header.brz8{background:linear-gradient(135deg,#b4d4f3,#ebf4fc);color:#1976d2;border-bottom:1px solid #c3e4ff}.datenbasis-category-header.brz365{background:linear-gradient(135deg,#e1bee7,#f1e7f3);color:#7b1fa2;border-bottom:1px solid #d1c4e9}.datenbasis-services{padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs)}.datenbasis-service{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) 6px;border-radius:var(--radius-sm);background:var(--light-gray);border:1px solid var(--medium-gray);transition:var(--transition-fast)}.datenbasis-service:hover{background:var(--medium-gray);border-color:var(--border-color)}.service-info{display:flex;align-items:center;gap:6px}.service-checkbox{margin:0;transform:scale(1);accent-color:#007bff}.service-label{font-size:11px;font-weight:500;color:var(--dark-gray);-webkit-user-select:none;user-select:none;min-width:60px}.sas-toggle-container{display:flex;align-items:center;gap:var(--spacing-xs)}.apple-switch{position:relative;width:32px;height:18px;background:#ddd;border-radius:9px;cursor:pointer;transition:background .3s ease;border:1px solid #ccc}.apple-switch.active{background:#007bff;border-color:#0056b3}.apple-switch:before{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:1px;left:1px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.apple-switch.active:before{transform:translate(14px)}.apple-switch input{opacity:0;width:0;height:0}.lizenzen-display{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:100px;padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.lizenz-anzahl-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.lizenz-anzahl{font-weight:700;color:var(--dark-gray);font-size:17px}.btn-edit-lizenzen{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;transition:var(--transition-fast);opacity:.7}.btn-edit-lizenzen:hover{opacity:1;background:var(--medium-gray);transform:scale(1.1)}.lizenzen-edit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:100px;width:100%}.lizenz-input{width:80px;max-width:80px;margin:0 auto;text-align:center;padding:6px 8px;border:2px solid #007bff;border-radius:var(--radius-sm);font-size:14px;font-weight:700;background:var(--light-gray);box-sizing:border-box;height:32px}.lizenz-input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 2px #007bff40}.lizenzen-edit-container{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--light-gray);border-radius:var(--radius-sm);border:1px solid var(--medium-gray);min-width:100px}.lizenz-input-group,.lohn-betriebe-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.lizenz-input-group label,.lohn-betriebe-input-group label{font-size:11px;font-weight:600;color:var(--dark-gray)}.lizenz-input-group .input-field,.lohn-betriebe-input-group .input-field{padding:var(--spacing-xs);font-size:12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff}.lohn-betriebe-container{margin-top:var(--spacing-xs)}.lohn-betriebe{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);font-size:11px;margin-right:0;margin-left:0;color:var(--secondary-color);padding:var(--spacing-xs);background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.lohn-betriebe-edit{display:flex;align-items:center;gap:var(--spacing-xs);font-size:11px;flex-wrap:wrap;padding:var(--spacing-xs);background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.lohn-betriebe-select{min-width:80px;padding:2px var(--spacing-xs);border:1px solid var(--secondary-color);border-radius:3px;font-size:11px;background:var(--white);box-sizing:border-box}.btn-edit-lohn-betriebe{background:none;border:none;cursor:pointer;font-size:12px;padding:2px 4px;border-radius:3px;transition:var(--transition-fast);opacity:.7}.edit-buttons{display:flex;gap:var(--spacing-xs);justify-content:center;margin-top:var(--spacing-xs)}.edit-buttons-inline{display:flex;gap:var(--spacing-xs);align-items:center}.btn-save,.btn-cancel,.btn-save-small,.btn-cancel-small{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 4px;border-radius:3px;transition:var(--transition-fast)}.btn-save:hover,.btn-save-small:hover{background:var(--success-color);color:#fff}.btn-cancel:hover,.btn-cancel-small:hover{background:var(--danger-color);color:#fff}.btn-edit-lohn-betriebe:hover{opacity:1;background:var(--medium-gray);transform:scale(1.1)}.bemerkungen{width:150px;max-width:150px;padding:var(--spacing-md);word-wrap:break-word;white-space:pre-wrap;vertical-align:top}.bemerkungen-display{background-color:var(--light-gray);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:var(--font-size-md);line-height:1.4;width:100%;box-sizing:border-box;min-height:40px;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);position:relative}.bemerkungen-text{flex:1;font-size:var(--font-size-md);line-height:1.4;word-wrap:break-word;white-space:pre-wrap;width:calc(100% - 30px);box-sizing:border-box;overflow-wrap:break-word}.btn-edit-bemerkungen{background:var(--secondary-color);color:#fff;border:none;cursor:pointer;font-size:12px;opacity:.8;transition:var(--transition-fast);padding:3px var(--spacing-sm);border-radius:var(--radius-sm);flex-shrink:0;position:absolute;bottom:3px;right:3px;min-width:24px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.btn-edit-bemerkungen:hover{opacity:1;background-color:var(--secondary-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.bemerkungen-display em{color:#666;font-style:italic;margin-right:30px}.bemerkungen-edit{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--light-gray);border-radius:var(--radius-md);border:2px solid var(--primary-color);box-sizing:border-box}.bemerkungen-textarea{width:100%;min-height:40px;max-height:300px;padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-md);resize:none;transition:border-color .2s ease;box-sizing:border-box;overflow:hidden;line-height:20px;word-wrap:break-word}.bemerkungen-textarea:focus{outline:none;border-color:var(--primary-color)}.kundenberater{max-width:180px;vertical-align:top}.kundenberater div{margin-bottom:var(--spacing-xs)}.kundenberater .consulter{margin-top:6px;padding-top:var(--spacing-xs);border-top:1px solid var(--border-light)}.kundenberater .consulter small{color:#666;font-size:12px;font-weight:400}.kundenberater-edit{display:flex;flex-direction:column;gap:var(--spacing-sm)}.kundenberater-display{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sync-intervall-config{display:flex;flex-direction:column;gap:6px;padding:var(--spacing-xs);min-width:160px}.sync-intervall-config .select-field{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid #ced4da;border-radius:var(--radius-sm);font-size:12px;background-color:#fff;color:#333;max-width:160px;min-height:30px}.sync-intervall-config .select-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.input-field{width:90%;max-width:95%;padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-size-md);transition:var(--transition-fast);box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.input-field:disabled{background-color:var(--light-gray);cursor:not-allowed}.number-input{width:100%;text-align:center}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield;appearance:textfield}.select-field{width:90%;max-width:95%;padding:var(--spacing-sm) 2px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-lg);background-color:#fff;color:#333;transition:var(--transition-fast);cursor:pointer;box-sizing:border-box}.select-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.select-field:disabled{background-color:var(--light-gray);cursor:not-allowed;opacity:.7}.select-field.edit-mode{width:90%;max-width:95%;padding:12px 6px;font-size:var(--font-size-md);min-height:3px}.editing-row{background-color:var(--light-gray)!important;border-left:4px solid #007bff}.editing-row .input-field{background-color:#fff}.editing-row .input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #667eea1a}.neue-kunden-zeile{background:linear-gradient(135deg,var(--light-gray) 0%,var(--medium-gray) 100%);border:2px solid var(--success-color);border-radius:var(--radius-lg)}.neue-kunden-zeile td{padding:var(--spacing-md) var(--spacing-sm);vertical-align:middle}.new-kunde-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.btn-save-new,.btn-cancel-new{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xl);transition:var(--transition-medium)}.btn-save-new{background:var(--success-color);color:#fff}.btn-save-new:hover:not(:disabled){background:var(--success-hover);transform:scale(1.1)}.btn-cancel-new{background:var(--danger-color);color:#fff}.btn-cancel-new:hover:not(:disabled){background:var(--danger-hover);transform:scale(1.1)}.vertrag-rot{background-color:#ffebebb3!important;border-left:4px solid var(--danger-color)!important}.vertrag-rot:hover{background-color:#ffebebe6!important}.vertrag-blau{background-color:#e6f5ffb3!important;border-left:4px solid #007bff!important}.vertrag-blau:hover{background-color:#e6f5ffe6!important}.tabelle-footer{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--light-gray);border-radius:var(--radius-lg);text-align:center}.footer-info p{margin:0;color:var(--dark-gray);font-weight:500}.footer-info small{color:var(--secondary-color);font-style:italic}.keine-daten{text-align:center;padding:40px;color:var(--secondary-color);background:var(--light-gray);border-radius:var(--radius-xl);margin-top:var(--spacing-xl)}.keine-daten p{margin:0;font-size:var(--font-size-xl)}.row-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:stretch}.btn-bearbeiten,.btn-loeschen{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-fast);width:100%;min-width:100px;text-align:center}.btn-bearbeiten{background-color:#eaf1ff;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-bearbeiten:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.btn-loeschen{background-color:#ffe0e0;color:var(--danger-color);border:1px solid var(--danger-color)}.btn-loeschen:hover:not(:disabled){background-color:var(--danger-color);color:#fff;transform:translateY(-1px)}.btn-loeschen:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-copy{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-fast);width:100%;min-width:100px;text-align:center;background-color:#d4edda;color:var(--success-color);border:1px solid var(--success-color)}.btn-copy:hover:not(:disabled){background-color:var(--success-color);color:#fff;transform:translateY(-1px)}.btn-copy:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1400px){.datenbasis-display-grid{grid-template-columns:1fr}.datenbasis-column-header{font-size:10px;padding:3px 6px}.datenbasis-service-badge{font-size:8px;padding:2px 4px}}@media (max-width: 768px){.kunden-tabelle-container{padding:10px}.tabelle-header{flex-direction:column;align-items:flex-start;gap:10px}.search-filters{padding:var(--spacing-md)}.search-fields-container{grid-template-columns:1fr;gap:var(--spacing-md)}.search-field{min-width:auto}.search-field.checkbox-field{grid-column:1;justify-self:start}.kunden-tabelle{font-size:12px}.kunden-tabelle th,.kunden-tabelle td{padding:var(--spacing-sm) 6px}}.vertragsbeginn-display{display:flex;flex-direction:column;gap:2px}.vertragsbeginn-display>div{font-weight:700;font-size:17px;color:var(--dark-gray)}.vertragsbeginn-display small{font-size:17px;color:var(--secondary-color);opacity:.8}.kunden-tabelle td.vertragsbeginn{font-size:17px}.kunden-tabelle td.vertragsbeginn>div{font-weight:700;font-size:17px;color:var(--dark-gray);margin-bottom:2px}.kunden-tabelle td.vertragsbeginn small{font-size:14px;color:var(--secondary-color);opacity:.8}.vertragsbeginn-edit{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vertragsbeginn-inputs{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.vertragsbeginn-inputs .input-field,.vertragsbeginn-inputs .select-field{flex:1;min-width:60px}.password-cell{text-align:center;vertical-align:middle;padding:8px;min-width:150px}.password-input-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.password-input-row,.password-input-container,.password-display-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.password-field{width:120px;max-width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-family:monospace;box-sizing:border-box}.password-field:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.password-text{font-family:monospace;font-size:14px;color:#333;padding:6px 10px;background-color:#f5f5f5;border-radius:4px;min-width:80px;display:inline-block}.no-password{color:#999;font-style:italic}.btn-toggle-password{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:14px;transition:all .2s;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.btn-toggle-password:hover:not(:disabled){background-color:#e8e8e8;border-color:#999}.btn-toggle-password:active:not(:disabled){background-color:#ddd}.btn-toggle-password:disabled{opacity:.5;cursor:not-allowed}.btn-copy-password{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:14px;transition:all .2s;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.btn-copy-password:hover:not(:disabled){background-color:#e3f2fd;border-color:#2196f3}.btn-copy-password:active:not(:disabled){background-color:#bbdefb}.btn-copy-password:disabled{opacity:.5;cursor:not-allowed}.btn-copy-password-small{background-color:#f5f5f5;border:1px solid #ddd;border-radius:3px;padding:2px 8px;cursor:pointer;font-size:11px;transition:all .2s;color:#555;font-weight:500;text-align:center;min-width:60px}.btn-copy-password-small:hover:not(:disabled){background-color:#e3f2fd;border-color:#2196f3;color:#1976d2}.btn-copy-password-small:active:not(:disabled){background-color:#bbdefb}.btn-copy-password-small:disabled{opacity:.5;cursor:not-allowed}.apple-switch-button{position:relative;display:inline-block;width:50px;height:28px;background-color:#ccc;border:none;border-radius:14px;cursor:pointer;padding:0;margin:0;transition:background-color .3s ease;font-size:0;line-height:0;vertical-align:middle;overflow:hidden}.apple-switch-button.is-off{background-color:#d0d0d0}.apple-switch-button.is-off:hover:not(:disabled){background-color:silver}.apple-switch-button.is-on{background-color:#34a8e0}.apple-switch-button.is-on:hover:not(:disabled){background-color:#2a8fb8}.apple-switch-button:disabled{cursor:not-allowed;opacity:.8}.apple-switch-slider{display:block;position:absolute;top:2px;left:2px;width:24px;height:24px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:left .3s ease}.apple-switch-button.is-on .apple-switch-slider{left:24px}.apple-switch-button.is-off .apple-switch-slider{left:2px}.status-historie-cell{position:relative;display:flex;flex-direction:column;gap:8px;width:93%;min-width:285px;min-height:120px;padding:8px;background-color:#f9f9f9;border-radius:6px;border:1px solid #e0e0e0}.status-historie-input-form{display:flex;gap:4px;align-items:stretch}.status-historie-input{flex:1;padding:8px 12px;border:1px solid #d0d0d0;border-radius:4px;font-size:14px;font-family:inherit;background-color:#fff;transition:border-color .2s ease}.status-historie-input:focus{outline:none;border-color:#34a8e0;box-shadow:0 0 0 2px #34a8e01a}.status-historie-input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.status-historie-btn-add{padding:8px 14px;background-color:#34a8e0;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s ease;min-width:40px}.status-historie-btn-add:hover:not(:disabled){background-color:#2a94c4;transform:scale(1.05)}.status-historie-btn-add:active:not(:disabled){transform:scale(.95)}.status-historie-btn-add:disabled{background-color:#d0d0d0;cursor:not-allowed;opacity:.6}.status-historie-bubbles{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;align-items:flex-start}.status-historie-empty{color:#999;font-size:13px;font-style:italic;padding:8px 0;width:100%}.status-historie-loading{font-size:18px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-historie-bubble{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background-color:#fff;border:1px solid #34a8e0;border-radius:16px;box-shadow:0 1px 3px #0000001a;max-width:200px;word-break:break-word}.status-historie-text{font-size:13px;color:#333;font-weight:500}.status-historie-date{font-size:11px;color:#999;margin-top:2px}.status-historie-date-info{display:flex;flex-direction:column;gap:2px;font-size:11px;margin-top:2px}.status-historie-date-created{color:#999}.status-historie-date-edited{color:#ff9800;font-weight:600;font-size:10px}.status-historie-btn-more{padding:8px 12px;background-color:#e8e8e8;color:#333;border:1px solid #d0d0d0;border-radius:16px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;white-space:nowrap}.status-historie-btn-more:hover{background-color:#d0d0d0;border-color:#999}.status-historie-btn-less{padding:6px 10px;background-color:transparent;color:#34a8e0;border:1px solid #34a8e0;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;width:100%;margin-top:4px}.status-historie-btn-less:hover{background-color:#f0f7fc}.status-historie-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:400px;display:flex;flex-direction:column;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.status-historie-dropdown-header{padding:12px;border-bottom:1px solid #e0e0e0;font-weight:700;font-size:13px;color:#333;background-color:#f9f9f9;border-radius:6px 6px 0 0}.status-historie-dropdown-content{flex:1;overflow-y:auto;padding:8px}.status-historie-dropdown-empty{padding:16px;text-align:center;color:#999;font-style:italic;font-size:13px}.status-historie-dropdown-item{padding:10px;margin-bottom:8px;background-color:#f9f9f9;border:1px solid #e8e8e8;border-radius:4px;transition:all .2s ease}.status-historie-dropdown-item:hover{background-color:#f0f7fc;border-color:#34a8e0}.status-historie-dropdown-item:last-child{margin-bottom:0}.status-historie-dropdown-item.editing{background-color:#fff3e0;border-color:#ff9800}.status-historie-dropdown-text{font-size:13px;color:#333;margin-bottom:4px;font-weight:500}.status-historie-dropdown-date{font-size:11px;color:#999}.status-historie-dropdown-date-info{display:flex;flex-direction:column;gap:2px;font-size:11px;margin-bottom:8px}.status-historie-dropdown-date-created{color:#999}.status-historie-dropdown-date-edited{color:#ff9800;font-weight:600;font-size:10px}.status-historie-action-buttons{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #e0e0e0}.status-historie-btn-edit,.status-historie-btn-delete,.status-historie-btn-save,.status-historie-btn-cancel{flex:1;padding:6px 8px;border:1px solid #d0d0d0;border-radius:4px;background-color:#fff;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.status-historie-btn-edit{border-color:#34a8e0;color:#34a8e0}.status-historie-btn-edit:hover{background-color:#e3f2fd;border-color:#2a94c4}.status-historie-btn-delete{border-color:#f44336;color:#f44336}.status-historie-btn-delete:hover{background-color:#ffebee;border-color:#d32f2f}.status-historie-btn-save{border-color:#4caf50;color:#4caf50;background-color:#f1f8e9}.status-historie-btn-save:hover{background-color:#c8e6c9;border-color:#388e3c}.status-historie-btn-cancel{border-color:#999;color:#999}.status-historie-btn-cancel:hover{background-color:#f5f5f5;border-color:#666}.status-historie-edit-inline{display:flex;gap:6px;align-items:stretch}.status-historie-edit-input{flex:1;padding:6px 10px;border:1px solid #ff9800;border-radius:4px;font-size:13px;font-family:inherit;background-color:#fffbf0}.status-historie-edit-input:focus{outline:none;border-color:#f57c00;box-shadow:0 0 0 2px #ff98001a}.status-historie-dropdown-content::-webkit-scrollbar{width:6px}.status-historie-dropdown-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.status-historie-dropdown-content::-webkit-scrollbar-thumb{background:#999;border-radius:3px}.status-historie-dropdown-content::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 768px){.status-historie-cell{min-height:100px}.status-historie-bubble{max-width:150px;font-size:12px}.status-historie-dropdown{max-height:300px;left:-50%;right:auto;width:300px}}.copy-client-popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.copy-client-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;width:600px;max-width:90%;max-height:90vh;display:flex;flex-direction:column}.popup-header{padding:16px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.popup-header h3{margin:0;font-size:1.2rem;color:#333}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.close-btn:hover{color:#333}.popup-content{padding:20px;overflow-y:auto;flex:1}.mode-selection{display:flex;gap:15px;margin-bottom:20px}.mode-option{flex:1;display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s}.mode-option:hover{background-color:#f9f9f9}.mode-option.active{border-color:#007bff;background-color:#e7f1ff}.mode-info{display:flex;flex-direction:column}.mode-title{font-weight:700;margin-bottom:4px}.mode-desc{font-size:.85rem;color:#666}.datenbasis-selection{margin-bottom:20px}.datenbasis-selection label{display:block;margin-bottom:8px;font-weight:700}.datenbasis-select{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.fields-selection h4{margin-top:0;margin-bottom:10px}.fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;max-height:300px;overflow-y:auto;border:1px solid #eee;padding:10px;border-radius:4px}.field-checkbox{display:flex;align-items:flex-start;gap:8px;padding:6px;border-radius:4px;cursor:pointer}.field-checkbox:hover{background-color:#f5f5f5}.field-info{display:flex;flex-direction:column;overflow:hidden}.field-name{font-weight:600;font-size:.9rem}.field-value{font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-footer{padding:16px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.btn-cancel{padding:8px 16px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer}.btn-confirm{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-confirm:disabled{background-color:#ccc;cursor:not-allowed}.btn-confirm:not(:disabled):hover{background-color:#0056b3}