body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{text-align:left}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#ef4444}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:2rem}.mk-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000a}.mk-card+.mk-card{margin-top:0}.mk-list-item{align-items:center;border:1px solid #eee;border-radius:12px;display:flex;justify-content:space-between;padding:12px;transition:background .15s ease-in-out}.mk-list-item:hover{background:#f9fafb}.mk-stat{align-items:center;display:flex;gap:12px;padding:16px}.mk-stat .mk-stat-icon{background:#fff1f0;border-radius:12px;color:#cf1322;font-weight:700;min-width:36px;padding:8px;text-align:center}.mk-stat .mk-stat-value{font-size:22px;font-weight:600}.mk-stat .mk-stat-label{color:#6b7280;font-size:12px}.mk-stat .mk-stat-hint{color:#9ca3af;font-size:11px;margin-top:4px}.topbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-bottom:1px solid #eee;position:-webkit-sticky;position:sticky;top:0;z-index:30}.kpi-grid{grid-gap:12px;display:grid;gap:12px}.quick-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.left-duo-grid,.workbench-grid{grid-gap:16px;display:grid;gap:16px}@media (min-width:640px){.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.left-duo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.workbench-grid{grid-template-columns:2fr 1fr}}.tab-switch{border:1px solid #eee;border-radius:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px;overflow:hidden}.tab-switch button{background:#fff;border:none;cursor:pointer;font-weight:500;padding:8px}.tab-switch button.tab-active{background:#f3f4f6}.dashboard-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:3rem;padding:2rem;text-align:center}.dashboard-title{color:#991b1b;font-size:3rem;font-weight:700;margin:0}.dashboard-subtitle{color:#64748b;font-size:1.2rem;font-weight:400;margin:.5rem 0 0}.dashboard-main{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.dashboard-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.dashboard-section:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.section-title{border-bottom:2px solid #dc2626;color:#991b1b;font-size:1.5rem;margin:0 0 1.5rem}.section-content{display:flex;flex-direction:column;gap:1rem}.dashboard-button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:none;transition:all .3s ease}.dashboard-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.dashboard-button:hover:before{left:100%}.dashboard-button.primary{background:#dc2626;box-shadow:0 4px 15px #dc262633;color:#fff}.dashboard-button.primary:hover{background:#b91c1c;box-shadow:0 6px 20px #dc26264d;transform:translateY(-2px)}.dashboard-button.primary:active{transform:translateY(0)}.dashboard-button.secondary{background:#fff;border:2px solid #dc2626;box-shadow:0 4px 15px #0000000d;color:#dc2626}.dashboard-button.secondary:hover{background:#fef2f2;border-color:#b91c1c;box-shadow:0 6px 20px #dc262626;color:#b91c1c;transform:translateY(-2px)}.dashboard-button.secondary:active{transform:translateY(0)}@media (max-width:768px){.dashboard{padding:1rem}.dashboard-header{padding:1.5rem}.dashboard-title{font-size:2.5rem}.dashboard-subtitle{font-size:1rem}.dashboard-main{gap:1.5rem;grid-template-columns:1fr}.dashboard-section{padding:1.5rem}.section-title{font-size:1.3rem}.dashboard-button{font-size:.95rem;padding:.875rem 1.25rem}}@media (max-width:480px){.dashboard{padding:.5rem}.dashboard-header{padding:1rem}.dashboard-title{font-size:2rem}.dashboard-section{padding:1rem}.dashboard-button{font-size:.9rem;padding:.75rem 1rem}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-small{max-width:400px;width:90%}.modal-medium{max-width:600px;width:90%}.modal-large{max-width:900px;width:90%}.modal-xlarge{max-width:1400px;width:95%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-title{color:#991b1b;font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:#f1f5f9;color:#334155}.modal-body{flex:1 1;overflow-y:auto;padding:2rem}@media (max-width:768px){.modal-content{margin:1rem;width:95%}.modal-header{padding:1rem 1.5rem}.modal-title{font-size:1.25rem}.modal-body{padding:1.5rem}}.customer-selection{display:flex;flex-direction:column;gap:1.5rem;max-height:500px}.search-section{display:flex;flex-direction:column;gap:.5rem}.search-label{color:#374151;font-size:.95rem;font-weight:600}.search-input{border:2px solid #e2e8f0}.customers-list{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;max-height:300px;overflow-y:auto}.customer-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.customer-item:last-child{border-bottom:none}.customer-item:hover{background:#f8fafc}.customer-item.selected{background:#fef2f2;border-color:#dc2626}.customer-info{flex:1 1}.customer-name{color:#991b1b;font-weight:600;margin-bottom:.25rem}.customer-code{font-size:.875rem}.customer-select-indicator{color:#dc2626;font-size:1.25rem;font-weight:700;text-align:center;width:24px}.no-results{color:#64748b}.selection-actions{justify-content:flex-end}.btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;padding:.75rem 1.5rem}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e0}.pricelist-selection{display:flex;flex-direction:column;gap:2rem;max-height:600px}.customer-info-banner{background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;padding:1rem 1.5rem}.customer-info-banner h3{color:#991b1b;font-size:1.1rem;margin:0}.customer-code{color:#64748b;font-size:.9rem;margin-left:.5rem}.pricelist-sections{display:flex;flex:1 1;flex-direction:column;gap:2rem;overflow-y:auto}.pricelist-section{display:flex;flex-direction:column;gap:1rem}.section-title{border-bottom:2px solid #e2e8f0;color:#374151;font-size:1.2rem;margin:0}.pricelist-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.pricelist-card{border:2px solid #e2e8f0;border-radius:12px}.pricelist-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.pricelist-card.selected{box-shadow:0 4px 12px #dc262626}.pricelist-name{color:#991b1b;line-height:1.3}.pricelist-type-badge{border-radius:12px;letter-spacing:.025em}.pricelist-type-badge.customer{background:#ecfdf5;color:#059669}.pricelist-details{display:flex;flex-direction:column;gap:.5rem}.detail-label{color:#64748b}.pricelist-actions{justify-content:flex-end}.btn-preview{background:#fff;border:1px solid #dc2626;border-radius:6px;color:#dc2626;font-weight:600}.btn-preview:hover{background:#dc2626;color:#fff}.selected-indicator{background:#dc2626;box-shadow:0 2px 8px #dc26264d;font-size:.875rem;height:24px;right:-8px;top:-8px;width:24px}.selection-actions{border-top:1px solid #e2e8f0;padding-top:1rem}.btn-back{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-back:hover{background:#f8fafc;border-color:#cbd5e0}.btn-proceed{border:none;border-radius:8px;padding:.75rem 1.5rem}.btn-proceed:hover:not(:disabled){transform:translateY(-1px)}.btn-proceed:disabled{background:#cbd5e0;transform:none}.preview-modal-backdrop{background:#00000080;height:100vh;width:100vw;z-index:1001}.preview-modal{border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-width:500px;width:90%}.preview-header{border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.preview-header h3{color:#991b1b}.preview-close{align-items:center;border-radius:6px;color:#64748b;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.preview-close:hover{background:#f1f5f9;color:#334155}.preview-content{padding:2rem}.preview-details{display:flex;flex-direction:column;gap:.75rem}.preview-detail{color:#374151;gap:.5rem}.preview-sample-data h4{color:#374151;font-size:1rem}.sample-table{border:1px solid #e2e8f0;border-radius:8px}.sample-row{border-bottom:1px solid #f1f5f9;padding:.75rem}.sample-row:not(.header){color:#64748b;font-size:.875rem}@media (max-width:768px){.pricelist-grid{grid-template-columns:1fr}.selection-actions{flex-direction:column}.preview-modal{margin:1rem;width:95%}.preview-header{padding:1rem 1.5rem}.preview-content{padding:1.5rem}.sample-row{gap:.25rem;grid-template-columns:1fr}}.customer-pricelist-selection{display:flex;flex-direction:column;height:100%;max-height:70vh}.pricelists-list{border:1px solid #e5e7eb;border-radius:.5rem;flex:1 1;max-height:400px;overflow-y:auto}.pricelist-item{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.pricelist-item:hover{background-color:#f9fafb}.pricelist-item:last-child{border-bottom:none}.pricelist-header{align-items:center}.cancel-btn,.continue-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.pricelists-list::-webkit-scrollbar{width:8px}.pricelists-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.pricelists-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pricelists-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.pricelist-meta{gap:.5rem}.dialog-actions,.pricelist-meta{flex-direction:column}.cancel-btn,.continue-btn{width:100%}}.status-badge{margin-left:.5rem}.master-pricelist-selection{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.header-banner{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:.75rem;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.header-banner h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.header-banner p{font-size:1rem;margin:0;opacity:.9}.pricelist-section,.pricelist-sections{margin-bottom:2rem}.section-title{color:#1f2937;font-size:1.25rem;margin-bottom:1.5rem}.no-pricelists{background:#f9fafb;border:2px dashed #d1d5db;border-radius:.75rem;color:#6b7280;padding:3rem 2rem;text-align:center}.no-pricelists p{font-size:1rem;margin:.5rem 0}.no-pricelists p:first-child{color:#374151;font-weight:600}.pricelist-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.pricelist-card{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:1.5rem;position:relative;transition:all .2s ease}.pricelist-card:hover{border-color:#dc2626;box-shadow:0 4px 12px #dc262626;transform:translateY(-2px)}.pricelist-card.selected{background:#fef2f2;border-color:#dc2626;box-shadow:0 4px 12px #dc262633}.pricelist-header{gap:1rem;margin-bottom:1rem}.pricelist-name{color:#1f2937;flex:1 1;font-size:1.125rem;line-height:1.4}.pricelist-type-badge{border-radius:9999px;flex-shrink:0;padding:.25rem .75rem}.pricelist-type-badge.master{background:#fee2e2}.pricelist-details{margin-bottom:1rem}.detail-item{align-items:center;border-bottom:1px solid #f3f4f6;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-label,.detail-value{font-size:.875rem}.detail-value{color:#1f2937;font-weight:600}.status-active{background:#d1fae5;color:#059669}.status-active,.status-draft{border-radius:.375rem;font-size:.75rem;padding:.125rem .5rem}.status-draft{background:#fef3c7;color:#92400e}.draft-badge-small{background:#fef3c7!important;border:1px solid #fcd34d!important;color:#92400e!important}.pricelist-actions{display:flex;gap:.75rem}.btn-preview{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-preview:hover{background:#e5e7eb;border-color:#9ca3af}.selected-indicator{align-items:center;background:#059669;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:1rem;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:2rem}.selection-actions{border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding-top:2rem}.btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.btn-cancel:hover{background:#e5e7eb;border-color:#9ca3af}.btn-proceed{background:#dc2626;border:1px solid #dc2626;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.btn-proceed:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;box-shadow:0 4px 12px #b91c1c66}.btn-proceed:disabled{background:#d1d5db;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.preview-modal-backdrop{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.preview-modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.preview-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.preview-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.preview-close{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:color .2s ease}.preview-close:hover{color:#374151}.preview-content{max-height:calc(80vh - 120px);overflow-y:auto;padding:1.5rem}.preview-details{margin-bottom:2rem}.preview-detail{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.preview-detail:last-child{border-bottom:none}.preview-sample-data h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.sample-table{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.sample-row{grid-gap:1rem;border-bottom:1px solid #f3f4f6;display:grid;gap:1rem;grid-template-columns:1fr 2fr 1fr;padding:.75rem 1rem}.sample-row:last-child{border-bottom:none}.sample-row.header{background:#f8fafc;color:#374151;font-weight:600}.preview-actions{background:#f8fafc;border-radius:.5rem;border-top:1px solid #e5e7eb;margin-top:2rem;padding:1.5rem}.preview-actions p{color:#4b5563;font-size:.9rem;line-height:1.6;margin:0}@media (max-width:768px){.master-pricelist-selection{padding:1rem}.header-banner{padding:1.5rem}.pricelist-grid{gap:1rem;grid-template-columns:1fr}.pricelist-card{padding:1rem}.selection-actions{flex-direction:column}.btn-cancel,.btn-proceed{text-align:center;width:100%}.preview-modal-backdrop{padding:1rem}.sample-row{gap:.5rem;grid-template-columns:1fr}}.master-pricelist-import-dialog{display:flex;flex-direction:column;height:100%;max-height:70vh}.import-dialog-content{flex:1 1;padding:1rem 0}.import-dialog-content h3{color:#111827;font-size:1.25rem;margin-bottom:1rem}.import-dialog-content>p{color:#6b7280;font-size:1rem;line-height:1.5;margin-bottom:2rem}.import-options{display:flex;flex-direction:column;gap:1.5rem}.import-option{background:#fafafa;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.import-option:hover{background:#f8fafc;border-color:#dc2626;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.import-option h4{align-items:center;color:#111827;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .5rem}.import-option p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.option-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.option-btn.primary{background-color:#dc2626;border:1px solid #dc2626;color:#fff}.option-btn.primary:hover{background-color:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}.option-btn.secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.option-btn.secondary:hover{background-color:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.dialog-actions{justify-content:flex-end}.cancel-btn{border-radius:.5rem;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}@media (max-width:768px){.import-options{gap:1rem}.import-option{padding:1rem}.option-btn{font-size:.9rem;padding:.625rem 1rem}.dialog-actions{flex-direction:column}.cancel-btn{width:100%}}.all-pricelist-selection{display:flex;flex-direction:column;height:100%;max-height:80vh}.selection-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.search-section{margin-bottom:1.5rem}.search-section label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.search-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.pricelists-sections{display:flex;flex:1 1;flex-direction:column;gap:2rem;overflow-y:auto}.pricelist-section{flex-shrink:0}.section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#111827;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.pricelists-list{display:flex;flex-direction:column;gap:.75rem}.pricelist-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.pricelist-item:hover{background:#f8fafc;border-color:#dc2626;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pricelist-item.selected{background-color:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.pricelist-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.pricelist-main-info{display:flex;flex-direction:column;gap:.25rem}.pricelist-name{color:#111827;font-size:1.1rem;font-weight:600}.customer-name{color:#6b7280}.pricelist-type-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:.25rem;padding:.25rem .5rem;text-transform:uppercase}.pricelist-type-badge.master{background-color:#fee2e2;color:#991b1b}.pricelist-type-badge.customer{background-color:#f3e8ff;color:#7c3aed}.selected-indicator{color:#dc2626;font-size:1.2rem;font-weight:700}.pricelist-details{margin-top:.5rem}.pricelist-meta{display:flex;flex-wrap:wrap;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.125rem}.detail-label{color:#6b7280;font-size:.8rem;font-weight:500}.detail-value{color:#374151;font-size:.9rem}.no-results{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.dialog-actions{flex-shrink:0;margin-top:1.5rem}.pricelists-sections::-webkit-scrollbar{width:8px}.pricelists-sections::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.pricelists-sections::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pricelists-sections::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.pricelist-meta{gap:.5rem}.dialog-actions,.pricelist-meta{flex-direction:column}.back-btn,.cancel-btn,.continue-btn{width:100%}}.status-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-left:.4rem;padding:.15rem .5rem}.status-badge.draft{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.status-badge.active{background:#dcfce7;border:1px solid #86efac;color:#14532d}.master-pricelist-name-input{display:flex;flex-direction:column;height:100%;max-height:70vh}.name-input-content{flex:1 1;padding:1rem 0}.name-input-content h3{color:#111827;font-size:1.25rem;margin-bottom:1rem}.name-input-content>p{color:#6b7280;font-size:1rem;line-height:1.5;margin-bottom:2rem}.input-section{margin-bottom:2rem}.input-section label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.name-input{border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.875rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.name-input:focus{box-shadow:0 0 0 3px #dc26261a;outline:none}.name-input.error,.name-input:focus{border-color:#dc2626}.name-input.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message{color:#dc2626;font-size:.9rem;font-weight:500;margin-top:.5rem}.input-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.input-info h4{align-items:center;color:#374151;display:flex;font-size:1rem;gap:.5rem;margin:0 0 .75rem}.input-info ul{color:#6b7280;margin:0;padding-left:1.25rem}.input-info li{font-size:.9rem;margin-bottom:.25rem}.dialog-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:1rem}.back-btn,.cancel-btn,.continue-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.back-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.continue-btn{background-color:#dc2626;border:1px solid #dc2626;color:#fff}.continue-btn:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}.continue-btn:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.dialog-actions{flex-direction:column}.back-btn,.cancel-btn,.continue-btn{width:100%}.name-input{font-size:16px}}.master-pricelist-creator{background:#fff;display:flex;flex-direction:column;height:100vh}.creator-header{align-items:flex-start;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.creator-info h2{color:#111827;font-size:1.5rem;margin:0 0 .5rem}.creator-info p{color:#6b7280;font-size:1rem;margin:0 0 1rem}.status-info{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.article-count,.selected-count{background:#fef2f2;color:#991b1b;font-size:.875rem;font-weight:600}.article-count,.selected-count,.status-indicator{border-radius:.5rem;padding:.25rem .75rem}.status-indicator.has-changes{background:#fef3c7;color:#d97706}.status-indicator.no-changes{background:#f0f9f0;color:#15803d}.creator-actions{display:flex;gap:1rem}.cancel-btn,.intermediate-save-btn,.save-btn{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.intermediate-save-btn{background-color:#f0f9ff;border:1px solid #7dd3fc;color:#0369a1}.intermediate-save-btn:hover:not(:disabled){background-color:#e0f2fe;border-color:#38bdf8;transform:translateY(-1px)}.intermediate-save-btn:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.intermediate-success{background:#f0fdf4;border:1px solid #86efac;border-radius:.5rem;color:#15803d;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.save-btn{background-color:#10b981;border:1px solid #10b981}.save-btn:hover:not(:disabled){background-color:#059669;border-color:#059669;transform:translateY(-1px)}.save-btn:disabled{background-color:#9ca3af;border-color:#9ca3af}.cancel-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.creator-content{display:flex;flex:1 1;overflow:hidden}.left-panel,.right-panel{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;transition:all .3s ease}.left-panel{min-width:300px;width:40%}.left-panel.collapsed{min-width:60px;width:60px}.right-panel{border-right:none;flex:1 1}.right-panel.collapsed{min-width:60px;width:60px}.panel-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:relative;z-index:10}.collapsed .panel-header{justify-content:center;padding:1rem .5rem}.collapsed .panel-header h3{display:none}.panel-header h3{color:#111827;font-size:1.125rem;gap:.5rem;margin:0}.collapse-btn,.panel-header h3{align-items:center;display:flex}.collapse-btn{background:#e5e7eb;border:none;border-radius:.25rem;cursor:pointer;flex-shrink:0;font-weight:700;height:2rem;justify-content:center;position:relative;transition:background-color .2s ease;width:2rem;z-index:20}.collapse-btn:hover{background:#d1d5db}.collapsed .collapse-btn{background:#dc2626;color:#fff}.collapsed .collapse-btn:hover{background:#b91c1c}.panel-content{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.panel-content,.right-panel .panel-content{overflow:hidden}.right-panel{min-width:0}.group-actions{background:#fafafa;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;padding:1rem}.deselect-all-btn,.select-all-btn{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s ease}.deselect-all-btn:hover,.select-all-btn:hover{background:#f3f4f6;border-color:#9ca3af}.product-groups-list{flex:1 1;overflow-y:auto;padding:1rem}.product-group-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;transition:all .2s ease}.product-group-item:hover{border-color:#dc2626;box-shadow:0 2px 4px #0000001a}.product-group-item.selected{background:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.group-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:.75rem;padding:1rem;width:100%}.group-checkbox input[type=checkbox]{cursor:pointer;height:1.125rem;margin-top:.125rem;width:1.125rem}.group-info{flex:1 1}.group-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.group-header h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.article-count-badge{background:#fee2e2;border-radius:.25rem;color:#991b1b;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.group-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0 0 .5rem}.group-meta{display:flex;flex-direction:column;gap:.25rem}.category-path,.last-modified{color:#9ca3af;font-size:.75rem}.category-path{font-weight:500}.tree-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.tree-placeholder p{font-size:1rem;line-height:1.5;margin:.5rem 0}.product-groups-list::-webkit-scrollbar{width:8px}.product-groups-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.product-groups-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.product-groups-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1024px){.creator-header{flex-direction:column;gap:1rem}.creator-actions{justify-content:flex-end;width:100%}.status-info{gap:1rem}}@media (max-width:768px){.creator-content{flex-direction:column}.left-panel,.right-panel{min-width:0;min-width:auto;width:100%}.left-panel{max-height:50vh}.left-panel.collapsed,.right-panel.collapsed{height:auto;min-height:60px;min-width:0;min-width:auto;width:100%}.creator-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.pricelist-tree-view-fullscreen{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.pricelist-tree-view-embedded,.pricelist-tree-view-fullscreen{background:#fff;display:flex;flex-direction:column;overflow:hidden}.pricelist-tree-view-embedded{height:100%;min-height:0;min-width:0;position:relative;width:100%}.tree-header{align-items:flex-start;background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;min-height:-webkit-fit-content;min-height:fit-content;padding:1rem 2rem}.tree-info{display:flex;flex-direction:column;gap:.25rem}.tree-info h2{color:#991b1b;font-size:1.5rem;margin:0}.tree-info p{color:#64748b;font-size:.95rem;margin:0}.tree-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;max-width:60%;min-width:400px}.status-indicator{font-size:.875rem;font-weight:600;padding:.25rem 0}.status-indicator.no-changes{color:#059669}.status-indicator.has-changes{color:#dc2626}.status-indicator.needs-approval{color:#d97706}.action-btn{background:#fff;border:1px solid #dc2626;color:#dc2626;flex-shrink:0;font-size:.875rem;font-weight:600;min-width:-webkit-max-content;min-width:max-content;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.action-btn:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.save-btn{background:#059669;border:1px solid #059669;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;min-width:-webkit-max-content;min-width:max-content;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.save-btn:hover{background:#047857;border-color:#047857;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.save-error{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626}.save-error,.save-success{font-size:.875rem;padding:.5rem}.save-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#059669;font-weight:600}.info-message{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;color:#1d4ed8;font-size:.8rem;line-height:1.4;max-width:240px;padding:.4rem .6rem;white-space:normal}.draft-badge{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#92400e}.active-badge,.draft-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.2rem .6rem}.active-badge{background:#dcfce7;border:1px solid #86efac;border-radius:4px;color:#14532d}.finalize-btn{background:#1d4ed8;border:1px solid #1d4ed8;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;min-width:-webkit-max-content;min-width:max-content;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.finalize-btn:hover{background:#1e40af;border-color:#1e40af;transform:translateY(-1px)}.finalize-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.approval-btn{background:#d97706;border:1px solid #d97706;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;min-width:-webkit-max-content;min-width:max-content;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.approval-btn:hover{background:#b45309;border-color:#b45309;transform:translateY(-1px)}.approval-btn.highlighted{animation:pulse 2s infinite;background:#dc2626;border-color:#dc2626}.approval-btn.highlighted:hover{background:#b91c1c;border-color:#b91c1c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.close-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;min-width:-webkit-max-content;min-width:max-content;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.close-btn:hover{background:#f8fafc;border-color:#cbd5e0}.tree-controls{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:flex-start;padding:1rem 2rem}.search-section{max-width:300px}.search-input{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s ease}.tree-container{background:#fff;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative}.top-scrollbar-container{background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-bottom:2px solid #dc2626;display:flex;flex-shrink:0;padding:4px 0}.top-scrollbar-spacer{align-items:center;background:#f8fafc;border-right:2px solid #dc2626;color:#64748b;display:flex;flex-shrink:0;font-size:.75rem;justify-content:center}.top-scrollbar{background:#e2e8f0;border-radius:9px;flex:1 1;height:18px;margin:0 8px;overflow-x:scroll;overflow-y:hidden}.top-scrollbar-content{height:1px}.top-scrollbar::-webkit-scrollbar{height:18px}.top-scrollbar::-webkit-scrollbar-track{background:#cbd5e1;border-radius:9px}.top-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#dc2626,#991b1b);border:3px solid #cbd5e1;border-radius:9px;min-width:60px}.top-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ef4444,#b91c1c)}.top-scrollbar::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#b91c1c,#7f1d1d)}.tree-content-wrapper{box-sizing:border-box;flex:1 1;min-height:0;min-width:0;overflow-x:scroll;overflow-y:auto}.tree-content-wrapper::-webkit-scrollbar:horizontal{display:none;height:0}.tree-header-row{background:#f8fafc;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 4px -2px #0f172a1a;box-sizing:border-box;display:flex;min-width:-webkit-max-content;min-width:max-content;position:-webkit-sticky;position:sticky;top:0;z-index:100}.base-headers{display:flex}.base-headers,.name-header{background:#f8fafc;border-right:2px solid #dc2626;flex-shrink:0}.name-header{align-self:stretch;left:0;position:-webkit-sticky;position:sticky;z-index:101}.name-header-cell{min-width:250px}.customer-headers{display:flex;min-width:-webkit-max-content;min-width:max-content}.customer-header-group{border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.customer-header-row{background:#fee2e2;border-bottom:1px solid #dc2626;display:flex}.customer-subheader{align-items:center;background:#fee2e2;border-right:1px solid #fecaca;color:#991b1b;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;padding:.75rem;text-align:center;transition:background-color .2s ease}.customer-subheader:hover{background:#fecaca}.customer-subheader:last-child{border-right:none}.column-header-row{display:flex}.customer-header.collapsed-header{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#64748b;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;min-height:100px;padding:1rem;transition:background-color .2s ease}.customer-header.collapsed-header:hover{background:#e2e8f0}.customer-header{align-items:center;background:#fee2e2;border-bottom:1px solid #dc2626;color:#991b1b;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;min-width:200px;padding:1rem;transition:background-color .2s ease}.customer-header:hover{background:#fecaca}.customer-header.collapsed{background:#f1f5f9;color:#64748b}.customer-name{font-size:.9rem}.expand-indicator{font-size:1.1rem;font-weight:700}.column-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;box-sizing:border-box;color:#374151;display:flex;font-size:.8rem;font-weight:600;justify-content:center;min-height:50px;padding:.75rem;text-align:center}.tree-body{background:#fff}.tree-row{align-items:center;border-bottom:1px solid #f1f5f9;box-sizing:border-box;display:flex;min-height:40px;min-width:-webkit-max-content;min-width:max-content;transition:background-color .2s ease}.tree-row:hover{background:#f8fafc}.tree-row.obergruppe{background:#f0f9ff;font-weight:600}.tree-row.untergruppe{background:#fefefe;font-weight:500}.tree-row.artikel{background:#fafafa}.tree-row.aufmachung{background:#fff;font-size:.875rem}.tree-row.has-changes{background:#fee2e2!important;border-left:3px solid #dc2626}.tree-row.has-changes:hover{background:#fecaca!important}.tree-cell{align-items:center;border-right:1px solid #f1f5f9;box-sizing:border-box;display:flex;font-size:.85rem;overflow:hidden;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.tree-cell:last-child{border-right:none}.name-cell{background:#fff;border-right:2px solid #dc2626;flex-shrink:0;left:0;min-width:250px;overflow:visible;position:-webkit-sticky;position:sticky;z-index:10}.tree-node-content{align-items:center;display:flex;gap:.5rem;width:100%}.expand-controls{align-items:center;display:flex;gap:.25rem}.expand-button{align-items:center;background:#fff;border:1px solid #cbd5e0;border-radius:3px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:18px;justify-content:center;transition:all .2s ease;width:18px}.expand-button:hover{border-color:#dc2626;color:#dc2626}.expand-all-button{background:#f8fafc;border:1px solid #cbd5e0;border-radius:4px;color:#475569;cursor:pointer;font-size:.65rem;padding:.1rem .4rem;transition:all .2s ease}.expand-all-button:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;color:#b91c1c}.expand-all-button:disabled{cursor:not-allowed;opacity:.4}.node-name{color:#374151;flex:1 1}.change-indicator{color:#f59e0b;flex-shrink:0;font-size:1rem;font-weight:700}.group-actions{flex-shrink:0;margin-left:auto}.percentage-group-input{background:#fef2f2;border:1px solid #dc2626;border-radius:4px;font-size:.7rem;padding:.2rem .4rem;text-align:center;width:50px}.percentage-group-input:focus{border-color:#b91c1c;box-shadow:0 0 0 2px #dc262633;outline:none}.empty-cell{color:#9ca3af;font-style:italic}.negative-value{color:#dc2626;font-weight:600}.editable-input{background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.8rem;padding:.25rem .4rem;text-align:center;transition:all .2s ease;width:90px}.editable-input:focus{background:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a;outline:none}.editable-input:hover{border-color:#cbd5e0}.filter-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-left:.75rem;padding:.25rem;transition:background-color .2s ease}.filter-btn:hover{background-color:#dc26261a}.column-filter-panel{background:#fff;border:1px solid #e2e8f0;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.filter-panel-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;display:flex;font-weight:600;justify-content:space-between;padding:.75rem 1rem}.close-filter-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;padding:0;width:24px}.close-filter-btn:hover{background-color:#64748b1a;color:#374151}.filter-options{display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.filter-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s ease}.filter-option:hover{background-color:#f8fafc}.filter-option input[type=checkbox]{cursor:pointer;margin:0}.filter-label{color:#374151;cursor:pointer;font-size:.875rem}.customer-header-group{position:relative}@media (max-width:1200px){.tree-header{align-items:flex-start;flex-direction:column;gap:1rem}.tree-actions{gap:1rem;justify-content:flex-start;max-width:none;min-width:auto;width:100%}.tree-controls{padding:1rem}}@media (max-width:768px){.tree-header{padding:1rem}.tree-actions{align-items:stretch;flex-direction:column;gap:.75rem;width:100%}.tree-actions>*{text-align:center;width:100%}.tree-controls{padding:.75rem}.tree-cell{font-size:.8rem;padding:.4rem}.name-cell{min-width:200px}.customer-header{min-width:150px;padding:.75rem}.column-header{font-size:.75rem;min-width:80px;padding:.5rem}.editable-input{font-size:.75rem;width:60px}.percentage-group-input{font-size:.65rem;width:40px}.filter-btn{font-size:.875rem;margin-left:.5rem}}.tree-content-wrapper::-webkit-scrollbar{height:14px;width:14px}.tree-content-wrapper::-webkit-scrollbar-track:vertical{background:#e2e8f0;border-left:1px solid #cbd5e1}.tree-content-wrapper::-webkit-scrollbar-track:horizontal{background:#e2e8f0;border-top:1px solid #cbd5e1}.tree-content-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border:3px solid #e2e8f0;border-radius:7px}.tree-content-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b}.tree-content-wrapper::-webkit-scrollbar-corner{background:#e2e8f0}.tree-row.level-0 .node-name{color:#991b1b;font-weight:700}.tree-row.level-1 .node-name{color:#7f1d1d;font-weight:600}.tree-row.level-2 .node-name{color:#991b1b;font-weight:500}.tree-row.level-3 .node-name{color:#374151;font-weight:400}.user-form-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.user-form-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:30px;text-align:center}.user-form-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 15px}.user-form-header p{color:#7f8c8d;font-size:16px;line-height:1.5;margin:0}.user-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:30px}.form-sections{display:flex;flex-direction:column;gap:30px}.form-section{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:25px}.form-section h3{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#495057;font-size:14px;font-weight:600}.form-group input,.form-group select{background:#fff;border:2px solid #e1e8ed;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.form-group input.error,.form-group select.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.error-text{color:#e74c3c;font-weight:500}.error-text,.form-hint{font-size:12px;margin-top:4px}.form-hint{color:#7f8c8d;line-height:1.4}.role-select{cursor:pointer}.role-description{background:#fee2e2;border-radius:8px;color:#2c3e50;font-size:14px;margin-top:10px;padding:12px}.role-permissions{margin-top:20px}.role-permissions h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 15px}.permissions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.permission-item{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;display:flex;font-size:14px;gap:10px;padding:12px;transition:all .3s ease}.permission-item.active{background:#d4edda;border-color:#27ae60;color:#155724;font-weight:600}.permission-icon{font-size:16px;text-align:center;width:20px}.password-edit-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:20px;padding:15px}.password-edit-notice p{color:#856404;font-size:14px;margin:0}.password-requirements{margin-top:20px}.password-requirements h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 12px}.password-requirements ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.password-requirements li{align-items:center;background:#f8f9fa;border-radius:6px;color:#6c757d;display:flex;font-size:14px;gap:10px;padding:8px 12px;transition:all .3s ease}.password-requirements li:before{content:"❌";font-size:12px}.password-requirements li.valid{background:#d4edda;color:#155724;font-weight:500}.password-requirements li.valid:before{content:"✅"}.form-actions{border-top:2px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:25px}.cancel-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:8px;box-shadow:0 2px 8px #27ae604d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 15px #27ae6066;transform:translateY(-2px)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.user-form-container{padding:15px}.user-form-header{padding:20px}.user-form-header h1{font-size:24px}.form-section,.user-form{padding:20px}.form-row{gap:15px}.form-row,.permissions-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{order:2;width:100%}.submit-btn{order:1}}@media (max-width:480px){.user-form-header h1{font-size:20px}.form-section h3{font-size:18px}.form-group input,.form-group select{font-size:16px}}.user-management{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.user-management-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.back-to-dashboard-btn{background:none;border:1px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px;padding:6px 14px;transition:all .2s ease}.back-to-dashboard-btn:hover{background:#dc2626;color:#fff}.header-info h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 10px}.header-info p{color:#7f8c8d;font-size:16px;line-height:1.5;margin:0}.create-user-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;box-shadow:0 2px 8px #dc26264d;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.create-user-btn:hover{box-shadow:0 4px 15px #dc262666;transform:translateY(-2px)}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.search-bar{margin-bottom:15px}.search-input{border:2px solid #e1e8ed;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none}.filter-controls{display:flex;flex-wrap:wrap;gap:15px}.filter-select{background:#fff;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 14px;transition:border-color .3s ease}.filter-select:focus{border-color:#dc2626;outline:none}.users-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-number{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:8px}.stat-label{color:#7f8c8d;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.users-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.no-users{color:#7f8c8d;font-size:16px;padding:60px 20px;text-align:center}.users-table{width:100%}.table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 2fr 1fr 1.5fr 1.5fr 1fr;padding:20px 25px}.table-row{align-items:center;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.table-row:hover{background-color:#f8f9fa}.table-row.inactive{background-color:#ffeaa7;opacity:.7}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:4px}.user-email{color:#7f8c8d;font-size:14px}.role-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:6px 12px;text-transform:uppercase}.role-admin{background:#e74c3c;color:#fff}.role-support{background:#f39c12;color:#fff}.role-kalkulation{background:#dc2626;color:#fff}.role-vertrieb{background:#27ae60;color:#fff}.role-default{background:#95a5a6;color:#fff}.role-description{color:#7f8c8d;font-size:12px;line-height:1.4}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.created-info{font-size:14px}.created-by{color:#7f8c8d;font-size:12px;margin-top:2px}.action-buttons{gap:8px}.action-btn,.action-buttons{display:flex;justify-content:center}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;font-size:16px;height:36px;transition:all .3s ease;width:36px}.edit-btn{background:#dc2626;color:#fff}.edit-btn:hover{background:#b91c1c;transform:scale(1.1)}.toggle-btn.activate{background:#27ae60;color:#fff}.toggle-btn.deactivate{background:#e67e22;color:#fff}.toggle-btn:hover{transform:scale(1.1)}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b;transform:scale(1.1)}@media (max-width:1200px){.table-header,.table-row{gap:15px;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 1fr;padding:15px 20px}}@media (max-width:768px){.user-management{padding:15px}.user-management-header{flex-direction:column;gap:20px;text-align:center}.header-info h1{font-size:24px}.table-header{display:none}.table-row{background:#f8f9fa;border-radius:8px;gap:15px;grid-template-columns:1fr;margin-bottom:15px;padding:20px}.td{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.td:last-child{border-bottom:none;justify-content:center}.td:before{color:#495057;content:attr(data-label);font-weight:600;min-width:120px}.filter-controls{flex-direction:column}.filter-select{width:100%}}
/*# sourceMappingURL=main.603d9b41.css.map*/