body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.m-4{margin:1rem}.text-white{color:#fff}.bg-blue-600{background-color:#2563eb}.bg-gray-100{background-color:#f3f4f6}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.transition{transition:all .2s ease-in-out}.cursor-pointer{cursor:pointer}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-blue-600{color:#2563eb}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.border{border:1px solid #e5e7eb}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.summary-section{margin-bottom:1.5rem}.summary-title{border-bottom:1px solid #e5e7eb;color:#111827;font-weight:500;margin-bottom:.5rem;padding-bottom:.5rem}.summary-content{font-size:.875rem}.summary-row{margin-bottom:.5rem}.summary-value{font-weight:500}.summary-total{font-size:1.125rem;font-weight:700}.save-options{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1.5rem}.save-options-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.save-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.save-options-grid{grid-template-columns:repeat(3,1fr)}}.save-option{align-items:center;border:2px solid;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .2s ease-in-out}.save-option-active{background-color:#eff6ff;border-color:#dbeafe}.save-option-active:hover{background-color:#dbeafe;border-color:#93c5fd}.save-option-disabled{background-color:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed;opacity:.5}.save-option-icon{color:#2563eb;height:2rem;margin-bottom:.5rem;width:2rem}.save-option-title{color:#111827;font-weight:500;margin-bottom:.25rem}.save-option-description{color:#6b7280;font-size:.875rem;text-align:center}.validation-warning{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;margin-top:1rem;padding:.75rem}.validation-warning-text{color:#92400e;font-size:.875rem}.success-info{background-color:#eff6ff;border:1px solid #93c5fd;border-radius:.5rem;padding:1rem}.success-info-content{align-items:flex-start;display:flex}.success-info-icon{color:#2563eb;flex-shrink:0;height:1.25rem;margin-right:.75rem;width:1.25rem}.success-info-title{color:#1e40af;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.success-info-list{color:#1d4ed8;font-size:.875rem;list-style:none;padding:0}.success-info-list li{margin-bottom:.25rem}.address-section{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.section-title{color:#111827;font-size:1.125rem;gap:.5rem;margin-bottom:1rem}.checkbox-input{margin-right:.5rem}.checkbox-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-option{border-radius:.5rem;padding:.75rem;transition:background-color .2s}.checkbox-option:hover{background-color:#f9fafb}.checkbox-label{font-size:.875rem;font-weight:500;margin-left:.5rem}.materials-list{gap:.75rem}.material-item{align-items:center;border:1px solid #d1d5db;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem}.material-input{flex:1 1}.material-quantity{width:6rem}.material-unit{width:5rem}.btn-remove{background:none;border:none;border-radius:.25rem;color:#dc2626;cursor:pointer;padding:.5rem;transition:background-color .2s}.btn-remove:hover{background-color:#fef2f2}.btn-add{align-items:center;background:none;border:1px solid #93c5fd;border-radius:.25rem;color:#3b82f6;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.btn-add:hover{background-color:#eff6ff}.form-textarea{border-radius:.375rem;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.input-with-icon svg{color:#9ca3af;height:1.25rem;top:50%;transform:translateY(-50%);width:1.25rem}.input-with-icon .form-input,.input-with-icon .form-select{padding-left:2.5rem}.calculation-summary{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.calculation-label{font-size:.875rem}.calculation-value{color:#111827;font-size:1.125rem;font-weight:700}.sidebar{background:#374151;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;max-width:400px;min-width:180px;transition:width .2s}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:2rem 1.5rem 1rem}.sidebar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.sidebar-nav{flex:1 1}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:.25rem 0}.nav-link{border-radius:0 25px 25px 0;color:#fffc;margin-right:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out}.nav-link:hover{background-color:#ffffff1a;color:#fff;transform:translateX(5px)}.nav-link.active{background-color:#fff3;box-shadow:0 2px 8px #0000001a;color:#fff;font-weight:600}.nav-link svg{flex-shrink:0;margin-right:.75rem}.nav-link span{font-size:.95rem;font-weight:500}.sidebar-footer{background-color:#0000001a;border-top:1px solid #ffffff1a;padding:1rem 1.5rem}.user-info{align-items:center;padding:.5rem 0}.user-avatar{align-items:center;background-color:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:.75rem;width:40px}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#ffffffb3;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.sidebar{height:auto;position:relative;width:100%}.sidebar-nav{padding:.5rem 0}.nav-link{margin-right:.5rem;padding:.5rem 1rem}.sidebar-footer,.sidebar-header{padding:1rem}}.sidebar-resizer{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background .15s;width:6px;z-index:10}.sidebar-resizer:hover{background:#fff3}.nav-link.admin-only{background-color:#ef44440d;border-left:3px solid #ef4444}.nav-link.admin-only:hover{background-color:#ef44441a}.nav-link.admin-only.active{background-color:#ef444426;border-left-color:#dc2626}.admin-badge{background-color:#ef4444;border-radius:.25rem;color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.025em;margin-left:auto;padding:.125rem .375rem;text-transform:uppercase}.auth-buttons{display:flex;flex-direction:column;gap:.5rem}.login-btn,.register-btn{background-color:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease-in-out}.login-btn:hover,.register-btn:hover{background-color:#fff3;transform:translateY(-1px)}.logout-btn{background-color:#ef44441a;border:1px solid #ef44444d;border-radius:.375rem;color:#ef4444;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.logout-btn:hover{background-color:#ef444433;border-color:#ef444480}.nav-list{display:flex;flex-direction:column;gap:0}.nav-item,.nav-link{width:100%}.nav-link{align-items:center;display:flex;justify-content:flex-start}.resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background .15s;width:6px;z-index:10}.resize-handle:hover{background:#ffffff1a}.performance-analytics-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 10px 25px #0000001a;color:#fff;display:flex;flex-direction:column;min-height:400px;padding:1.5rem;transition:all .3s ease}.performance-analytics-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-2px)}.card-subtitle{background:#7a0e0e33}.metrics-grid-compact{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.metric-card-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;padding:.75rem}.metric-header-compact{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.metric-header-compact h4{font-size:.75rem;font-weight:600;margin:0;opacity:.9}.trend-compact{font-size:.75rem;font-weight:700}.trend-compact.up{color:#10b981}.trend-compact.down{color:#ef4444}.trend-compact.stable{color:#f59e0b}.metric-value-compact{font-size:1.25rem;font-weight:700;margin:0}.trends-section-compact{display:flex;flex-direction:column;gap:1rem}.trend-chart-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1rem}.chart-title-compact{font-size:.875rem;font-weight:600;margin:0 0 .75rem;opacity:.9}.chart-bars-compact{display:flex;flex-direction:column;gap:.5rem}.chart-bar-compact{align-items:center;display:flex;gap:.5rem}.bar-label-compact{font-size:.625rem;font-weight:500;min-width:60px;opacity:.8}.bar-container-compact{background:#fff3;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.bar-fill-compact{border-radius:3px;height:100%;transition:width .3s ease}.bar-value-compact{font-size:.625rem;font-weight:600;min-width:35px;text-align:right}.insights-compact{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.insight-item-compact{align-items:center;display:flex;font-size:.75rem;gap:.5rem;opacity:.9}.insight-icon{font-size:.875rem}.insight-text{font-weight:500}@media (max-width:640px){.performance-analytics-card{min-height:350px;padding:1rem}.card-header h3{font-size:1.125rem}.card-subtitle{font-size:.625rem}.metrics-grid-compact{gap:.5rem;grid-template-columns:1fr}.metric-card-compact{padding:.5rem}.metric-header-compact h4{font-size:.625rem}.metric-value-compact{font-size:1rem}.trend-chart-compact{padding:.75rem}.chart-title-compact{font-size:.75rem}.bar-label-compact{font-size:.5rem;min-width:50px}.bar-value-compact{font-size:.5rem;min-width:30px}.insight-item-compact{font-size:.625rem}}@media (min-width:1024px){.metrics-grid-compact{grid-template-columns:repeat(4,1fr)}}.ai-insights-card{background:linear-gradient(135deg,#1e3a8a,#3730a3);border-radius:12px;box-shadow:0 10px 25px #0000001a;color:#fff;display:flex;flex-direction:column;min-height:500px;padding:1.5rem;transition:all .3s ease}.ai-insights-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #fff3}.card-header h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.card-subtitle{background:#dd353533;border-radius:.375rem;font-size:.75rem;opacity:.8;padding:.25rem .5rem}.card-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.insights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.insight-card:hover{background:#ffffff26;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.insight-card.high{border-left:4px solid #ef4444}.insight-card.medium{border-left:4px solid #f59e0b}.insight-card.low{border-left:4px solid #10b981}.insight-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.insight-icon{font-size:1.5rem;margin-right:.75rem}.insight-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.insight-category{font-size:.625rem;font-weight:600;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.insight-priority{font-size:.625rem;font-weight:500;opacity:.8}.insight-content{margin-bottom:1rem}.insight-title{color:#fff;font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.insight-description{color:#ffffffe6;font-size:.75rem;line-height:1.4;margin:0;opacity:.9}.insight-actions{display:flex;justify-content:flex-end}.insight-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.625rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.insight-action-btn:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px)}.insights-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;justify-content:space-around;margin-top:auto;padding:1rem}.summary-item{flex-direction:column;gap:.25rem}.summary-label{font-size:.625rem;letter-spacing:.05em;opacity:.8}.summary-value{color:#fff;font-size:1rem;font-weight:700}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:640px){.ai-insights-card{min-height:400px;padding:1rem}.card-header h3{font-size:1.125rem}.card-subtitle{font-size:.625rem}.insights-grid{gap:.75rem;grid-template-columns:1fr}.insight-card{padding:.75rem}.insight-title{font-size:.75rem}.insight-description{font-size:.625rem}.insight-action-btn{font-size:.5rem;padding:.25rem .5rem}.insights-summary{flex-direction:column;gap:.5rem;padding:.75rem}.summary-item{flex-direction:row;justify-content:space-between}.summary-label{font-size:.5rem}.summary-value{font-size:.875rem}}@media (min-width:1024px){.insights-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.insights-grid{grid-template-columns:repeat(2,1fr)}}.anomaly-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:1rem;padding:.75rem}.anomaly-details h5{color:#fbbf24;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.anomaly-item{background:#ffffff08;border-left:3px solid #ef4444;border-radius:6px;margin-bottom:.75rem;padding:.5rem}.anomaly-item:last-child{margin-bottom:0}.anomaly-header{justify-content:space-between;margin-bottom:.5rem}.anomaly-severity{color:#ef4444;font-size:.625rem}.anomaly-category{background:#fbbf241a;border-radius:.25rem;color:#fbbf24;font-size:.625rem;padding:.125rem .375rem}.anomaly-title{color:#fff;font-size:.75rem;margin:0 0 .25rem}.anomaly-description{color:#fffc;font-size:.625rem;margin:0 0 .5rem}.anomaly-meta{color:#fff9;display:flex;flex-wrap:wrap;font-size:.5rem;gap:.5rem}.anomaly-meta span{background:#ffffff1a;border-radius:.25rem;padding:.125rem .25rem}.anomaly-more{color:#fbbf24;font-size:.625rem;margin:.5rem 0 0}@media (max-width:640px){.anomaly-details{padding:.5rem}.anomaly-item{padding:.375rem}.anomaly-header{align-items:flex-start}.anomaly-header,.anomaly-meta{flex-direction:column;gap:.25rem}.anomaly-meta span{font-size:.5rem}}.trend-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:1rem;padding:.75rem}.trend-details h5{color:#60a5fa;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.trend-item{background:#ffffff08;border-left:3px solid #60a5fa;border-radius:6px;margin-bottom:.75rem;padding:.5rem}.trend-item:last-child{margin-bottom:0}.trend-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.trend-name{color:#fff;font-size:.75rem;font-weight:600;text-transform:capitalize}.trend-icon{font-size:.875rem;margin:0 .5rem}.trend-confidence{background:#60a5fa1a;border-radius:.25rem;color:#60a5fa;font-size:.625rem;font-weight:600;padding:.125rem .375rem}.trend-description{color:#fffc;font-size:.625rem;line-height:1.4;margin:0 0 .5rem}.trend-metrics{color:#fff9;display:flex;flex-wrap:wrap;font-size:.5rem;gap:.5rem}.trend-metrics span{background:#ffffff1a;border-radius:.25rem;padding:.125rem .25rem}@media (max-width:640px){.trend-details{padding:.5rem}.trend-item{padding:.375rem}.trend-header{align-items:flex-start}.trend-header,.trend-metrics{flex-direction:column;gap:.25rem}.trend-metrics span{font-size:.5rem}}.expand-icon{font-size:12px;margin-left:8px}.insight-content:hover .expand-icon{color:#3b82f6}.insight-content{transition:all .2s ease}.insight-content:hover{background-color:#3b82f60d;border-radius:8px;margin:-8px;padding:8px}.anomaly-details,.trend-details{animation:slideDown .3s ease;background-color:#fffc;border-left:4px solid #3b82f6;border-radius:8px;margin-top:16px;padding:16px}.anomaly-details h5,.trend-details h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.anomaly-item,.trend-item{background-color:#fff9;border:1px solid #3b82f633;border-radius:6px;margin-bottom:12px;padding:12px}.anomaly-header,.trend-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.anomaly-title,.trend-name{color:#374151;font-size:13px;font-weight:600}.trend-icon{font-size:16px}.trend-confidence{background-color:#3b82f6;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.anomaly-description,.trend-description{color:#6b7280;font-size:12px;margin:4px 0}.anomaly-meta,.trend-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.anomaly-meta span,.trend-metrics span{background-color:#3b82f61a;border-radius:4px;color:#1e40af;font-size:11px;font-weight:500;padding:2px 6px}.anomaly-severity{font-size:12px;font-weight:600}.anomaly-category{background-color:#ef4444;border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.anomaly-more{color:#6b7280;font-size:12px;font-style:italic;margin-top:8px;text-align:center}@media (max-width:640px){.anomaly-details,.trend-details{margin-top:12px;padding:12px}.anomaly-item,.trend-item{margin-bottom:8px;padding:8px}.anomaly-meta,.trend-metrics{flex-direction:column;gap:4px}.anomaly-meta span,.trend-metrics span{font-size:10px}}.optimization-details{animation:slideDown .3s ease;background-color:#fffc;border-left:4px solid #10b981;border-radius:8px;margin-top:16px;padding:16px}.optimization-details h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.optimization-item{background-color:#fff9;border:1px solid #10b98133;border-radius:6px;margin-bottom:16px;padding:12px}.optimization-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.optimization-category{background-color:#10b981}.optimization-category,.optimization-priority{border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.optimization-priority{background-color:#f59e0b}.optimization-priority.high{background-color:#ef4444}.optimization-priority.medium{background-color:#f59e0b}.optimization-priority.low{background-color:#10b981}.optimization-potential{background-color:#3b82f6;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.optimization-title{color:#374151;font-size:13px;font-weight:600;margin:4px 0}.optimization-description{color:#6b7280;font-size:12px;margin:4px 0}.optimization-apply-btn{background-color:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:6px;padding:6px 12px;transition:background-color .2s ease}.optimization-apply-btn:hover:not(:disabled){background-color:#047857}.optimization-apply-btn:disabled{cursor:default;opacity:.75}.optimization-metrics{margin:8px 0}.metric-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.metric-row span{background-color:#10b9811a;border-radius:4px;color:#065f46;font-size:11px;font-weight:500;padding:2px 6px}.optimization-recommendations{margin-top:8px}.optimization-recommendations h6{color:#374151;font-size:12px;font-weight:600;margin:0 0 4px}.optimization-recommendations ul{margin:0;padding-left:16px}.optimization-recommendations li{color:#6b7280;font-size:11px;margin-bottom:2px}.ai-insights-card--embedded{background:#0000;border:0;border-radius:0;box-shadow:none;color:#0f172a;min-height:auto;padding:0}.ai-insights-card--embedded:hover{box-shadow:none;transform:none}.ai-insights-card--embedded .card-header{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.ai-insights-card--embedded .card-subtitle{background:#eff6ff;color:#1d4ed8;font-weight:600;opacity:1}.ai-insights-card--embedded .insight-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a14}.ai-insights-card--embedded .insight-card:hover{background:#fff;box-shadow:0 4px 10px #0f172a1f}.ai-insights-card--embedded .insight-title{color:#0f172a}.ai-insights-card--embedded .insight-description{color:#475569}.ai-insights-card--embedded .insight-action-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.ai-insights-card--embedded .insight-action-btn:hover{background:#dbeafe;border-color:#93c5fd}.ai-insights-card--embedded .insight-content:hover{background-color:#f8fafc}.ai-insights-card--embedded .anomaly-details,.ai-insights-card--embedded .optimization-details,.ai-insights-card--embedded .trend-details{background-color:#f8fafc;border:1px solid #e2e8f0}.ai-insights-card--embedded .anomaly-item,.ai-insights-card--embedded .optimization-item,.ai-insights-card--embedded .trend-item{background-color:#fff}@media (max-width:640px){.optimization-details{margin-top:12px;padding:12px}.optimization-item{margin-bottom:12px;padding:8px}.optimization-header{align-items:flex-start}.metric-row,.optimization-header{flex-direction:column;gap:4px}.metric-row span{font-size:10px}}.dashboard-invoice-previews{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-bottom:24px}.invoice-preview-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a14;padding:16px}.invoice-preview-overdue{border-color:#fecaca}.invoice-preview-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.invoice-preview-header h3{color:#0f172a;font-size:16px;margin:0}.invoice-preview-header p{color:#64748b;font-size:13px;margin:4px 0 0}.invoice-preview-view-all{align-items:center;background:#0000;border:none;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:2px;padding:0;white-space:nowrap}.invoice-preview-view-all:hover{text-decoration:underline}.invoice-preview-empty{color:#94a3b8;font-size:14px;margin:0;padding:12px 0}.invoice-preview-table-wrap{overflow-x:auto}.invoice-preview-table{border-collapse:collapse;font-size:13px;width:100%}.invoice-preview-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600;padding:8px 10px;text-align:left;white-space:nowrap}.invoice-preview-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:10px;vertical-align:middle}.invoice-preview-table tbody tr:last-child td{border-bottom:none}.invoice-preview-table tbody tr.clickable{cursor:pointer}.invoice-preview-table tbody tr.clickable:hover{background:#f8fafc}.invoice-preview-customer{color:#0f172a;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-preview-amount{font-weight:600;white-space:nowrap}.invoice-preview-overdue .invoice-preview-amount{color:#b91c1c}.kpi-dashboard{background:#f8fafc;font-family:Inter,Arial,sans-serif;min-height:100vh;padding:2rem}.kpi-dashboard--embedded{background:#fff!important;border-radius:12px;color:#0f172a;min-height:auto;padding:0}.kpi-dashboard--embedded .chart-container h3,.kpi-dashboard--embedded .filter-group label,.kpi-dashboard--embedded .kpi-error h3,.kpi-dashboard--embedded .kpi-error p,.kpi-dashboard--embedded .kpi-header-content h1,.kpi-dashboard--embedded .kpi-header-content h2,.kpi-dashboard--embedded .kpi-header-content p,.kpi-dashboard--embedded .kpi-loading p,.kpi-dashboard--embedded .metric-label,.kpi-dashboard--embedded .metric-value,.kpi-dashboard--embedded .metrics-section h3,.kpi-dashboard--embedded .stat-content h3,.kpi-dashboard--embedded .stat-content p{color:#0f172a!important}.kpi-dashboard--embedded .chart-container,.kpi-dashboard--embedded .kpi-filters,.kpi-dashboard--embedded .kpi-header,.kpi-dashboard--embedded .metrics-section,.kpi-dashboard--embedded .stat-card{background:#fff!important;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a14}.kpi-dashboard--embedded .kpi-filters,.kpi-dashboard--embedded .kpi-header{margin-bottom:1rem;padding:1rem}.kpi-dashboard--embedded .kpi-charts,.kpi-dashboard--embedded .kpi-metrics,.kpi-dashboard--embedded .kpi-quick-stats{gap:1rem;margin-bottom:1rem}.kpi-dashboard--embedded .filter-group input,.kpi-dashboard--embedded .filter-group select{background:#fff;border:1px solid #cbd5e1;color:#0f172a}.kpi-dashboard--embedded .filter-group input:focus,.kpi-dashboard--embedded .filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.kpi-dashboard--embedded .metric-item{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #3b82f6}.kpi-dashboard--embedded .metrics-section h3{border-bottom-color:#e2e8f0}.kpi-dashboard--embedded .stat-change.positive{background:#dcfce7;color:#166534!important}.kpi-dashboard--embedded .stat-change.negative{background:#fee2e2;color:#991b1b!important}.kpi-dashboard--embedded .kpi-error,.kpi-dashboard--embedded .kpi-loading{background:#fff!important;border:1px solid #e2e8f0;border-radius:12px;min-height:240px}.kpi-dashboard--embedded .kpi-charts,.kpi-dashboard--embedded .kpi-metrics,.kpi-dashboard--embedded .kpi-quick-stats{background:#0000!important}.kpi-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.kpi-header-content h1,.kpi-header-content h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.kpi-header-content p{color:#64748b;font-size:1rem;margin:0}.kpi-header-actions{display:flex;gap:1rem}.kpi-footer-actions{display:flex;justify-content:flex-end;margin-top:1rem}.kpi-filters{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.filter-group label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.filter-group input,.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.kpi-quick-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{transition:transform .2s,box-shadow .2s}.stat-icon{height:60px;width:60px}.stat-icon.revenue{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.projects{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.customers{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.profit{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.stat-content p{color:#64748b;font-size:.875rem;margin:0 0 .5rem}.stat-change{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.stat-change.positive{background:#d1fae5;color:#059669}.stat-change.negative{background:#fee2e2;color:#dc2626}.kpi-charts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.chart-card{box-shadow:0 1px 3px #0000001a}.chart-card h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.kpi-detailed-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.metrics-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.metrics-section h3{border-bottom:2px solid #e5e7eb;color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.metrics-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-item{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.metric-label{color:#64748b;font-weight:500}.metric-value{color:#1e293b;font-size:1.125rem}.kpi-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #e5e7eb}.kpi-loading p{color:#64748b;font-size:1rem}.kpi-error{align-items:center;color:#dc2626;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;text-align:center}.kpi-error h3{font-size:1.25rem;font-weight:600;margin:0}.kpi-error p{color:#64748b;margin:0;max-width:400px}@media (max-width:1024px){.kpi-dashboard{padding:1rem}.kpi-header{gap:1rem;text-align:center}.kpi-filters,.kpi-header{flex-direction:column}.filter-group{min-width:auto}.kpi-charts,.kpi-detailed-metrics,.metrics-grid{grid-template-columns:1fr}}@media (max-width:768px){.kpi-quick-stats{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.stat-icon{height:50px;width:50px}.chart-card,.metrics-section{padding:1rem}}@media (max-width:480px){.kpi-dashboard{padding:.5rem}.kpi-header{padding:1rem}.kpi-header-content h1{font-size:1.5rem}.kpi-filters,.stat-card{padding:1rem}.stat-content h3{font-size:1.25rem}}@media print{.kpi-dashboard{background:#fff;padding:0}.btn,.kpi-filters,.kpi-header-actions{display:none!important}.chart-card,.kpi-header,.metrics-section,.stat-card{border:1px solid #e5e7eb;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.kpi-charts,.kpi-detailed-metrics{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.kpi-dashboard{background:#0f172a;color:#e2e8f0}.chart-card,.kpi-filters,.kpi-header,.metrics-section,.stat-card{background:#1e293b;color:#e2e8f0}.chart-card h3,.metric-value,.metrics-section h3,.stat-content h3{color:#f1f5f9}.metric-label,.stat-content p{color:#94a3b8}.filter-group input,.filter-group select{background:#334155;border-color:#475569;color:#e2e8f0}.metric-item{background:#334155}}.mock-data-notice{align-items:center;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;display:flex;font-size:.875rem;gap:8px;margin-top:8px;padding:8px 12px}.mock-data-notice svg{flex-shrink:0}.dashboard-page{background:#f8fafc;min-height:100vh}.dashboard-shell{margin:0 auto;max-width:1280px;padding:24px}.dashboard-center-content{align-items:center;display:flex;justify-content:center}.dashboard-state-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#334155;display:inline-flex;gap:10px;padding:16px 20px}.dashboard-state-card.error{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}.dashboard-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a14;margin-bottom:24px;padding:24px}.dashboard-header-title{align-items:center;display:flex;gap:12px}.dashboard-header-icon{align-items:center;background:#dbeafe;border-radius:10px;color:#1d4ed8;display:flex;height:40px;justify-content:center;width:40px}.dashboard-header-title h1{color:#0f172a;font-size:28px;margin:0}.dashboard-header-title p{color:#64748b;margin:6px 0 0}.dashboard-status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;margin-top:14px;padding:6px 10px}.dashboard-status.success{background:#dcfce7;color:#166534}.dashboard-status.warning{background:#fef3c7;color:#92400e}.dashboard-overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.dashboard-overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a14;display:flex;gap:12px;padding:16px;text-align:left}.dashboard-overview-card.interactive{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.dashboard-overview-card.interactive:hover{box-shadow:0 4px 10px #0f172a1f;transform:translateY(-1px)}.dashboard-overview-card:disabled{opacity:1}.overview-icon{align-items:center;background:#eff6ff;border-radius:8px;color:#1d4ed8;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.overview-content{display:flex;flex-direction:column;gap:3px}.overview-title{color:#64748b;font-size:13px}.overview-value{color:#0f172a;font-size:24px;line-height:1.2}.overview-subtitle{color:#94a3b8;font-size:12px}.dashboard-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0f172a14;margin-bottom:24px;padding:20px}.dashboard-section-header h2{color:#0f172a;font-size:18px;margin:0 0 16px}.dashboard-footer-note{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;display:inline-flex;gap:8px;padding:8px 14px}.planning-board{background:#f8fafc;display:flex;flex-direction:column;height:100%;padding:20px}.board-header{margin-bottom:24px;text-align:center}.board-header h2{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.board-header p{color:#6b7280;font-size:14px;margin:0}.board-container{display:flex;flex:1 1;gap:16px;min-height:0;overflow-x:auto;padding-bottom:16px}.board-column{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;max-width:300px;min-width:300px}.column-header{border-bottom:1px solid #e5e7eb;border-left:4px solid;justify-content:space-between;padding:16px}.column-header,.column-title{align-items:center;display:flex}.column-title{gap:8px}.column-title h3{color:#111827;font-size:16px;font-weight:600;margin:0}.item-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:12px;font-weight:500;min-width:20px;padding:2px 8px;text-align:center}.add-item-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-item-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.column-content{flex:1 1;min-height:0;overflow-y:auto;padding:12px}.board-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:grab;margin-bottom:12px;padding:12px;transition:all .2s ease}.board-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.board-item:active{cursor:grabbing}.board-item:last-child{margin-bottom:0}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.item-type-icon{font-size:16px}.item-actions{gap:4px}.item-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.item-action-btn:hover{background:#f3f4f6;color:#374151}.item-content{display:flex;flex-direction:column;gap:8px}.item-title{color:#111827;font-size:14px;font-weight:600;line-height:1.4;margin:0}.item-details{display:flex;flex-direction:column;gap:4px}.detail-row{font-size:12px;gap:6px}.item-notes{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:4px;padding:8px}.item-notes p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag{border-radius:4px;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.tag-type{background:#eff6ff;color:#1d4ed8}.tag-status{background:#f0fdf4;color:#15803d}.tag-priority{font-weight:600}.planning-modal{max-width:600px;width:90%}.board-column.drag-over{background:#f0f9ff;border-color:#3b82f6}.board-item.dragging{opacity:.5;transform:rotate(5deg)}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.column-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.column-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.board-container::-webkit-scrollbar{height:8px}.board-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.board-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.board-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.planning-board{padding:12px}.board-container{gap:12px}.board-column{max-width:280px;min-width:280px}.column-header{padding:12px}.column-content{padding:8px}.board-item{margin-bottom:8px;padding:10px}.item-title{font-size:13px}.detail-row{font-size:11px}}@media (max-width:480px){.board-column{max-width:260px;min-width:260px}.board-header h2{font-size:20px}.column-title h3{font-size:14px}}.scheduler-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.scheduler-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 24px}.scheduler-appointment-count{background:#e5e7eb;border-radius:999px;color:#374151;font-size:13px;font-weight:600;margin-right:8px;padding:6px 10px}.scheduler-week-hint{align-items:center;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:12px;justify-content:space-between;margin:12px 24px 0;padding:12px 16px}.scheduler-navigation{align-items:center;display:flex;gap:16px}.nav-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;display:flex;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.nav-button:hover{background:#f3f4f6;border-color:#9ca3af}.nav-button-icon{justify-content:center;min-height:40px;min-width:40px;padding:8px}.scheduler-navigation .nav-button-icon,.week-navigation .nav-button-icon{background:#3b82f6;border:1px solid #2563eb;box-shadow:0 1px 2px #2563eb40;color:#fff}.scheduler-navigation .nav-button-icon:hover,.week-navigation .nav-button-icon:hover{background:#2563eb;border-color:#1d4ed8;color:#fff}.scheduler-navigation .nav-button-icon:active,.week-navigation .nav-button-icon:active{background:#1d4ed8}.today-button{margin-left:8px}.week-navigation .today-button{background:#fff;border:1px solid #3b82f6;color:#2563eb}.scheduler-navigation .today-button:hover,.week-navigation .today-button:hover{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.week-navigation{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:12px 24px}.week-navigation-info{flex:1 1;min-width:0;text-align:center}.week-range-title{color:#111827;font-size:18px;font-weight:600;margin:0}.week-calendar-number{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-top:2px}.week-navigation-actions{align-items:center;display:flex;gap:8px}.scheduler-title{color:#111827;font-size:20px;font-weight:600;margin:0;min-width:200px;text-align:center}.scheduler-actions{align-items:center;display:flex;gap:16px}.view-selector{border:1px solid #d1d5db;border-radius:6px;display:flex;overflow:hidden}.view-button{background:#fff;border:none;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-button:not(:last-child){border-right:1px solid #d1d5db}.view-button.active{background:#3b82f6;color:#fff}.view-button:hover:not(.active){background:#f3f4f6}.add-appointment-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s ease}.add-appointment-button:hover{background:#2563eb}.scheduler-grid{display:flex;flex:1 1;min-height:0;overflow:hidden}.time-column{background:#f9fafb;border-right:1px solid #e5e7eb;width:80px}.time-header{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.time-header,.time-slot-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:12px;height:60px;justify-content:center}.day-column{border-right:1px solid #e5e7eb;display:flex;flex:1 1;flex-direction:column}.day-column:last-child{border-right:none}.day-header{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;height:60px;justify-content:center;padding:8px;transition:background .2s ease}.day-header:hover{background:#f3f4f6}.day-header.today{background:#eff6ff}.day-header.today .day-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:600;height:24px;justify-content:center;width:24px}.day-name{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.day-number{color:#374151;font-size:16px;font-weight:500;margin-top:2px}.time-slot{border-bottom:1px solid #e5e7eb;cursor:pointer;height:60px;padding:4px;position:relative;transition:all .2s ease}.time-slot.available{background:#fff}.time-slot.available:hover{background:#f0f9ff;border:2px solid #3b82f6}.time-slot.booked{background:#f8fafc;cursor:default}.time-slot.unavailable{background:#f1f5f9;cursor:not-allowed}.appointment-item{border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:11px;height:100%;justify-content:space-between;overflow:hidden;padding:4px 6px;transition:opacity .2s ease}.appointment-title{font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-time{font-size:10px;margin-top:2px;opacity:.9}.appointment-status{align-items:center;display:flex;font-size:10px;gap:4px;margin-top:2px}.status-dot{border-radius:50%;height:6px;width:6px}.modal-content{border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow-y:auto}.modal-header{padding:20px 24px}.modal-header h3{color:#111827;font-size:18px}.modal-close{border-radius:4px;font-size:24px;height:24px;transition:background .2s ease;width:24px}.appointment-form{padding:24px}.form-group{margin-bottom:16px}.form-row{grid-gap:16px;gap:16px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.client-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:24px 0;padding:16px}.client-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.modal-actions{align-items:center;border-top:1px solid #e5e7eb;justify-content:space-between;margin-top:24px;padding-top:16px}.btn-delete,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}@media (max-width:768px){.scheduler-header{align-items:stretch;flex-direction:column;gap:16px}.scheduler-navigation{flex-wrap:wrap;justify-content:center}.week-navigation{padding:12px 16px}.week-range-title{font-size:15px}.scheduler-actions{justify-content:center}.scheduler-grid{overflow-x:auto}.time-column{min-width:80px}.day-column{min-width:120px}.form-row{grid-template-columns:1fr}.modal-content{margin:20px;width:95%}.day-header,.time-header,.time-slot,.time-slot-header{height:50px}}.scheduler-grid::-webkit-scrollbar{height:8px}.scheduler-grid::-webkit-scrollbar-track{background:#f1f5f9}.scheduler-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.scheduler-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scheduler-container .planning-board{flex:1 1;min-height:0;overflow:hidden}.scheduler-container .board-container{height:calc(100vh - 200px);min-height:400px}.conflict-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin:16px 0;padding:16px}.warning-header{align-items:center;color:#92400e;display:flex;font-weight:600;gap:8px;margin-bottom:12px}.suggestions{margin-top:12px}.suggestions h4{color:#92400e;font-size:14px;font-weight:600;margin:0 0 12px}.suggestion-group{margin-bottom:16px}.suggestion-date{align-items:center;color:#92400e;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.suggestion-slots{display:flex;flex-wrap:wrap;gap:8px}.suggestion-slot{background:#fff;border:1px solid #f59e0b;border-radius:6px;color:#92400e;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.suggestion-slot:hover{background:#f59e0b;color:#fff;transform:translateY(-1px)}.suggestion-slot:active{transform:translateY(0)}@media (max-width:768px){.suggestion-slots{flex-direction:column}.suggestion-slot{text-align:center;width:100%}}.appointment-item{position:relative;z-index:1}.appointment-item:focus{outline:2px solid #fffc;outline-offset:1px}.appointment-item:active{transform:scale(.98);transition:transform .1s ease}.appointment-item:hover{box-shadow:0 2px 4px #0003;opacity:.9;transform:translateY(-1px);transition:all .2s ease}.appointment-item{min-height:40px;width:100%}.time-picker-container{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:8px;min-height:40px;padding:8px 12px;transition:border-color .2s ease}.time-picker-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.time-select{background:#0000;border:none;color:#000;cursor:pointer;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;font-weight:500;letter-spacing:.5px;min-width:50px;outline:none;text-align:center}.time-select:focus{outline:none}.time-separator{color:#000;font-size:16px;font-weight:600;margin:0 2px;-webkit-user-select:none;user-select:none}.date-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#000!important;font-size:14px;padding:8px 12px;position:relative;transition:border-color .2s ease;width:100%}.date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;color:#000!important;outline:none}.date-input::-webkit-datetime-edit,.date-input::-webkit-datetime-edit-text{background:#0000!important;color:#000!important}.date-input::-webkit-datetime-edit-day-field,.date-input::-webkit-datetime-edit-month-field,.date-input::-webkit-datetime-edit-year-field{background:#0000!important;color:#000!important}.date-input::-moz-datetime-edit,.date-input::-moz-datetime-edit-text{background:#0000!important;color:#000!important}.date-input::-moz-datetime-edit-day-field,.date-input::-moz-datetime-edit-month-field,.date-input::-moz-datetime-edit-year-field{background:#0000!important;color:#000!important}.date-input[type=date]{color:#000!important}.date-input[type=date]::-webkit-input-placeholder{color:#000!important}.date-input[type=date]::-moz-placeholder{color:#000!important}.date-input[type=date]:-ms-input-placeholder{color:#000!important}.date-input *,.datetime-inputs .date-input{color:#000!important}.datetime-inputs .date-input::-webkit-datetime-edit,.datetime-inputs .date-input::-webkit-datetime-edit-text{background:#0000!important;color:#000!important}.datetime-inputs .date-input::-webkit-datetime-edit-day-field,.datetime-inputs .date-input::-webkit-datetime-edit-month-field,.datetime-inputs .date-input::-webkit-datetime-edit-year-field{background:#0000!important;color:#000!important}.datetime-inputs .date-input[type=date]{color:#000!important}.datetime-inputs .date-input[type=date]::-webkit-input-placeholder{color:#000!important}.datetime-inputs .date-input[type=date]::-moz-placeholder{color:#000!important}.datetime-inputs .date-input[type=date]:-ms-input-placeholder{color:#000!important}.form-group .date-input{color:#000!important}.form-group .date-input::-webkit-datetime-edit,.form-group .date-input::-webkit-datetime-edit-text{background:#0000!important;color:#000!important}.form-group .date-input::-webkit-datetime-edit-day-field,.form-group .date-input::-webkit-datetime-edit-month-field,.form-group .date-input::-webkit-datetime-edit-year-field{background:#0000!important;color:#000!important}input[type=date].date-input{color:#000!important}input[type=date].date-input::-webkit-datetime-edit,input[type=date].date-input::-webkit-datetime-edit-text{background:#0000!important;color:#000!important}input[type=date].date-input::-webkit-datetime-edit-day-field,input[type=date].date-input::-webkit-datetime-edit-month-field,input[type=date].date-input::-webkit-datetime-edit-year-field{background:#0000!important;color:#000!important}.datetime-inputs{align-items:center;display:flex;gap:8px}.datetime-inputs .date-input{flex:1 1;min-width:0}.datetime-inputs .time-input{background:#fff!important;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#000!important;cursor:pointer;flex:0 0 auto;font-size:14px;padding:8px 12px;position:relative;transition:border-color .2s ease;width:120px;z-index:1}.datetime-inputs .time-input:focus{background:#fff!important;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;color:#000!important;outline:none}.form-group .time-input{background:#fff!important;border:1px solid #d1d5db;color:#000!important}.form-group .time-input:focus{background:#fff!important;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;color:#000!important}input[type=time].time-input{background:#fff!important;border:1px solid #d1d5db;color:#000!important}input[type=time].time-input:focus{background:#fff!important;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;color:#000!important}.time-input{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500;letter-spacing:.5px}.duration-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#000!important;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.duration-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;color:#000!important;outline:none}.duration-select option{background:#fff!important;color:#000!important}.form-group .duration-select{color:#000!important}.form-group .duration-select option{background:#fff!important;color:#000!important}select.duration-select{color:#000!important}select.duration-select option{background:#fff!important;color:#000!important}@media (max-width:768px){.date-input{color:#000!important;font-size:16px;padding:10px 12px}.datetime-inputs{flex-direction:column;gap:8px}.datetime-inputs .time-input{font-size:16px;width:100%}.time-picker-container{min-height:44px;padding:10px 12px}.time-select{font-size:16px;min-width:55px}.time-separator{font-size:18px}}@media (prefers-color-scheme:dark){.date-input{background:#1f2937;border-color:#4b5563;color:#f9fafb!important}.date-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;color:#f9fafb!important}.date-input::-webkit-datetime-edit,.date-input::-webkit-datetime-edit-text{background:#0000!important;color:#f9fafb!important}.date-input::-webkit-datetime-edit-day-field,.date-input::-webkit-datetime-edit-month-field,.date-input::-webkit-datetime-edit-year-field{background:#0000!important;color:#f9fafb!important}.date-input::-moz-datetime-edit,.date-input::-moz-datetime-edit-text{background:#0000!important;color:#f9fafb!important}.date-input::-moz-datetime-edit-day-field,.date-input::-moz-datetime-edit-month-field,.date-input::-moz-datetime-edit-year-field{background:#0000!important;color:#f9fafb!important}.date-input[type=date]{color:#f9fafb!important}.date-input[type=date]::-webkit-input-placeholder{color:#f9fafb!important}.date-input[type=date]::-moz-placeholder{color:#f9fafb!important}.date-input[type=date]:-ms-input-placeholder{color:#f9fafb!important}.date-input *{color:#f9fafb!important}.time-picker-container{background:#1f2937;border-color:#4b5563}.time-picker-container:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.time-select{color:#0b0b0c}.time-separator{color:#9ca3af}.datetime-inputs .time-input{background:#fff!important;border-color:#4b5563;color:#000!important}.datetime-inputs .time-input:focus{background:#fff!important;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;color:#000!important}.form-group .time-input{background:#fff!important;border-color:#4b5563;color:#000!important}.form-group .time-input:focus{background:#fff!important;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;color:#000!important}input[type=time].time-input{background:#fff!important;border-color:#f5f7f9;color:#000!important}input[type=time].time-input:focus{background:#fff!important;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;color:#000!important}.duration-select{background:#fff;border-color:#4b5563;color:#000!important}.duration-select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a;color:#000!important}.duration-select option{background:#fff!important;color:#000!important}.form-group .duration-select{color:#000!important}.form-group .duration-select option{background:#fff!important;color:#000!important}select.duration-select{color:#000!important}select.duration-select option{background:#fff!important;color:#000!important}}.scheduler-filter-bar{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin:12px 24px 0;padding:10px 14px}.scheduler-filter-label{font-weight:600}.scheduler-filter-chip{background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 10px;white-space:nowrap}.scheduler-filter-count{color:#3b82f6;margin-left:auto}.scheduler-filter-clear{align-items:center;background:#fff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 10px}.scheduler-filter-clear:hover{background:#dbeafe}.scheduler-list{flex:1 1;overflow-y:auto;padding:12px 24px 24px}.scheduler-list-empty{color:#6b7280;font-size:14px;padding:32px 0;text-align:center}.scheduler-list-row{grid-gap:12px;align-items:center;background:#fff;border:none;border-bottom:1px solid #e5e7eb;color:#374151;cursor:pointer;display:grid;font-size:14px;gap:12px;grid-template-columns:140px 120px minmax(0,1fr) 180px 150px;padding:12px 14px;text-align:left;width:100%}.scheduler-list-row:hover{background:#f9fafb}.scheduler-list-date{color:#111827;font-weight:600}.scheduler-list-client,.scheduler-list-time{color:#6b7280}.scheduler-list-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduler-list-status{align-items:center;color:#6b7280;display:flex;gap:6px}@media (max-width:768px){.scheduler-list-row{grid-template-columns:1fr 1fr;row-gap:4px}.scheduler-list-title{grid-column:1/-1;white-space:normal}}.order-notes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.order-notes:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000001a}.notes-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem}.notes-title{align-items:center;display:flex;justify-content:space-between}.notes-title h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.notes-actions{gap:.5rem}.btn-toggle{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.btn-toggle:hover{background:#f1f5f9;color:#334155}.notes-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.search-container{min-width:200px}.search-icon{color:#64748b;height:16px;left:.75rem;width:16px}.search-input{border-radius:6px;font-size:.875rem;padding:.5rem .75rem .5rem 2.5rem}.btn-language{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.btn-language:hover{background:#f8fafc;border-color:#3b82f6}.language-dropdown{border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;max-height:300px;right:0;z-index:50}.language-option{align-items:center;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem;transition:background-color .2s ease}.language-option:hover{background:#f1f5f9}.language-option.selected{background:#dbeafe;color:#1e40af}.notes-content{background:#fff;padding:1rem}.text-input-container{margin-bottom:1rem;position:relative}.notes-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;min-height:120px;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.notes-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.character-count{background:#ffffffe6;border-radius:4px;bottom:.5rem;color:#64748b;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:.75rem}.voice-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;gap:1rem;margin-bottom:1rem;padding:.75rem}.btn-voice,.voice-controls{align-items:center;display:flex}.btn-voice{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-voice:hover:not(:disabled){background:#2563eb}.btn-voice:disabled{background:#94a3b8;cursor:not-allowed}.btn-voice.recording{animation:pulse 2s infinite;background:#ef4444}.voice-indicator{align-items:center;color:#ef4444;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.audio-level{background:#e5e7eb;border-radius:2px;height:20px;overflow:hidden;position:relative;width:20px}.audio-bar{background:#ef4444;bottom:0;left:0;position:absolute;transition:height .1s ease;width:100%}.translation-controls{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem}.btn-translate{align-items:center;background:#0ea5e9;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-translate:hover:not(:disabled){background:#0284c7}.btn-translate:disabled{background:#94a3b8;cursor:not-allowed}.detected-language{color:#0369a1;font-size:.875rem;font-style:italic}.translation-display{border:1px solid #d1d5db;border-radius:6px;margin-bottom:1rem;overflow:hidden}.translation-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem}.translation-header h4{color:#374151;font-size:.875rem;font-weight:600;margin:0}.btn-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:.25rem;transition:all .2s ease}.btn-close:hover{background:#e5e7eb;color:#374151}.translation-content{background:#fff;color:#374151;font-size:.875rem;line-height:1.5;padding:.75rem}.notes-actions{display:flex;gap:.75rem;margin-bottom:1rem}.btn-save{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-save:hover:not(:disabled){background:#059669}.btn-save:disabled{background:#94a3b8;cursor:not-allowed}.btn-clear{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-clear:hover:not(:disabled){background:#dc2626}.btn-clear:disabled{background:#94a3b8;cursor:not-allowed}.notes-status{display:flex;flex-direction:column;gap:.5rem}.save-status{align-items:center;color:#059669;display:flex;font-size:.75rem;gap:.5rem}.error-message{border-radius:4px;padding:.5rem}@media (max-width:768px){.notes-controls{align-items:stretch;flex-direction:column}.search-container{min-width:auto}.language-selector{width:100%}.btn-language{justify-content:center;width:100%}.language-dropdown{left:0;right:auto;width:100%}.translation-controls,.voice-controls{align-items:stretch;flex-direction:column}.notes-actions{flex-direction:column}.btn-clear,.btn-save{justify-content:center}}@media (prefers-reduced-motion:reduce){.btn-voice.recording,.spinning{animation:none}}@media (prefers-contrast:high){.order-notes{border:2px solid #000}.notes-textarea:focus{border-color:#000;box-shadow:0 0 0 2px #000}}.visit-notes-panel{background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #3b82f6;border-radius:8px;margin:16px 0;padding:16px}.visit-notes-panel__title{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:8px;margin-bottom:12px}.visit-notes-panel__hint{color:#64748b;font-size:12px;font-weight:400}.visit-notes-panel__entry+.visit-notes-panel__entry{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.visit-notes-panel__meta{color:#64748b;font-size:12px;margin-bottom:4px}.visit-notes-panel__text{color:#334155;line-height:1.5;white-space:pre-wrap}.visit-notes-panel__photos{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.visit-notes-panel__thumb{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:88px;overflow:hidden;padding:0;width:88px}.visit-notes-panel__thumb:disabled{cursor:default}.visit-notes-panel__thumb img{display:block;height:100%;object-fit:cover;width:100%}.visit-notes-panel__thumb-empty{align-items:center;background:#f1f5f9;color:#94a3b8;display:flex;height:100%;justify-content:center;width:100%}.visit-notes-panel__lightbox{align-items:center;background:#0f172ad9;cursor:zoom-out;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;padding:32px;position:fixed;z-index:1000}.visit-notes-panel__lightbox img{background:#fff;border-radius:8px;max-height:82vh;max-width:min(1100px,92vw);object-fit:contain}.visit-notes-panel__lightbox-caption{color:#e2e8f0;font-size:13px;text-align:center}.visit-notes-panel__lightbox-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#f8fafc;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;width:36px}.visit-notes-panel__lightbox-close:hover{background:#ffffff47}.order-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:calc(100vh - 2rem);margin:0 auto;max-width:1200px;padding:.75rem}.form-input.readonly{background-color:#f9fafb}.form-textarea{font-family:inherit}.duration-input-container{align-items:center;display:flex;gap:.5rem}.duration-input-container .form-input{flex:1 1}.duration-unit{flex:0 0 auto;min-width:100px}.checkbox-group,.radio-group{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}@media (min-width:768px){.checkbox-group,.radio-group{grid-template-columns:repeat(2,1fr)}}.checkbox-option,.radio-option{align-items:center;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.625rem;transition:all .2s ease}.checkbox-option:hover,.radio-option:hover{background-color:#f9fafb;border-color:#9ca3af}.checkbox-option.selected,.radio-option.selected{background-color:#eff6ff;border-color:#3b82f6}.checkbox-input,.radio-input{opacity:0;pointer-events:none;position:absolute}.checkbox-custom,.radio-custom{border:2px solid #d1d5db;flex-shrink:0;height:1rem;position:relative;width:1rem}.checkbox-option.selected .checkbox-custom,.radio-option.selected .radio-custom{background-color:#3b82f6;border-color:#3b82f6}.checkbox-option.selected .checkbox-custom:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.date-input-container svg{left:.625rem}.validation-message{align-items:center;display:flex;gap:.25rem}.validation-message.error{color:#dc2626}.validation-message.success{color:#059669}.summary-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.summary-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:.75rem 0}.summary-item:last-child{border-bottom:none}.summary-item strong{color:#374151;font-weight:600}.btn:disabled{opacity:.6}.btn-secondary{background-color:#6b7280}.btn-secondary:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px)}.btn-success{background-color:#059669}.btn-success:hover:not(:disabled){background-color:#047857;transform:translateY(-1px)}.button-group{border-top:1px solid #e2e8f0;flex-shrink:0;margin-top:2rem;padding-top:1.5rem}.button-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width:767px){.button-actions{flex-direction:column}}.save-message{margin:1rem 0;padding:1rem}.save-message-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.save-message-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.save-message-text{flex:1 1}.error-message{align-items:flex-start;color:#dc2626;gap:1rem;margin-bottom:1.5rem}.error-icon{height:1.5rem;margin-top:.125rem;width:1.5rem}.error-content{flex:1 1}.error-title{font-size:1.125rem}.error-text{color:#dc2626;margin:0 0 1rem}.error-content .btn{background-color:#dc2626;color:#fff}.error-content .btn:hover{background-color:#b91c1c}@media (max-width:768px){.order-form-container{height:calc(100vh - 1rem);padding:.5rem}.form-section{margin-bottom:1.5rem;padding:1rem}.section-header{margin-bottom:1rem;padding-bottom:.75rem}.section-header h2{font-size:1.125rem}.checkbox-group,.form-grid-2,.form-grid-3,.radio-group{grid-template-columns:1fr}.duration-input-container{align-items:stretch;flex-direction:column}.duration-unit{min-width:auto}}.form-content-scrollable{scroll-behavior:smooth}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn:disabled{overflow:hidden;position:relative}.btn:disabled:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.loading-state{padding:3rem;text-align:center}.loading-spinner{border:3px solid #f3f4f6}.loading-state p{color:#6b7280;font-size:1rem;margin:0}.calculation-summary{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;margin-top:1.5rem;padding:1.25rem}.calculation-summary-title{border-bottom:2px solid #cbd5e1;color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem}.calculation-summary-content{display:flex;flex-direction:column;gap:.5rem}.calculation-row{font-size:.875rem;padding:.5rem 0}.calculation-label{color:#475569}.calculation-value{color:#1e293b;font-family:Courier New,monospace}.calculation-row.subtotal{border-top:1px solid #cbd5e1;margin-top:.5rem;padding-top:.75rem}.calculation-row.subtotal .calculation-label,.calculation-row.subtotal .calculation-value{color:#334155;font-weight:700}.calculation-row.total{background:#e0f2fe;border:2px solid #0ea5e9;border-radius:6px;font-size:1rem;margin-top:.5rem;padding:.75rem}.calculation-row.total .calculation-label{color:#0c4a6e;font-weight:700}.calculation-row.total .calculation-value{color:#0c4a6e;font-size:1.125rem;font-weight:800}@media (max-width:768px){.calculation-summary{padding:1rem}.calculation-summary-title{font-size:.9375rem}.calculation-row{font-size:.8125rem}.calculation-row.total{font-size:.9375rem}.calculation-row.total .calculation-value{font-size:1rem}.material-row{gap:.75rem;grid-template-columns:1fr}.materials-header{align-items:stretch;flex-direction:column;gap:.5rem}}.decision-prefill-banner{align-items:flex-start;background:linear-gradient(135deg,#fef9c3,#fef3c7);border:1px solid #f59e0b;border-left:4px solid #d97706;border-radius:.5rem;box-shadow:0 1px 2px #0000000a;color:#78350f;display:flex;gap:.75rem;margin:0 0 1rem;padding:.85rem 1rem}.decision-prefill-icon{color:#b45309;flex-shrink:0;height:1.1rem;margin-top:.15rem;width:1.1rem}.decision-prefill-text{flex:1 1;font-size:.875rem;line-height:1.4;min-width:0}.decision-prefill-text strong{color:#78350f;display:block;font-size:.875rem;margin-bottom:.15rem}.decision-prefill-rationale{color:#92400e;font-size:.8rem;font-style:italic;margin-top:.25rem}.decision-prefill-dismiss{background:#0000;border:none;border-radius:.25rem;color:#78350f;cursor:pointer;flex-shrink:0;line-height:0;padding:.25rem}.decision-prefill-dismiss:hover{background:#b453091f}.order-list{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.order-list-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.details-link{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:600;letter-spacing:.02em;line-height:1;padding:4px 10px;transition:background .15s ease,border-color .15s ease,color .15s ease}.details-link:hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.status-badge.status-offer{background:#fef3c7;color:#92400e}.status-badge.status-confirmed{background:#d1fae5;color:#065f46}.status-badge.status-processing{background:#dbeafe;color:#1e40af}.status-badge.status-completed{background:#d1fae5;color:#065f46}.orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:24px}.order-card{background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.order-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.order-card.status-offer{border-left-color:#f59e0b}.order-card.status-confirmed{border-left-color:#10b981}.order-card.status-processing{border-left-color:#3b82f6}.order-card.status-completed{border-left-color:#10b981}.order-card.status-cancelled{border-left-color:#ef4444}.order-card.priority-emergency{border-top:3px solid #ef4444}.order-card.priority-high{border-top:2px solid #f59e0b}.order-number{color:#1f2937;font-size:16px;font-weight:700}.customer-info{background:#f3f4f6;border-radius:8px;gap:10px;margin-bottom:12px;padding:12px}.customer-info svg{color:#3b82f6;flex-shrink:0;height:20px;width:20px}.customer-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.customer-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.customer-name{color:#1f2937;font-size:14px;font-weight:600}.trade-info{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.trade-info svg{height:16px;width:16px}.order-details{margin-bottom:16px}.total-amount-section{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #86efac;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:14px}.total-amount-section .total-icon{color:#059669;flex-shrink:0;height:24px;width:24px}.total-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.total-label{color:#047857;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.total-value{color:#065f46;font-size:20px;font-weight:700}.order-description{background:#f1f5f9;border-left:3px solid #3b82f6;border-radius:6px;padding:8px 12px}@media (max-width:768px){.order-list{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px}.search-filter-bar{flex-direction:column;gap:12px}.search-container{min-width:auto}.filter-controls{flex-direction:column;gap:8px}.filter-panel,.orders-grid{gap:16px;grid-template-columns:1fr}.active-filters{align-items:stretch;flex-direction:column;gap:12px}}@media (max-width:480px){.order-list{padding:12px}.order-list-header{padding:16px}.header-title{font-size:24px}.btn-create span{display:none}.order-card{padding:16px}.card-header{align-items:stretch;flex-direction:column;gap:8px}.badges{flex-direction:row;gap:8px;justify-content:flex-start}}.decision-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px #0f172a0a;color:#1f2937;display:flex;flex-direction:column;font-size:13px;gap:10px;margin:12px 0;padding:14px 16px}.decision-panel.compact{font-size:12.5px;gap:8px;margin:6px 0;padding:10px 12px}.decision-panel.state-good{border-left:4px solid #10b981}.decision-panel.state-warn{border-left:4px solid #f59e0b}.decision-panel.error,.decision-panel.state-bad{border-left:4px solid #ef4444}.decision-panel.error{background:#fef2f2}.decision-header{align-items:center;display:flex;gap:8px}.decision-header-icon{color:#475569;flex-shrink:0}.decision-title{color:#111827;flex:1 1;font-size:13.5px;font-weight:600}.decision-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.02em;padding:3px 8px;text-transform:uppercase}.decision-badge.good{background:#ecfdf5;color:#047857}.decision-badge.warn{background:#fffbeb;color:#b45309}.decision-badge.bad{background:#fef2f2;color:#b91c1c}.decision-refresh{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;justify-content:center;padding:4px 6px}.decision-refresh:hover{background:#f8fafc;color:#0f172a}.decision-scores{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.decision-score{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:8px 10px}.decision-score.good{background:#ecfdf5;border-color:#a7f3d0}.decision-score.warn{background:#fffbeb;border-color:#fde68a}.decision-score.bad{background:#fef2f2;border-color:#fecaca}.decision-score.neutral{background:#f1f5f9;border-color:#e2e8f0}.decision-score-label{color:#475569;font-size:11.5px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.decision-score-value{color:#0f172a;font-size:18px;font-weight:700;line-height:1.1}.decision-score-bar{background:#0f172a14;border-radius:3px;height:4px;overflow:hidden;position:relative}.decision-score-bar-fill{background:currentColor;border-radius:3px;inset:0 auto 0 0;opacity:.55;position:absolute}.decision-score.good .decision-score-bar-fill{background:#10b981}.decision-score.warn .decision-score-bar-fill{background:#f59e0b}.decision-score.bad .decision-score-bar-fill{background:#ef4444}.decision-section-title{align-items:center;color:#334155;display:flex;font-size:11.5px;font-weight:600;gap:6px;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.decision-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.decision-item{align-items:flex-start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px 10px}.decision-item.clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.decision-item.clickable:hover{border-color:#94a3b8;box-shadow:0 1px 4px #0f172a14;transform:translateX(2px)}.decision-item.clickable:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.decision-item.severity-high{background:#fef2f2;border-color:#fecaca}.decision-item.severity-medium{background:#fffbeb;border-color:#fde68a}.decision-item.severity-low{background:#f8fafc;border-color:#e2e8f0}.decision-item.impact-high{background:#eff6ff;border-color:#bfdbfe}.decision-item.impact-medium{background:#f5f3ff;border-color:#ddd6fe}.decision-item.impact-low{background:#f8fafc;border-color:#e2e8f0}.decision-item-icon{color:#475569;flex-shrink:0;margin-top:2px}.decision-item.severity-high .decision-item-icon{color:#b91c1c}.decision-item.severity-medium .decision-item-icon{color:#b45309}.decision-item-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.decision-item-message{color:#1f2937;font-size:12.5px;line-height:1.35}.decision-item-meta{align-items:center;color:#64748b;display:inline-flex;font-size:11px;gap:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.decision-item-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.decision-fb-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#475569;cursor:pointer;display:inline-flex;font-size:11px;gap:4px;line-height:1;padding:3px 8px}.decision-fb-btn:hover{background:#f1f5f9}.decision-fb-btn:disabled{cursor:not-allowed;opacity:.5}.decision-fb-btn.accept:hover{border-color:#a7f3d0;color:#047857}.decision-fb-btn.reject:hover{border-color:#fecaca;color:#b91c1c}.decision-empty{color:#047857}.decision-empty,.decision-loading{align-items:center;display:inline-flex;font-size:12.5px;gap:6px}.decision-loading{color:#64748b}.decision-error{color:#b91c1c;font-size:12.5px}.spin{animation:decision-spin 1.1s linear infinite}@keyframes decision-spin{to{transform:rotate(1turn)}}.decision-trace{border-top:1px dashed #e5e7eb;padding-top:8px}.decision-trace-toggle{background:#0000;border:none;color:#475569;cursor:pointer;font-size:11.5px;padding:0;text-decoration:underline}.decision-trace-body{background:#0f172a;border-radius:6px;color:#e2e8f0;font-size:11px;margin-top:6px;max-height:240px;overflow:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.decision-improvement-hints{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.decision-improvement-intro{color:#64748b;font-size:11.5px;line-height:1.45;margin:0 0 8px}.decision-improvement-list{color:#334155;font-size:12px;line-height:1.45;margin:0;padding-left:1rem}.decision-improvement-list>li{margin-bottom:8px}.decision-improvement-list ul{list-style:disc;margin:4px 0 0;padding-left:1.1rem}.decision-improvement-list ul li{margin-bottom:2px}.decision-apply-btn{align-items:center;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;line-height:1;padding:4px 10px}.decision-apply-btn:hover{background:#1e40af;border-color:#1e40af}.decision-apply-btn:disabled{cursor:not-allowed;opacity:.55}.decision-step-apply{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1d4ed8;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:600;gap:3px;line-height:1.3;margin-left:6px;padding:2px 7px;vertical-align:initial}.decision-step-apply:hover{background:#dbeafe}.decision-step-apply:disabled{cursor:not-allowed;opacity:.55}.decision-apply-result{color:#047857;display:block;font-size:11.5px;line-height:1.4;margin-top:5px}.decision-apply-result.muted{color:#64748b}.decision-improvement-why{color:#64748b;font-size:11px;font-weight:400;line-height:1.4;margin:2px 0 0}.order-list-page{background:#f8fafc;min-height:100vh}.signature-pad{background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;overflow:hidden;position:relative;touch-action:none;width:100%}.signature-pad canvas{cursor:crosshair;display:block;height:100%;width:100%}.signature-pad__placeholder{align-items:center;color:#9ca3af;display:flex;font-size:14px;font-style:italic;inset:0;justify-content:center;pointer-events:none;position:absolute}.co-wizard-overlay{align-items:flex-start;background:#0f172a8c;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 16px;position:fixed;z-index:3000}.co-wizard{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0f172a40;display:flex;flex-direction:column;max-height:calc(100vh - 80px);max-width:760px;overflow:hidden;width:100%}.co-wizard__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:18px 24px}.co-wizard__header h2{color:#0f172a;font-size:18px;margin:0}.co-wizard__subtitle{color:#64748b;font-size:12px;margin-top:2px}.co-wizard__close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:28px;line-height:1;padding:4px 8px}.co-wizard__steps{border-bottom:1px solid #f1f5f9;display:flex;gap:8px;overflow-x:auto;padding:12px 24px}.co-wizard__step{background:#f8fafc;border-radius:8px;color:#94a3b8;flex:1 1;font-size:12px;padding:8px 10px;text-align:center;white-space:nowrap}.co-wizard__step.is-active{background:#0f172a;color:#fff}.co-wizard__step.is-done{background:#ecfdf5;color:#059669}.co-wizard__error{background:#fef2f2;border-radius:8px;color:#b91c1c;font-size:13px;margin:12px 24px 0;padding:10px 12px}.co-wizard__body{overflow-y:auto;padding:20px 24px 24px}.co-wizard__section h3{color:#0f172a;font-size:16px;margin:0 0 4px}.co-wizard__hint{color:#64748b;font-size:13px;margin:0 0 14px}.co-wizard__voice{margin-bottom:12px}.co-wizard__textarea{border:1px solid #d1d5db;border-radius:10px;font-family:inherit;font-size:14px;min-height:120px;padding:10px 12px;resize:vertical;width:100%}.co-wizard__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.co-wizard__empty{background:#f8fafc;border-radius:10px;color:#94a3b8;font-size:14px;margin-bottom:12px;padding:20px;text-align:center}.co-item{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;padding:10px 12px}.co-item__desc{border:none;color:#0f172a;font-size:14px;font-weight:500;outline:none;padding:4px 0;width:100%}.co-item__meta{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:80px 90px 1fr auto;margin-top:8px}.co-item__meta input{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;padding:6px 8px}.co-wizard__label{color:#374151;display:block;font-size:13px;margin:14px 0 6px}.co-wizard__label input{border:1px solid #d1d5db;border-radius:10px;display:block;font-size:14px;margin-top:4px;padding:10px 12px;width:100%}.co-wizard__sign{margin-top:12px}.co-wizard__sign-actions{display:flex;justify-content:flex-end;margin-top:6px}.co-wizard__success{padding:30px 0;text-align:center}.co-wizard__check{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:36px;height:64px;justify-content:center;margin:0 auto 14px;width:64px}.co-summary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.co-summary__title{color:#0f172a;font-size:15px;font-weight:600;margin-bottom:6px}.co-summary__intro{color:#475569;font-size:13px;margin:0 0 10px}.co-summary__items{list-style:none;margin:0 0 12px;padding:0}.co-summary__items li{border-bottom:1px dashed #e5e7eb;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.co-summary__items li:last-child{border-bottom:none}.co-summary__desc em{color:#64748b;font-size:12px;font-style:normal;margin-left:4px}.co-summary__price{color:#0f172a;font-weight:600}.co-summary__totals{border-top:1px solid #e5e7eb;margin:0;padding-top:8px}.co-summary__totals div{display:flex;font-size:13px;justify-content:space-between;padding:3px 0}.co-summary__totals dd,.co-summary__totals dt{margin:0}.co-summary__grand{border-top:1px solid #e5e7eb;color:#0f172a;font-size:15px!important;font-weight:700;margin-top:4px;padding-top:6px!important}.co-summary__disclaimer{color:#94a3b8;font-size:11px;margin:12px 0 0}.btn-danger,.btn-link-danger,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:background .12s ease}.btn-primary{background:#0f172a}.btn-primary:hover{background:#1e293b}.btn-primary:disabled{background:#94a3b8}.btn-secondary{background:#f1f5f9;color:#0f172a}.btn-secondary:hover{background:#e2e8f0}.btn-link-danger{background:#0000;color:#dc2626;padding:4px 8px}.btn-link-danger:hover{text-decoration:underline}.order-detail-page{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1200px;padding:24px 32px}.order-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.order-detail-title{color:#0f172a;flex:1 1;font-size:22px;font-weight:700;margin:0}.order-detail-actions,.order-detail-title{align-items:center;display:inline-flex;gap:8px}.btn-back,.btn-edit,.btn-refresh{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;line-height:1;padding:8px 12px;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-back:hover,.btn-edit:hover,.btn-refresh:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.btn-edit{background:#2563eb;border-color:#2563eb;color:#fff}.btn-edit:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.order-detail-error,.order-detail-loading{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#475569;display:inline-flex;font-size:13.5px;gap:8px;padding:14px 16px}.order-detail-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.order-detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.order-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px #0f172a0a;padding:14px 16px}.order-detail-card h3{align-items:center;color:#111827;display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.order-detail-dl{grid-row-gap:6px;grid-column-gap:12px;color:#1f2937;column-gap:12px;display:grid;font-size:13px;grid-template-columns:110px 1fr;margin:0;row-gap:6px}.order-detail-dl dt{color:#64748b;font-weight:500}.order-detail-dl dd{align-items:center;color:#0f172a;display:flex;gap:4px;margin:0;word-break:break-word}.status-badge{background:#f1f5f9;border-radius:999px;color:#334155;font-size:11.5px;letter-spacing:.02em;padding:2px 10px}.status-badge.status-angebot{background:#eff6ff;color:#1d4ed8}.status-badge.status-bestaetigt{background:#ecfdf5;color:#047857}.status-badge.status-active,.status-badge.status-in_bearbeitung{background:#fffbeb;color:#b45309}.status-badge.status-abgeschlossen,.status-badge.status-completed{background:#ecfdf5;color:#047857}.status-badge.status-cancelled,.status-badge.status-storniert{background:#fef2f2;color:#b91c1c}@media (max-width:720px){.order-detail-page{padding:16px}.order-detail-dl{grid-template-columns:1fr}.order-detail-dl dt{margin-top:6px}}.order-detail-change-orders .co-list{list-style:none;margin:0;padding:0}.order-detail-change-orders .co-list__item{align-items:center;border-bottom:1px solid #eef2f7;display:flex;font-size:13px;justify-content:space-between;padding:10px 0}.order-detail-change-orders .co-list__item:last-child{border-bottom:none}.order-detail-change-orders .co-list__main{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.order-detail-change-orders .co-list__num{color:#0f172a;font-weight:600}.order-detail-change-orders .co-list__status{background:#f1f5f9;border-radius:999px;color:#475569;font-size:11px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.order-detail-change-orders .co-list__item--accepted .co-list__status{background:#ecfdf5;color:#059669}.order-detail-change-orders .co-list__signed{color:#059669;font-size:12px}.order-detail-change-orders .co-list__total{color:#0f172a;font-weight:700}.offer-list{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.offer-list-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.header-content{margin-bottom:24px}.header-title{color:#1f2937;font-size:28px}.header-actions{gap:12px}.btn-create,.btn-refresh{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-refresh{background:#f3f4f6;color:#6b7280}.btn-refresh:hover:not(:disabled){background:#e5e7eb;color:#374151}.btn-refresh:disabled{opacity:.5}.search-filter-bar{align-items:center;flex-wrap:wrap;gap:16px}.search-container{flex:1 1;min-width:300px}.search-container svg{color:#9ca3af;left:12px;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #d1d5db;font-size:14px;padding:12px 16px 12px 44px}.clear-search{color:#9ca3af;padding:4px;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search:hover{background:#f3f4f6;color:#374151}.filter-controls{gap:12px}.btn-filter{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;gap:8px;padding:10px 16px}.btn-filter:hover{background:#e5e7eb;border-color:#9ca3af}.filter-badge{border-radius:10px;font-size:11px;min-width:18px;padding:2px 6px;text-align:center}.sort-container{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.sort-select{background:none;border:none;color:#374151;font-size:14px;outline:none}.sort-container svg{color:#6b7280}.active-filters{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.filter-chips{gap:8px}.filter-chip{background:#dbeafe;border-radius:12px;color:#1e40af;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.filter-chip button{border-radius:2px;color:#1e40af;padding:2px;transition:background .2s ease}.filter-chip button:hover{background:#1e40af1a}.clear-all-filters{border-radius:6px;color:#6b7280;font-size:14px;padding:8px 12px;transition:all .2s ease}.clear-all-filters:hover{background:#f3f4f6;color:#374151}.filter-panel{grid-gap:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px;padding:24px}.filter-section h3{color:#374151;font-size:16px;margin:0 0 12px}.filter-options{gap:8px}.filter-option{gap:8px;padding:4px 0}.filter-option input[type=checkbox]{margin:0}.priority-badge,.status-badge,.trade-badge{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.status-badge.status-draft{background:#f3f4f6;color:#6b7280}.status-badge.status-sent{background:#dbeafe;color:#1e40af}.status-badge.status-viewed{background:#fef3c7;color:#92400e}.status-badge.status-accepted{background:#d1fae5;color:#065f46}.status-badge.status-rejected{background:#fee2e2;color:#991b1b}.status-badge.status-expired{background:#f3f4f6;color:#6b7280}.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.status-badge.status-invoice-created{background:#dbeafe;color:#1e40af}.priority-badge.priority-low{background:#f3f4f6;color:#6b7280}.priority-badge.priority-normal{background:#dbeafe;color:#1e40af}.priority-badge.priority-high{background:#fed7aa;color:#c2410c}.priority-badge.priority-emergency{background:#fee2e2;color:#991b1b}.trade-badge{background:#f3f4f6;color:#374151}.date-filters{gap:12px}.date-input{gap:4px}.date-input label{color:#6b7280;font-size:12px}.date-input input{border:1px solid #d1d5db;font-size:14px;padding:8px 12px}.results-summary{color:#6b7280;font-size:14px;gap:8px;margin-bottom:16px}.loading-state{color:#6b7280;padding:48px}.loading-state svg{color:#3b82f6;margin-bottom:16px}.offers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:24px}.offer-card{background:#fff;border-left:4px solid #0000;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.offer-card:hover{box-shadow:0 4px 12px #00000026}.offer-card.status-draft{border-left-color:#6b7280}.offer-card.status-sent{border-left-color:#3b82f6}.offer-card.status-viewed{border-left-color:#f59e0b}.offer-card.status-accepted{border-left-color:#10b981}.offer-card.status-rejected{border-left-color:#ef4444}.offer-card.status-expired{border-left-color:#6b7280}.offer-card.status-cancelled{border-left-color:#ef4444}.offer-card.status-invoice-created{border-left-color:#3b82f6}.offer-card.priority-emergency{border-top:3px solid #ef4444}.offer-card.priority-high{border-top:2px solid #f59e0b}.offer-card.expired{background:#f9fafb;opacity:.7}.card-header{margin-bottom:16px}.offer-number{color:#050605;font-size:16px;font-weight:700}.badges{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.expired-badge{background:#fee2e2;border-radius:4px;color:#991b1b;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.customer-info,.trade-info{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.customer-info svg,.trade-info svg{height:16px;width:16px}.offer-details{margin-bottom:16px}.detail-row{color:#6b7280;font-size:13px;gap:8px;margin-bottom:6px}.detail-row svg{height:14px;width:14px}.detail-row:last-child{color:#1f2937;font-size:14px;font-weight:600}.offer-history{background:#f8fafc;border-radius:6px;margin-bottom:12px;padding:10px 12px}.offer-history-label{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.03em;margin-bottom:8px;text-transform:uppercase}.offer-history-label svg{height:13px;width:13px}.offer-history-list{border-left:2px solid #e2e8f0;list-style:none;margin:0;padding:0 0 0 9px}.offer-history-item{align-items:flex-start;color:#6b7280;display:flex;font-size:12px;gap:6px;line-height:1.35;margin-bottom:6px;padding-left:10px;position:relative}.offer-history-item:last-child{margin-bottom:0}.offer-history-item:before{background:#cbd5e1;border:2px solid #f8fafc;border-radius:50%;content:"";height:8px;left:-6px;position:absolute;top:5px;width:8px}.offer-history-item svg{flex-shrink:0;height:13px;margin-top:1px;width:13px}.offer-history-item .history-label{color:#374151;font-weight:500}.offer-history-item .history-date{white-space:nowrap}.offer-history-item .history-note{color:#94a3b8}.offer-history-item.history-status_sent:before{background:#3b82f6}.offer-history-item.history-status_sent svg{color:#3b82f6}.offer-history-item.history-status_accepted:before{background:#10b981}.offer-history-item.history-status_accepted svg{color:#10b981}.offer-history-item.history-status_accepted .history-label{color:#047857}.offer-history-item.history-status_rejected:before{background:#ef4444}.offer-history-item.history-status_rejected svg{color:#ef4444}.offer-history-item.history-status_rejected .history-label{color:#b91c1c}.offer-history-item.history-status_invoice_created:before{background:#8b5cf6}.offer-history-item.history-status_invoice_created svg{color:#8b5cf6}.offer-history-item.history-site_visit:before{background:#f59e0b}.offer-history-item.history-site_visit svg{color:#f59e0b}.offer-history-item.history-site_visit .history-label{color:#b45309}.offer-history-more{color:#94a3b8;font-size:11px;margin-top:6px;padding-left:19px}.work-types{background:#f8fafc;border-radius:6px;font-size:12px;margin-bottom:12px;padding:8px 12px}.work-types-label{color:#374151;font-weight:500;margin-right:4px}.work-types-list{color:#6b7280}.offer-description{background:#f1f5f9;border-left:3px solid #3b82f6;border-radius:6px;margin-bottom:0;padding:8px 12px}.description-text{color:#475569;font-size:13px;line-height:1.4}.empty-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:48px}.empty-state svg{color:#d1d5db}.empty-state h3{color:#374151;font-size:20px;margin:0 0 8px}.empty-state p{margin:0 0 24px}.btn-clear-filters{padding:10px 20px;transition:background .2s ease}@media (max-width:768px){.offer-list{padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px}.search-filter-bar{flex-direction:column;gap:12px}.search-container{min-width:auto}.filter-controls{flex-direction:column;gap:8px}.filter-panel,.offers-grid{gap:16px;grid-template-columns:1fr}.active-filters{align-items:stretch;flex-direction:column;gap:12px}}@media (max-width:480px){.offer-list{padding:12px}.offer-list-header{padding:16px}.header-title{font-size:24px}.btn-create span{display:none}.offer-card{padding:16px}.card-header{align-items:stretch;flex-direction:column;gap:8px}.badges{flex-direction:row;gap:8px;justify-content:flex-start}}.offer-list-page{background:#f8fafc;min-height:100vh}.error-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:24px;padding:48px;text-align:center}.error-state h2{color:#ef4444;font-size:24px;font-weight:600;margin:0 0 12px}.error-state p{color:#6b7280;margin:0 0 24px;max-width:400px}.btn-retry{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s ease}.btn-retry:hover{background:#2563eb}.offer-preview-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.offer-preview-container{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.offer-preview-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.preview-header-content{align-items:center;display:flex;flex:1 1;gap:12px}.preview-icon{height:24px;width:24px}.preview-header-content h2{font-size:24px;font-weight:600;margin:0}.preview-subtitle{font-size:14px;margin-left:auto;opacity:.9}.btn-close-preview{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-close-preview:hover{background:#ffffff4d;transform:scale(1.05)}.offer-preview-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.preview-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.section-header{border-bottom:2px solid #e5e7eb;gap:10px;margin-bottom:16px;padding-bottom:12px}.section-icon{color:#667eea;height:20px;width:20px}.section-header h3{color:#1f2937;font-size:18px}.edit-hint{color:#6b7280;font-size:12px;font-style:italic;margin-left:auto}.company-info{display:flex;flex-direction:column;gap:12px}.info-row{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.info-icon{color:#667eea;flex-shrink:0;height:16px;width:16px}.offer-text-editor{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;min-height:400px;padding:16px;resize:vertical;transition:border-color .2s;width:100%}.offer-text-editor:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s}.summary-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.summary-item.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.summary-item.highlight .summary-icon,.summary-item.highlight .summary-label,.summary-item.highlight .summary-value{color:#fff}.summary-icon{color:#667eea;flex-shrink:0;height:24px;width:24px}.summary-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.summary-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-item.highlight .summary-label{opacity:.9}.summary-value{color:#1f2937;font-size:16px;font-weight:600}.preview-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:10px;padding:12px 16px}.error-icon{height:20px;width:20px}.offer-preview-actions{align-items:center;background:#f9fafb;border-radius:0 0 12px 12px;border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.offer-preview-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary{background:#fff}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.loading-spinner.small{border-width:2px;height:14px;width:14px}@media (max-width:768px){.offer-preview-container{border-radius:0;max-height:100vh;max-width:100%}.offer-preview-header{border-radius:0}.preview-header-content h2{font-size:20px}.preview-subtitle{display:none}.summary-grid{grid-template-columns:1fr}.offer-preview-actions{flex-direction:column}.offer-preview-actions .btn{justify-content:center;width:100%}}.offer-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:calc(100vh - 2rem);margin:0 auto;max-width:1200px;padding:.75rem}.form-section{box-shadow:0 1px 3px 0 #0000001a}.section-header{border-bottom:2px solid #f1f5f9;padding-bottom:1rem}.section-icon{flex-shrink:0}.form-grid{grid-template-columns:1fr}.form-grid,.form-grid-2,.form-grid-3{grid-gap:1.25rem;gap:1.25rem}@media (min-width:768px){.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}}.form-field{gap:.375rem}.form-label{font-size:.8125rem;margin-bottom:.25rem}.form-input{background-color:#fff;font-size:.8125rem;padding:.625rem;transition:all .2s ease}.form-input.readonly,.form-input[readOnly],.form-textarea[readOnly]{background-color:#f3f4f6;border-color:#d1d5db;color:#4b5563;cursor:not-allowed}.form-input[readOnly]:focus,.form-textarea[readOnly]:focus{border-color:#d1d5db;box-shadow:none}.form-select,.form-textarea{font-size:.8125rem;padding:.625rem;transition:all .2s ease}.form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;min-height:80px;width:100%}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.radio-group{display:flex;flex-wrap:wrap;gap:1rem}.radio-option{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.radio-option:hover{background-color:#f8fafc;border-color:#3b82f6}.radio-option.selected{background-color:#eff6ff;border-color:#3b82f6}.radio-input{display:none}.radio-custom{border:2px solid #d1d5db;border-radius:50%;height:1rem;position:relative;transition:all .2s ease;width:1rem}.radio-option.selected .radio-custom{background-color:#3b82f6;border-color:#3b82f6}.radio-option.selected .radio-custom:after{background-color:#fff;border-radius:50%;content:"";height:.375rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.radio-input:disabled~.radio-custom{background-color:#f3f4f6;border-color:#d1d5db;cursor:not-allowed}.radio-option:has(.radio-input:disabled){background-color:#f9fafb;cursor:not-allowed;opacity:.6}.radio-option:has(.radio-input:disabled):hover{background-color:#f9fafb;border-color:#d1d5db}.customer-type-display{align-items:center;display:flex;gap:.75rem;min-height:2.5rem}.customer-type-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;letter-spacing:.01em;padding:.375rem .875rem;-webkit-user-select:none;user-select:none}.customer-type-badge.badge-privat{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.customer-type-badge.badge-versicherung{background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e}.customer-type-hint{color:#9ca3af;font-size:.75rem;font-style:italic}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-option{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.checkbox-option:hover{background-color:#f8fafc;border-color:#3b82f6}.checkbox-option:has(input:checked){background-color:#eff6ff;border-color:#3b82f6}.checkbox-input{display:none}.checkbox-custom{border:2px solid #d1d5db;border-radius:4px;height:1rem;position:relative;transition:all .2s ease;width:1rem}.checkbox-option:has(input:checked) .checkbox-custom{background-color:#3b82f6;border-color:#3b82f6}.checkbox-option:has(input:checked) .checkbox-custom:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.validation-message{font-size:.75rem;margin-top:.25rem}.validation-message.info{color:#6b7280}.validation-message.error{color:#ef4444}.form-input.input-conflict{border-color:#dc2626;box-shadow:0 0 0 1px #dc262640}.validation-message.success{color:#10b981}.btn{font-size:.8125rem;padding:.625rem 1rem}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#f1f5f9}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn-success{background-color:#10b981}.btn-success:hover:not(:disabled){background-color:#059669}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d}.btn-ai:hover:not(:disabled){box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.btn-ai:disabled{cursor:not-allowed;opacity:.6}.save-message{align-items:center;display:flex;font-size:.8125rem;gap:.5rem;margin-bottom:1rem}.save-message.success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.save-message.error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.loading-spinner{border:2px solid #f3f4f6;height:1rem;width:1rem}.loading-spinner.small{height:.75rem;width:.75rem}.error-message{margin:2rem 0}.error-icon{color:#dc2626}.error-content{display:flex;flex-direction:column;gap:.5rem}.error-title{color:#dc2626;margin:0}.error-text{margin:0}@media (max-width:767px){.offer-form-container{height:calc(100vh - 1rem);padding:.5rem}.form-section{margin-bottom:1.5rem;padding:1rem}.form-actions{flex-direction:column;gap:.75rem}.btn{justify-content:center;width:100%}}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 3px #3b82f61a}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn,.form-input,.form-select,.form-textarea{border-width:2px}}.total-calculation-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #3b82f6;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:24px 0;padding:24px}.total-calculation-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}.calculation-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.calculation-row.subtotal{background:#f1f5f9;border-color:#cbd5e1;border-top:2px solid #cbd5e1;font-weight:600;margin-top:8px}.calculation-row.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 2px 4px #3b82f64d;color:#fff;font-size:1.1em;font-weight:700;margin-top:12px}.calculation-label{color:#374151;font-weight:500}.calculation-row.total .calculation-label{color:#fff}.calculation-value{color:#1f2937;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:600}.calculation-row.total .calculation-value{color:#fff;font-size:1.2em}.materials-section{display:flex;flex-direction:column;gap:1rem}.materials-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.materials-list{display:flex;flex-direction:column;gap:1rem}.material-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.material-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto}.materials-total{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;margin-top:1rem;padding:1rem}.total-row{font-size:1.1rem;font-weight:600}.total-label{color:#475569}.empty-state{padding:2rem}.empty-icon{color:#cbd5e1;height:3rem;margin:0 auto 1rem;width:3rem}.empty-subtitle{color:#94a3b8;font-size:.875rem;margin-top:.5rem}@keyframes decision-highlight-pulse{0%{box-shadow:0 0 0 0 #d977068c}60%{box-shadow:0 0 0 6px #d9770600}to{box-shadow:0 0 0 0 #d9770600}}.decision-highlight{animation:decision-highlight-pulse 1.1s ease-out 2;border-color:#f59e0b!important;border-radius:6px;outline:2px solid #f59e0b!important;outline-offset:2px;transition:outline-color .3s ease,border-color .3s ease}.cost-breakdown-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px 14px}.cost-breakdown-header{align-items:baseline;color:#1e293b;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:8px;margin-bottom:8px}.cost-breakdown-sub{color:#64748b;font-size:11.5px;font-weight:400}.cost-breakdown-rows{display:flex;flex-direction:column;gap:3px}.cost-breakdown-row{color:#334155;display:flex;font-size:12.5px;gap:12px;justify-content:space-between}.cost-breakdown-row em{color:#94a3b8;font-size:11.5px;font-style:normal}.cost-breakdown-row.profit{border-top:1px solid #e2e8f0;font-weight:600;margin-top:6px;padding-top:6px}.cost-breakdown-row.profit.good{color:#047857}.cost-breakdown-row.profit.bad{color:#b91c1c}.cost-breakdown-notes{margin:10px 0 0;padding-left:1.1rem}.cost-breakdown-items,.cost-breakdown-notes{color:#64748b;font-size:11.5px;line-height:1.5}.cost-breakdown-items{margin-top:8px}.calculation-row .calculation-hint{color:#94a3b8;font-size:11.5px;font-style:normal;font-weight:400}.invoice-list{background:#f8fafc;margin:0 auto;max-width:100%;min-height:100vh;padding:0}.invoice-list-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{margin-bottom:1rem}.header-actions{align-items:center;gap:.75rem}.btn-refresh{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.75rem;transition:all .2s ease}.btn-refresh:hover{background:#e2e8f0;transform:scale(1.05)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.btn-create{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;min-height:44px;padding:.75rem 1rem;transition:all .2s ease}.btn-create:hover{background:#2563eb;transform:translateY(-1px)}.search-filter-bar{display:flex;flex-direction:column;gap:1rem}.search-container{align-items:center;display:flex;position:relative}.search-container svg{color:#64748b;height:20px;left:1rem;position:absolute;width:20px}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;min-height:44px;padding:.875rem 1rem .875rem 3rem;transition:border-color .2s ease}.search-input:focus{box-shadow:0 0 0 3px #3b82f61a}.clear-search{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:.25rem;position:absolute;right:1rem}.clear-search:hover{background:#f1f5f9;color:#475569}.filter-controls{gap:.75rem}.btn-filter,.filter-controls{align-items:center;display:flex}.btn-filter{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-weight:500;gap:.5rem;min-height:44px;padding:.75rem 1rem;position:relative;transition:all .2s ease}.btn-filter:hover{background:#f8fafc;border-color:#cbd5e1}.btn-filter.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.filter-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.sort-container{flex:1 1;position:relative}.sort-select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.875rem;min-height:44px;padding:.75rem 2.5rem .75rem 1rem;width:100%}.sort-container svg{color:#64748b;height:16px;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:16px}.active-filters{background:#f8fafc;border-radius:8px;margin-top:1rem;padding:1rem}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#475569;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.filter-chip button{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;justify-content:center;min-height:20px;min-width:20px;padding:.125rem}.filter-chip button:hover{background:#f1f5f9;color:#475569}.clear-all-filters{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 0}.clear-all-filters:hover{text-decoration:underline}.filter-panel{animation:slideDown .3s ease-out;background:#fff;border-top:1px solid #e2e8f0;padding:1.5rem 1rem}.filter-section{margin-bottom:1.5rem}.filter-section:last-child{margin-bottom:0}.filter-section h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .75rem}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;min-height:44px;padding:.5rem;transition:background-color .2s ease}.filter-option:hover{background:#f8fafc}.filter-option input[type=checkbox]{accent-color:#3b82f6;height:18px;width:18px}.status-badge{border-radius:12px;display:flex;letter-spacing:.025em;padding:.25rem .75rem}.status-open{background:#fef3c7;color:#92400e}.status-paid{background:#dcfce7;color:#166534}.status-overdue{background:#fee2e2;color:#991b1b}.status-cancelled{background:#e2e8f0;color:#64748b}.date-filters{gap:1rem}.date-filters,.date-input{display:flex;flex-direction:column}.date-input{gap:.5rem}.date-input label{color:#475569;font-size:.875rem;font-weight:500}.date-input input{border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;min-height:44px;padding:.75rem}.date-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.results-summary{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;padding:1rem}.filtered-indicator{color:#3b82f6;font-weight:500}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem}.spinning{animation:spin 1s linear infinite}.invoices-grid{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}@media (min-width:768px){.invoices-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}.invoice-card{animation:none!important;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:none;cursor:pointer;min-width:0;padding:1.25rem 1.5rem;position:relative;transform:none!important;transition:box-shadow .2s}.invoice-card:hover{border-color:#3b82f6;box-shadow:0 4px 16px #1e293b14}.invoice-card:active{box-shadow:0 2px 8px #1e293b0f}.invoice-card{--card-rotation:0deg!important;--card-delay:0s!important}.card-header{padding-left:.5rem}.invoice-number{color:#1e293b;font-size:1.125rem;font-weight:700;line-height:1.2}.customer-info{align-items:center;color:#475569;display:flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding-left:.5rem}.customer-info svg{color:#64748b;height:18px;width:18px}.invoice-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-left:.5rem}.detail-row{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.75rem}.detail-row svg{color:#94a3b8;flex-shrink:0;height:16px;width:16px}.empty-state{color:#64748b;padding:3rem 1rem}.empty-state svg{color:#cbd5e1;height:64px;margin-bottom:1rem;width:64px}.empty-state h3{color:#475569;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;max-width:400px}.btn-clear-filters{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;min-height:44px;padding:.75rem 1.5rem;transition:background-color .2s ease}.btn-clear-filters:hover{background:#2563eb}@media (min-width:768px){.invoice-list-header{padding:1.5rem}.header-title{font-size:1.75rem}.search-filter-bar{align-items:center;flex-direction:row;gap:1rem}.search-container{flex:1 1}.filter-controls{flex-shrink:0}.sort-container{min-width:200px}.filter-panel{padding:2rem 1.5rem}.filter-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.date-filters{flex-direction:row;gap:1rem}.date-input{flex:1 1}.invoices-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.invoice-card{padding:1.5rem}}@media (min-width:1024px){.invoice-list{margin:0 auto;max-width:1200px}.invoices-grid{gap:2rem;grid-template-columns:repeat(3,1fr);padding:2rem}.filter-options{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (min-width:1280px){.invoices-grid{grid-template-columns:repeat(4,1fr)}}@media (hover:none) and (pointer:coarse){.invoice-card:hover{transform:none}.invoice-card:active{transform:scale(.98)}.btn-create,.btn-filter,.btn-refresh,.filter-option,.search-input,.sort-select{min-height:48px}}@media (prefers-contrast:high){.invoice-card{border:2px solid #000}.status-badge{border:1px solid}}@media (prefers-reduced-motion:reduce){.invoice-card{animation:none}.invoice-card,.invoice-card:hover{transform:none}.filter-panel,.spinning{animation:none}}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#333;font-weight:500;padding:20px 40px}.erechnung-button-container{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:10px 0;padding:15px}.erechnung-status{align-items:center;display:flex;font-weight:500;margin-bottom:10px}.status-indicator{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.status-text{color:#333}.erechnung-actions{display:flex;flex-wrap:wrap;gap:8px}.erechnung-btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.erechnung-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.erechnung-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-success{background-color:#28a745}.btn-success:hover:not(:disabled){background-color:#1e7e34}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover:not(:disabled){background-color:#138496}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background-color:#e0a800}.btn-outline-secondary{background-color:initial;border:1px solid #6c757d;color:#6c757d}.btn-outline-secondary:hover:not(:disabled){background-color:#6c757d;color:#fff}.format-dialog-overlay{background-color:#00000080}.format-dialog{box-shadow:0 4px 20px #00000026;padding:30px;text-align:center}.format-dialog h3{color:#333;margin-bottom:15px}.format-dialog p{color:#666;margin-bottom:20px}.format-options{gap:15px;justify-content:center;margin-bottom:20px}.format-btn{align-items:center;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;gap:8px;padding:20px;transition:all .2s ease}.format-btn:hover{background-color:#f8f9fa;border-color:#007bff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.format-btn strong{color:#333;font-size:16px}.format-btn small{color:#666;font-size:12px}.alert{border:1px solid #0000;border-radius:4px;margin-bottom:15px;padding:12px 16px}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}@media (max-width:768px){.erechnung-actions{flex-direction:column}.erechnung-btn{margin-bottom:5px;width:100%}.format-options{flex-direction:column}.format-btn{width:100%}}.erechnung-btn:disabled:after{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:12px;margin-left:8px;width:12px}.invoice-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:calc(100vh - 2rem);margin:0 auto;max-width:1200px;padding:.75rem}.form-header{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem}.header-content{flex-direction:column;gap:.5rem}.header-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.header-subtitle{color:#64748b;font-size:1rem;font-weight:500}.header-actions{justify-content:flex-end}@media (min-width:768px){.form-header{align-items:center;flex-direction:row;justify-content:space-between}.header-content{flex:1 1}.header-actions{flex-shrink:0}}.form-content-scrollable{flex:1 1;margin-right:-.5rem;overflow-y:auto;padding-right:.5rem}.form-content-scrollable::-webkit-scrollbar{width:8px}.form-content-scrollable::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.form-content-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.form-content-scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:1.5rem}.section-header{border-bottom:2px solid #e2e8f0;gap:.75rem}.section-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.form-grid-1,.form-grid-2,.form-grid-3{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.form-grid-2,.form-grid-3{grid-template-columns:1fr 1fr}}@media (min-width:768px){.form-grid-3{grid-template-columns:1fr 1fr 1fr}}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;margin:0}.form-label.required:after{content:" *"}.form-input{background:#fff;border-radius:6px;padding:.75rem;transition:all .2s}.form-input.readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-select{cursor:pointer;transition:all .2s}.date-input-container{align-items:center;display:flex;position:relative}.date-input-container svg{color:#6b7280;height:1rem;left:.75rem;pointer-events:none;position:absolute;width:1rem;z-index:1}.date-input-container .form-input{padding-left:2.5rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#6b7280;height:1rem;left:.75rem;pointer-events:none;position:absolute;width:1rem;z-index:1}.input-with-icon .form-input{padding-left:2.5rem}.items-container{display:flex;flex-direction:column;gap:1rem}.item-row{grid-gap:1rem;align-items:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr auto;padding:1rem}.item-description,.item-price,.item-quantity,.item-vat{display:flex;flex-direction:column;gap:.5rem}.item-actions{align-items:center;display:flex;justify-content:center}.add-item-btn{align-self:flex-start;margin-top:.5rem}.totals-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-left:auto;max-width:400px;padding:1rem}.total-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.total-row:last-child{border-bottom:none}.total-row.total-final{border-top:2px solid #3b82f6;color:#1e293b;font-size:1.125rem;font-weight:600;margin-top:.5rem;padding-top:.75rem}.total-label{color:#64748b}.total-value{color:#1e293b;font-weight:500}.form-actions{border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:flex-start;padding:1.5rem}.btn{padding:.75rem 1rem;white-space:nowrap}.btn-secondary{background:#0b0b0b}.btn-secondary:hover:not(:disabled){background:#bdbec0}.btn-outline{background:#0000;border:1px solid #d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{font-size:.75rem;padding:.5rem}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.save-message{border-radius:6px;font-weight:500;margin-top:1rem;padding:.75rem 1rem}.save-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.save-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.error-message{background:#fef2f2;border:1px solid #fecaca;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.error-icon{color:#ef4444;height:3rem;margin-bottom:1rem;width:3rem}.error-content{max-width:400px}.error-title{color:#991b1b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.error-text{color:#7f1d1d;margin:0 0 1.5rem}@media (max-width:768px){.item-row{gap:.75rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{justify-content:center}.totals-container{max-width:100%}}@media (max-width:640px){.invoice-form-container{height:calc(100vh - 1rem);padding:.5rem}.form-actions,.form-section{padding:1rem}}.erechnung-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem}.erechnung-container .erechnung-button-container{display:flex;flex-direction:column;gap:1rem}.erechnung-container .erechnung-status{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.erechnung-container .status-indicator{border-radius:50%;display:inline-block;height:12px;width:12px}.erechnung-container .status-text{color:#374151;font-weight:500}.erechnung-container .erechnung-actions{display:flex;flex-wrap:wrap;gap:.5rem}.erechnung-container .erechnung-btn{font-size:.875rem;padding:.5rem 1rem}.format-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.format-dialog{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:2rem;width:90%}.format-dialog h3{color:#1e293b;font-size:1.25rem;margin:0 0 1rem}.format-dialog p{color:#64748b;margin:0 0 1.5rem}.format-options{gap:1rem;margin-bottom:1.5rem}.format-btn,.format-options{display:flex;flex-direction:column}.format-btn{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:1rem;text-align:left;transition:all .2s}.format-btn:hover{background:#f8fafc;border-color:#3b82f6}.format-btn strong{color:#1e293b;font-size:1rem;margin-bottom:.25rem}.format-btn small{color:#64748b;font-size:.875rem}.alert{border-radius:6px;font-size:.875rem;padding:.75rem 1rem}.alert-danger{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}@media (max-width:768px){.erechnung-container .erechnung-actions{flex-direction:column}.erechnung-container .erechnung-btn{justify-content:center;width:100%}.format-options{gap:.75rem}.format-dialog{margin:1rem;padding:1.5rem}}.form-select{background-color:#fff;border-radius:6px;color:#374151;padding:.75rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.form-select:disabled{color:#9ca3af}.form-input-readonly,.form-select:disabled{background-color:#f9fafb;cursor:not-allowed}.form-input-readonly{color:#6b7280}.loading-text{color:#6b7280;display:block;font-size:.75rem;font-style:italic;margin-top:.25rem}.form-select option{color:#374151;padding:.5rem}.form-select option:disabled{color:#9ca3af;font-style:italic}.pdf-preview-modal{align-items:center!important;background:#0000001a!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.pdf-preview-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.pdf-preview-container{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;position:relative;width:90vw}.pdf-preview-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.pdf-preview-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.pdf-preview-actions{align-items:center;display:flex;gap:.75rem}.pdf-preview-content{flex:1 1;overflow:hidden;position:relative}.pdf-preview-content iframe{background:#fff;border:none;height:100%;width:100%}@media (max-width:768px){.pdf-preview-container{height:95vh;margin:.5rem;width:95vw}.pdf-preview-header{align-items:stretch;flex-direction:column;gap:1rem}.pdf-preview-actions{justify-content:center}}.email-main-layout{background:#f8fafc;display:flex;height:100vh}.email-sidebar{background:#1e3a8a;border-right:1px solid #ffffff1a;color:#fff;display:flex;flex-direction:column;max-width:300px;min-width:200px;position:relative}.email-sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.5rem;padding:1rem}.email-sidebar-header h3{font-size:1.1rem;font-weight:600;margin:0}.email-sidebar-toggle{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.25rem;transition:background-color .2s}.email-sidebar-toggle:hover{background-color:#ffffff1a}.email-folder-list{flex:1 1;list-style:none;margin:0;padding:0}.email-folder-item{align-items:center;border-radius:0 25px 25px 0;cursor:pointer;display:flex;margin-right:1rem;padding:.75rem 1rem;transition:background-color .2s}.email-folder-item:hover{background-color:#ffffff1a}.email-folder-item.selected{background-color:#fff3;font-weight:600}.email-folder-icon{font-size:1.1rem;margin-right:.75rem}.email-folder-name{flex:1 1;font-size:.9rem}.email-folder-count{background:#fff3;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:.25rem .5rem;text-align:center}.email-list-panel{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex:1 1;flex-direction:column;min-width:300px}.email-list-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;padding:1rem}.email-search{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;flex:1 1;gap:.5rem;padding:.5rem .75rem}.email-search input{border:none;flex:1 1;font-size:.9rem;outline:none}.email-search input::placeholder{color:#9ca3af}.email-actions{display:flex;gap:.5rem}.email-action-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s}.email-action-btn:hover{background:#f3f4f6;color:#374151}.email-list{flex:1 1;overflow-y:auto}.email-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:1rem;transition:background-color .2s}.email-item:hover{background-color:#f8fafc}.email-item.selected{background-color:#eff6ff;border-left:3px solid #3b82f6}.email-item.unread{background-color:#fef3c7;font-weight:600}.email-item.unread:hover{background-color:#fde68a}.email-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.email-sender{color:#1f2937;font-size:.9rem;font-weight:600}.email-date{color:#6b7280;font-size:.8rem}.email-subject{color:#1f2937;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.email-preview{color:#6b7280;font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.email-item .email-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.email-item:hover .email-actions{opacity:1}.email-item .email-action-btn{background:none;border:none;color:#6b7280;padding:.25rem}.email-item .email-action-btn:hover{color:#374151}.email-item .email-action-btn.starred{color:#f59e0b}.email-detail-panel{background:#fff;display:flex;flex:2 1;flex-direction:column}.email-detail{flex:1 1;overflow-y:auto;padding:2rem}.email-detail-header{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1rem}.email-detail-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.email-detail-meta{color:#6b7280;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem}.email-detail-meta strong{color:#374151}.email-detail-body{color:#1f2937;line-height:1.6;margin-bottom:2rem;white-space:pre-wrap}.email-detail-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;padding-top:1rem}.btn{border-radius:8px;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem}.email-detail-placeholder{align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.email-detail-placeholder svg{margin-bottom:1rem;opacity:.5}.email-detail-placeholder p{font-size:1.1rem;margin:0}.email-sidebar-resizer{background:#0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:background .15s;width:6px;z-index:10}.email-sidebar-resizer:hover{background:#ffffff4d}@media (max-width:1024px){.email-detail-panel{display:none}.email-list-panel{flex:2 1}}@media (max-width:768px){.email-main-layout{flex-direction:column}.email-sidebar{height:auto;max-width:none;width:100%!important}.email-list-panel{flex:1 1}.email-list-header{flex-direction:column;gap:.5rem}.email-search{width:100%}}.btn-ai{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-ai:hover{background:#7c3aed;transform:translateY(-1px)}.ai-analysis-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:20px}.ai-analysis-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.ai-analysis-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0}.ai-analysis-header h3:before{content:"🤖"}.close-ai-analysis{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px;transition:all .2s ease}.close-ai-analysis:hover{background:#f1f5f9;color:#475569}.ai-analysis-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;margin-bottom:16px;padding:12px}.email-item.project-email{border-left:4px solid #8b5cf6}.email-item.project-email .email-subject:after{content:"🤖";margin-left:8px;opacity:.7}@media (max-width:768px){.ai-analysis-section{margin-top:16px;padding:16px}.ai-analysis-header{align-items:flex-start;flex-direction:column;gap:8px}.btn-ai{justify-content:center;width:100%}}.voice-recorder{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:500px;padding:24px}.voice-recorder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.voice-recorder-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.recording-time{background:#f3f4f6;border-radius:20px;color:#6b7280;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;padding:4px 12px}.voice-recorder-controls{display:flex;justify-content:center;margin-bottom:20px}.recording-controls{gap:12px}.recording-controls,.voice-btn{align-items:center;display:flex}.voice-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 20px;transition:all .2s ease}.voice-btn:disabled{cursor:not-allowed;opacity:.5}.voice-btn-record{background:#dc2626;color:#fff}.voice-btn-record:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.voice-btn-pause{background:#f59e0b;color:#fff}.voice-btn-pause:hover:not(:disabled){background:#d97706}.voice-btn-resume{background:#10b981;color:#fff}.voice-btn-resume:hover:not(:disabled){background:#059669}.voice-btn-stop{background:#6b7280;color:#fff}.voice-btn-stop:hover:not(:disabled){background:#4b5563}.voice-btn-play{background:#3b82f6;color:#fff;min-width:auto;padding:8px 16px}.voice-btn-play:hover:not(:disabled){background:#2563eb}.voice-btn-transcribe{background:#8b5cf6;color:#fff;min-width:auto;padding:8px 16px}.voice-btn-transcribe:hover:not(:disabled){background:#7c3aed}.voice-btn-process{background:#059669;color:#fff;min-width:auto;padding:8px 16px}.voice-btn-process:hover:not(:disabled){background:#047857}.voice-btn-reset{background:#6b7280;color:#fff;min-width:auto;padding:8px 16px}.voice-btn-reset:hover:not(:disabled){background:#4b5563}.audio-playback{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:20px 0;padding:16px}.audio-playback audio{margin-bottom:12px;width:100%}.audio-actions{display:flex;flex-wrap:wrap;gap:8px}.transcript-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:20px;padding:16px}.transcript-section h4{color:#0c4a6e;font-size:1rem;font-weight:600;margin:0 0 12px}.transcript-text{background:#fff;border:1px solid #e0f2fe;border-radius:6px;color:#1f2937;font-style:italic;line-height:1.5;margin-bottom:12px;min-height:60px;padding:12px}.transcript-actions{display:flex;gap:8px}.recording-indicator{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:16px;padding:12px}.pulse-dot{animation:pulse 1.5s infinite;background:#dc2626;border-radius:50%;height:8px;width:8px}@media (max-width:640px){.voice-recorder{margin:0 16px;padding:16px}.recording-controls{flex-direction:column;gap:8px}.voice-btn{min-width:100px;padding:10px 16px}.audio-actions,.transcript-actions{flex-direction:column}}.voice-btn:disabled{overflow:hidden;position:relative}.voice-btn:disabled:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.smart-voice-interface{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 25px #0000001a;margin:0 auto;max-width:800px;padding:32px}.voice-interface-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.voice-interface-header h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0}.voice-interface-header h2:before{content:"🎤";font-size:1.25rem}.session-info{align-items:center;display:flex;gap:12px}.session-id{background:#f3f4f6;border-radius:20px;color:#6b7280;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;padding:4px 12px}.voice-interface-content{display:flex;flex-direction:column;gap:24px}.recording-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.processing-status{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin:16px 0;padding:16px}.processing-indicator{align-items:center;color:#92400e;display:flex;font-weight:500;gap:12px}.complexity-indicator{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;gap:12px;margin:16px 0;padding:16px}.complexity-icon{flex-shrink:0}.complexity-icon.simple{color:#10b981}.complexity-icon.standard{color:#3b82f6}.complexity-icon.complex{color:#8b5cf6}.complexity-label{color:#0c4a6e;font-weight:600}.complexity-cost{color:#6b7280;font-family:Courier New,monospace;font-size:.875rem;margin-left:auto}.extracted-data{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:16px 0;padding:20px}.extracted-data h3{color:#166534;font-size:1.125rem;font-weight:600;margin:0 0 16px}.data-grid{grid-gap:12px;display:grid;gap:12px}.data-item{background:#fff;border:1px solid #d1fae5;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:12px}.data-item strong{color:#166534;font-size:.875rem;font-weight:600}.data-item span:not(strong){color:#1f2937;font-size:.875rem;word-break:break-word}.action-buttons{flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.action-btn{border:none;border-radius:8px;font-size:.875rem;font-weight:600;gap:8px;min-width:160px;padding:12px 24px;transition:all .2s ease}.action-btn:disabled{cursor:not-allowed;opacity:.5}.process-btn{background:#3b82f6;color:#fff}.process-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.offer-btn{background:#10b981;color:#fff}.offer-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.reset-btn{background:#6b7280;color:#fff}.reset-btn:hover:not(:disabled){background:#4b5563}.offer-preview{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin:16px 0;padding:20px}.offer-preview h3{align-items:center;color:#92400e;display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0 0 16px}.offer-preview h3:before{content:"✅"}.offer-details{background:#fff;border:1px solid #fbbf24;border-radius:6px;padding:16px}.offer-number{background:#fef3c7;border-radius:4px;color:#92400e;font-weight:600;margin-bottom:12px;padding:8px 12px}.customer-info{color:#1f2937;margin-bottom:16px}.pricing-info{display:flex;flex-direction:column;gap:8px}.pricing-item{align-items:center;background:#f9fafb;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.pricing-item.total{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-weight:600}.cost-tracking{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;margin:16px 0;padding:20px}.cost-tracking h4{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.cost-tracking h4:before{content:"💰"}@media (max-width:768px){.smart-voice-interface{margin:0 16px;padding:20px}.voice-interface-header{align-items:flex-start;flex-direction:column;gap:12px}.action-buttons{align-items:stretch;flex-direction:column}.action-btn{min-width:auto}.cost-item,.pricing-item{align-items:flex-start;flex-direction:column;gap:4px}}.cost-tracking,.extracted-data,.offer-preview{animation:slideIn .3s ease-out}.action-btn:disabled{overflow:hidden;position:relative}.action-btn:disabled:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.email-ai-analysis{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:16px 0;padding:24px}.analysis-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.analysis-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0}.analysis-header h3:before{content:"🤖"}.analyze-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.analyze-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.analyze-btn:disabled{cursor:not-allowed;opacity:.6}.analysis-progress{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin:16px 0;padding:16px}.progress-indicator{align-items:center;color:#92400e;display:flex;font-weight:500;gap:12px}.spinner{border-top-color:#f59e0b}.analysis-results{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:16px 0;padding:20px}.analysis-summary{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px}.confidence-indicator{align-items:center;display:flex;gap:8px}.confidence-label{color:#166534;font-weight:600}.confidence-value{border-radius:20px;font-size:.875rem;padding:4px 12px}.confidence-value.high{background:#dcfce7;color:#166534}.confidence-value.medium{background:#fef3c7;color:#92400e}.confidence-value.low{background:#fee2e2;color:#dc2626}.cost-info{color:#6b7280;font-family:Courier New,monospace;font-size:.875rem}.extracted-info h4{color:#166534;font-size:1.125rem;font-weight:600;margin:0 0 16px}.info-section{background:#fff;border:1px solid #d1fae5;border-radius:6px;margin-bottom:20px;padding:16px}.info-section h5{align-items:center;color:#166534;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 12px}.info-grid{grid-gap:12px;display:grid;gap:12px}.info-item{flex-direction:column}.info-item strong{color:#166534;font-size:.875rem;font-weight:600}.info-item span:not(strong){color:#1f2937;font-size:.875rem;word-break:break-word}.urgency-indicator{align-items:center;border-radius:6px;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:8px 12px}.urgency-indicator.high{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.urgency-indicator.medium{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.urgency-indicator.low{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.email-ai-analysis .offer-actions{border-top:1px solid #d1fae5;margin-top:20px;padding-top:16px}.email-ai-analysis .create-offer-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.email-ai-analysis .create-offer-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.email-ai-analysis .create-offer-btn:disabled{cursor:not-allowed;opacity:.6}.email-ai-analysis .offer-created{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:16px 0;padding:20px}.email-ai-analysis .success-indicator{align-items:center;color:#166534;display:flex;font-weight:600;gap:8px;margin-bottom:16px}.email-ai-analysis .offer-preview{background:#fff;border:1px solid #d1fae5;border-radius:6px;padding:16px}.email-ai-analysis .offer-number{background:#f0fdf4;border-radius:4px;color:#166534;font-weight:600;margin-bottom:12px;padding:8px 12px}.email-ai-analysis .offer-pricing{display:flex;flex-direction:column;gap:8px}.email-ai-analysis .pricing-item{align-items:center;background:#f9fafb;border-radius:4px;color:#166534;display:flex;font-weight:600;justify-content:space-between;padding:8px 12px}.cost-summary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;margin:16px 0;padding:20px}.cost-summary h4{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 16px}.cost-summary h4:before{content:"💰"}.cost-breakdown{display:flex;flex-direction:column;gap:8px}.cost-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.cost-item.total{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-weight:600}@media (max-width:768px){.email-ai-analysis{margin:8px 0;padding:16px}.analysis-header,.analysis-summary{gap:12px}.analysis-header,.analysis-summary,.info-item{align-items:flex-start;flex-direction:column}.cost-item,.pricing-item{align-items:flex-start;flex-direction:column;gap:4px}}.email-ai-analysis .analysis-results,.email-ai-analysis .cost-summary,.email-ai-analysis .offer-created{animation:slideIn .3s ease-out}.analyze-btn:disabled,.create-offer-btn:disabled{overflow:hidden;position:relative}.analyze-btn:disabled:after,.create-offer-btn:disabled:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.email-page{display:flex;flex-direction:column;height:100%;min-height:0}.email-page-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;flex-shrink:0;gap:.75rem;padding:.75rem 1rem}.email-page-header h1{align-items:center;display:flex;flex:1 1;font-size:1.25rem;gap:.5rem;margin:0}.email-page-refresh-btn,.email-page-sync-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.35rem;padding:.4rem .75rem}.email-page-refresh-btn:disabled,.email-page-sync-btn:disabled{cursor:not-allowed;opacity:.6}.email-page-link{color:#2563eb;color:var(--primary,#2563eb);font-size:.875rem;text-decoration:none}.email-page-banner{align-items:flex-start;border-radius:6px;display:flex;font-size:.875rem;gap:.5rem;margin:.5rem 1rem;padding:.6rem .75rem}.email-page-banner.warn{background:#fffbeb;color:#92400e}.email-page-banner.info{background:#eff6ff;color:#1e40af}.email-page-banner.success{background:#ecfdf5;color:#065f46}.email-page-banner.error{background:#fef2f2;color:#991b1b}.email-page-empty,.email-page-loading{color:#6b7280;font-size:.9rem;padding:1rem}.email-page .email-main-layout{flex:1 1;min-height:0}.material-card{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;min-height:280px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.material-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.material-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-6px)}.material-card.low-stock:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.material-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.material-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.material-card.danger:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.material-info{flex:1 1;min-width:0}.material-card .material-name{color:#000!important;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h3.material-name{color:#000!important}.material-meta{display:flex;flex-direction:column;gap:.5rem}.material-category{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:8px;color:#6b7280;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem .75rem;width:-webkit-fit-content;width:fit-content}.material-barcode{background:#f8fafc;border:1px solid #e5e7eb;border-radius:4px;color:#9ca3af;font-family:Monaco,Menlo,monospace;font-size:.85rem;padding:.25rem .5rem}.card-actions{display:flex;flex-shrink:0;gap:.5rem}.action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:1.1rem;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.action-btn:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;color:#3b82f6;transform:translateY(-2px)}.action-btn.danger:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.stock-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.stock-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stock-label{color:#374151;font-size:1rem;font-weight:600}.stock-status{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.stock-status.success{background:#d1fae5;color:#065f46}.stock-status.warning{background:#fef3c7;color:#92400e}.stock-status.danger{background:#fee2e2;color:#991b1b}.stock-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden;width:100%}.stock-fill{border-radius:4px;height:100%;transition:width .3s ease}.stock-fill.success{background:linear-gradient(90deg,#10b981,#059669)}.stock-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.stock-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.stock-details{grid-gap:1rem;display:grid;font-size:.9rem;gap:1rem;grid-template-columns:1fr 1fr}.stock-detail{display:flex;flex-direction:column;gap:.25rem}.stock-detail-label{color:#6b7280;font-weight:500}.stock-detail-value{color:#1f2937;font-weight:600}.material-details{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.detail-label{font-size:.85rem}.detail-value{font-size:1rem}.quick-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.quick-action-btn{border-radius:10px;flex:1 1;justify-content:center;padding:.875rem 1rem}.quick-action-btn:hover{border-color:#3b82f6;color:#3b82f6}.quick-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.quick-action-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 15px #3b82f64d}.action-buttons{gap:.75rem;margin-top:1.5rem}.action-button{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;flex:1 1;font-size:.9rem;justify-content:center;padding:.875rem 1rem}.action-button:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.action-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6}.action-button.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 15px #3b82f64d}.action-button.warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}.action-button.warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 15px #f59e0b4d}.action-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}.action-button.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #ef44444d}.material-card.loading{align-items:center;display:flex;justify-content:center;min-height:280px}@media (max-width:768px){.material-card{min-height:240px;padding:1.5rem}.material-name{color:#000!important;font-size:1.2rem}.detail-grid,.stock-details{gap:.75rem;grid-template-columns:1fr}.action-buttons,.quick-actions{flex-direction:column}}.stock-adjustment-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.stock-adjustment-modal{animation:slideInUp .4s ease-out;background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;overflow:hidden;padding:2rem 2.5rem;position:relative}.modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.modal-title{align-items:center;display:flex;font-size:1.75rem;font-weight:700;gap:1rem;margin:0;position:relative;z-index:1}.modal-title-icon{color:#fbbf24;height:2rem;width:2rem}.modal-content{padding:2.5rem}.material-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:2rem;padding:2rem}.material-name{color:#000;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.material-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.detail-item{flex-direction:column;gap:.25rem}.detail-label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:#1f2937;font-size:1.1rem;font-weight:600}.detail-value.currency{color:#059669}.adjustment-form{display:flex;flex-direction:column;gap:2rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b1a}.form-textarea{min-height:100px}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem}.quick-action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:.5rem;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.quick-action-btn:hover{background:#f8fafc;border-color:#f59e0b;color:#f59e0b;transform:translateY(-2px)}.quick-action-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 4px 15px #f59e0b4d;color:#fff}.quick-action-icon{height:1.5rem;width:1.5rem}.form-btn.primary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.form-btn.primary:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66}.form-btn.secondary:hover{border-color:#f59e0b;color:#f59e0b}.loading-spinner{border-top-color:#f59e0b}.success-message{align-items:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:12px;color:#065f46;display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.success-icon{color:#059669;height:1.25rem;width:1.25rem}@media (max-width:768px){.stock-adjustment-overlay{padding:1rem}.stock-adjustment-modal{max-height:98vh}.modal-header{padding:1.5rem}.modal-title{font-size:1.5rem}.modal-content{padding:1.5rem}.material-details{gap:1rem;grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column;padding:1.5rem}.form-btn{width:100%}}.material-form-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.material-form-modal{animation:slideInUp .4s ease-out;background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:95vh;max-width:900px;overflow:hidden;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-header{align-items:center;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;overflow:hidden;padding:2rem 2.5rem;position:relative}.form-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.form-title{align-items:center;display:flex;font-size:1.75rem;font-weight:700;gap:1rem;margin:0;position:relative;z-index:1}.form-title-icon{color:#fbbf24;height:2rem;width:2rem}.close-btn{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:3rem;justify-content:center;position:relative;transition:all .3s ease;width:3rem;z-index:1}.close-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.material-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.form-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:2.5rem;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.form-content::-webkit-scrollbar{width:8px}.form-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.form-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.form-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-group{gap:.75rem}.form-label{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.form-label.required:after{color:#ef4444;content:"*";font-weight:700}.form-input,.form-select,.form-textarea{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-help{color:#6b7280}.form-error,.form-help{font-size:.875rem;margin-top:.25rem}.form-error{color:#ef4444;font-weight:500}.form-actions{background:#f8fafc;border-top:1px solid #e5e7eb;flex-shrink:0;padding:2rem 2.5rem}.form-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:140px;padding:1rem 2rem;transition:all .3s ease}.form-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 4px 15px #3b82f64d;color:#fff}.form-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.form-btn.secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.form-btn.secondary:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.form-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:3rem}.loading-spinner{border:3px solid #e5e7eb;height:2rem;margin-right:1rem;width:2rem}.form-section{margin-bottom:2.5rem}.section-title{border-bottom:2px solid #e5e7eb;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem}.form-checkbox,.form-radio{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.form-checkbox:hover,.form-radio:hover{background:#f8fafc}.form-checkbox input,.form-radio input{accent-color:#3b82f6;height:1.25rem;width:1.25rem}.form-checkbox-label,.form-radio-label{color:#374151;cursor:pointer;font-size:1rem;font-weight:500}.delivery-note-scan{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin:0 2.5rem 1rem;padding:1.25rem 1.5rem}.delivery-note-scan-header{color:#92400e;display:flex;gap:.75rem;margin-bottom:1rem}.delivery-note-scan-title{color:#78350f;font-size:1rem;font-weight:600;margin:0}.delivery-note-scan-sub{color:#a16207;font-size:.8rem;margin:.25rem 0 0}.delivery-note-scan-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.delivery-note-file-btn{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem}.delivery-note-preview{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;max-height:160px;max-width:100%;object-fit:contain}.delivery-note-file-hint{color:#78350f;font-size:.8rem;margin:0 0 .75rem}.delivery-note-lines{margin-top:.5rem}.delivery-note-lines-list{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0 0 .75rem;padding:0}.delivery-note-line-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .65rem}.delivery-note-line-item.selected{background:#f5f3ff;border-color:#6366f1}.delivery-note-line-radio{align-items:flex-start;color:#1e293b;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem}.delivery-note-line-radio input{margin-top:.2rem}.delivery-note-apply-btn{margin-bottom:.5rem}.delivery-note-lines-warning{color:#b45309;font-size:.78rem;line-height:1.4;margin:0}.delivery-note-import-result{margin-top:.75rem}.delivery-note-import-success{color:#15803d;font-size:.85rem;font-weight:600;margin:0 0 .5rem}.delivery-note-import-failed-title{color:#b91c1c;font-size:.8rem;font-weight:600;margin:.75rem 0 .35rem}.delivery-note-line-item.success{background:#f0fdf4;border-color:#bbf7d0}.delivery-note-line-item.failed{background:#fef2f2;border-color:#fecaca}.delivery-note-scan-hint{color:#15803d;font-size:.8rem;margin:.5rem 0 0}.material-setup-suggestions{background:linear-gradient(135deg,#f0f4ff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;margin:0 2.5rem 1.5rem;padding:1.25rem 1.5rem}.material-setup-suggestions-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.material-setup-suggestions-header .btn-sm{flex-shrink:0;margin-left:auto}.suggestions-icon{color:#6366f1;flex-shrink:0}.material-setup-suggestions-title{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.material-setup-suggestions-sub{color:#64748b;font-size:.8rem;margin:.25rem 0 0}.material-setup-suggestions-loading{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.5rem}.material-setup-suggestions-loading .spin{animation:spin 1s linear infinite}.material-setup-suggestions-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:0}.material-setup-suggestion-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:.65rem .85rem}.suggestion-name{color:#0f172a;display:block;font-weight:600}.suggestion-meta{color:#64748b;font-size:.75rem}.suggestion-source{color:#94a3b8;display:block;font-size:.7rem;margin-top:.15rem}.suggestion-actions{display:flex;flex-shrink:0;gap:.5rem}.btn-sm{font-size:.8rem;padding:.35rem .65rem}.material-setup-suggestions-empty{color:#64748b;font-size:.875rem;margin:0}@media (max-width:768px){.material-form-overlay{padding:1rem}.material-form-modal{max-height:98vh}.form-header{padding:1.5rem}.form-title{font-size:1.5rem}.form-content{padding:1.5rem}.form-grid{gap:1.5rem;grid-template-columns:1fr}.form-actions{flex-direction:column;padding:1.5rem}.form-btn{width:100%}.delivery-note-scan{margin:0 1.5rem 1rem}.delivery-note-scan-actions{flex-direction:column}.delivery-note-scan-actions .btn{width:100%}.material-setup-suggestions{margin:0 1.5rem 1rem}.material-setup-suggestion-item{align-items:stretch;flex-direction:column}.suggestion-actions{justify-content:stretch}.suggestion-actions .btn{flex:1 1}}.warehouse-dashboard{background:#f8fafc;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 25px #0000001a;color:#fff;margin-bottom:3rem;padding:2rem}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.dashboard-title{align-items:center;display:flex;font-size:2.5rem;font-weight:800;gap:1rem;margin:0;text-shadow:0 2px 4px #0000001a}.title-icon{color:#fbbf24;height:2.5rem;width:2.5rem}.header-actions .btn{border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:1.1rem;font-weight:600;padding:.875rem 1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card{border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;gap:1.5rem;padding:2rem;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:3.5rem;justify-content:center;width:3.5rem}.stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.info{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content{flex:1 1}.stat-value{color:#1f2937;font-size:2.5rem;font-weight:800;line-height:1;margin:0 0 .5rem}.stat-label{font-size:1.1rem}.category-filters{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding:1.5rem;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.category-filters::-webkit-scrollbar{height:8px}.category-filters::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.category-filters::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.category-filters::-webkit-scrollbar-thumb:hover{background:#94a3b8}.category-filter{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:center;transition:all .3s ease;white-space:nowrap}.category-filter:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.category-filter:hover:before{left:100%}.category-filter:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.category-filter.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 15px #3b82f64d;color:#fff}.materials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:3rem}.section-header{flex-direction:column}.section-title{align-items:center;display:flex;font-size:1.75rem;font-weight:700;gap:1rem;margin:0 0 1.5rem}.section-icon{height:1.75rem;width:1.75rem}.section-icon.warning{color:#f59e0b}.filters-container{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.search-form{max-width:600px;width:100%}.search-input-group{position:relative;width:100%}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.search-input{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;font-size:1.1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.search-icon{color:#6b7280;height:1.5rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.5rem}.filter-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 4px 15px #3b82f64d;color:#fff}.category-stats{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:3rem;padding:2rem}.category-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s ease}.category-item:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.low-stock-alerts{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:3rem;padding:2rem}.low-stock-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.low-stock-item{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;padding:1.5rem;transition:all .3s ease}.low-stock-item:hover{background:#fff;box-shadow:0 4px 12px #ef444426;transform:translateY(-2px)}.low-stock-item .material-name{color:#000;font-weight:700}.pagination{margin-top:3rem}.pagination-btn{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.warehouse-dashboard{padding:1rem}.dashboard-title{font-size:2rem}.materials-grid,.stats-grid{gap:1rem;grid-template-columns:1fr}.category-filters{gap:.75rem;padding:1rem}.category-filter{font-size:.9rem;padding:.875rem 1rem}}.warehouse-page{background:#f9fafb;min-height:100vh;width:100%}.warehouse-page .warehouse-dashboard{background:#0000;min-height:auto;padding-top:0}@media (min-width:768px){.warehouse-page{padding:0}}@media (min-width:1024px){.warehouse-page{max-width:none}}.voice-mic-button{align-items:center;background:#f1f3f5;border:none;border-radius:50%;color:#495057;cursor:pointer;display:inline-flex;height:36px;justify-content:center;touch-action:none;transition:background .15s ease,color .15s ease,transform .1s ease;user-select:none;-webkit-user-select:none;width:36px}.voice-mic-button:hover:not(:disabled){background:#e9ecef}.voice-mic-button:disabled{cursor:not-allowed;opacity:.5}.voice-mic-button--recording{animation:voice-mic-pulse 1.4s ease-in-out infinite;background:#e03131;color:#fff;transform:scale(1.06)}.voice-mic-button--busy{background:#e7f5ff;color:#1971c2}.voice-mic-button__spinner{animation:voice-mic-spin .9s linear infinite}@keyframes voice-mic-pulse{0%,to{box-shadow:0 0 0 0 #e0313180}50%{box-shadow:0 0 0 8px #e0313100}}@keyframes voice-mic-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.voice-mic-button--recording{animation:none}.voice-mic-button__spinner{animation-duration:2s}}.voice-status{align-items:center;color:#495057;display:flex;font-size:13px;gap:8px;padding:6px 12px}.voice-status__dot{background:#868e96;border-radius:50%;flex-shrink:0;height:8px;width:8px}.voice-status--recording{color:#c92a2a}.voice-status--recording .voice-status__dot{animation:voice-status-blink 1s ease-in-out infinite;background:#e03131}.voice-status--executing .voice-status__dot,.voice-status--thinking .voice-status__dot,.voice-status--transcribing .voice-status__dot{animation:voice-status-blink 1.4s ease-in-out infinite;background:#1971c2}.voice-status--error{color:#c92a2a}@keyframes voice-status-blink{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.voice-status__dot{animation:none!important}}.chat-input__voice-recording-hint{align-items:center;color:#ffffffb3;display:flex;font-size:12px;gap:8px;justify-content:center;padding:8px}.chat-input--voice-only .chat-input__container{background:#0000;border:none;padding:0}.chat-input__button--voice-primary{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.chat-input__button--voice-primary:hover:not(:disabled){background:#2563eb!important}.chat-input{background:#374151;border-top:1px solid #ffffff1a;padding:16px;width:100%}.chat-input__container{align-items:flex-end;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:8px;padding:8px;transition:border-color .2s ease}.chat-input__container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input__button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-input__button--secondary{background:#ffffff1a;border:1px solid #ffffff1a;color:#ffffffb3}.chat-input__button--secondary:hover:not(:disabled){background:#fff3;border-color:#fff3;color:#fff}.chat-input__button--primary{background:#3b82f6;color:#fff}.chat-input__button--primary:hover:not(:disabled){background:#2563eb}.chat-input__button--active{background:#10b981;color:#fff}.chat-input__button--recording{animation:pulse 1.5s infinite;background:#dc2626;color:#fff}.chat-input__button:disabled{cursor:not-allowed;opacity:.5}.chat-input__field{align-items:center;display:flex;flex:1 1;min-height:40px}.chat-input__textarea{background:#0000;border:none;color:#fff;font-family:inherit;font-size:14px;line-height:1.5;max-height:120px;min-height:24px;outline:none;padding:8px 12px;resize:none;width:100%}.chat-input__textarea::placeholder{color:#ffffff80}.chat-input__counter{background:#0003;border-radius:4px;bottom:4px;color:#ffffff80;font-size:12px;padding:2px 6px;position:absolute;right:8px}.chat-input__voice-controls{animation:slideDown .3s ease-out;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:12px;padding:16px}.voice-controls__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.voice-controls__title{color:#fff;font-size:14px;font-weight:600}.voice-controls__time{color:#3b82f6;font-family:Courier New,monospace;font-size:14px;font-weight:600}.voice-controls__playback{margin-bottom:12px}.voice-controls__playback audio{margin-bottom:8px;width:100%}.voice-controls__actions{display:flex;flex-wrap:wrap;gap:8px}.voice-controls__button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.voice-controls__button--primary{background:#3b82f6;color:#fff}.voice-controls__button--primary:hover:not(:disabled){background:#2563eb}.voice-controls__button--secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.voice-controls__button--secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.voice-controls__button:disabled{cursor:not-allowed;opacity:.5}.voice-controls__transcript{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:13px;margin-bottom:12px;padding:8px 12px}.voice-controls__recording-indicator{align-items:center;color:#dc2626;display:flex;font-size:13px;font-weight:500;gap:8px}.recording-dot{animation:pulse 1.5s infinite;background:#dc2626;border-radius:50%;height:8px;width:8px}@media (max-width:640px){.chat-input{padding:12px}.chat-input__container{padding:6px}.chat-input__button{height:36px;width:36px}.voice-controls__actions{flex-direction:column}.voice-controls__button{justify-content:center;width:100%}}.chat-input__button:disabled{overflow:hidden;position:relative}.chat-input__button:disabled:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.typing-indicator{align-self:flex-start;display:flex;max-width:85%}.typing-indicator__container{align-items:flex-start;background:var(--chat-bg-primary);border:1px solid var(--chat-border-color);border-radius:18px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;padding:12px 16px}.typing-indicator__avatar{align-items:center;background:var(--chat-primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;width:28px}.typing-indicator__body{align-items:center;display:flex;flex:1 1;gap:8px}.typing-indicator__dots{align-items:center;display:flex;gap:4px}.typing-indicator__dot{animation:typingDot 1.4s ease-in-out infinite;background:var(--chat-text-secondary);border-radius:50%;height:6px;width:6px}.typing-indicator__dot:first-child{animation-delay:-.32s}.typing-indicator__dot:nth-child(2){animation-delay:-.16s}.typing-indicator__dot:nth-child(3){animation-delay:0s}@keyframes typingDot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-indicator__text{color:var(--chat-text-secondary);font-size:12px;font-style:italic}@media (max-width:768px){.typing-indicator{max-width:90%}.typing-indicator__container{padding:10px 14px}.typing-indicator__avatar{height:24px;width:24px}.typing-indicator__dot{height:5px;width:5px}.typing-indicator__text{font-size:11px}}.typing-indicator{animation:typingIndicatorSlideIn .3s ease-out}@keyframes typingIndicatorSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.typing-indicator__dot{animation:none;opacity:.7}.typing-indicator{animation:none}}.voice-confirm{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13px;margin:8px 0;padding:12px 14px}.voice-confirm__head{align-items:center;display:flex;font-weight:600;gap:8px}.voice-confirm__title{line-height:1.3}.voice-confirm__lines{grid-gap:2px 12px;display:grid;gap:2px 12px;grid-template-columns:auto minmax(0,1fr);margin:10px 0 0}.voice-confirm__line{display:contents}.voice-confirm__lines dt{color:#b45309}.voice-confirm__lines dd{color:#78350f;font-weight:500;margin:0;overflow-wrap:anywhere}.voice-confirm__actions{display:flex;gap:8px;margin-top:12px}.voice-confirm__btn{align-items:center;background:#fff;border:1px solid #fcd34d;border-radius:6px;color:#92400e;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:6px 12px}.voice-confirm__btn:hover:not(:disabled){background:#fef3c7}.voice-confirm__btn:disabled{cursor:default;opacity:.6}.voice-confirm__btn--primary{background:#b45309;border-color:#b45309;color:#fff;margin-left:auto}.voice-confirm__btn--primary:hover:not(:disabled){background:#92400e}.voice-confirm__hint{color:#b45309;font-size:12px;margin-top:8px}.voice-only-panel{bottom:24px;max-width:calc(100vw - 48px);position:fixed;right:24px;width:320px;z-index:1000}.voice-only-panel__card{background:#374151;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;overflow:hidden}.voice-only-panel__header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:10px;padding:12px 16px}.voice-only-panel__avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.voice-only-panel__info{display:flex;flex:1 1;flex-direction:column;min-width:0}.voice-only-panel__title{color:#fff;font-size:14px;font-weight:600}.voice-only-panel__subtitle{color:#fff9;font-size:11px}.voice-only-panel__mic-badge{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff9;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.voice-only-panel__mic-badge.active{animation:voice-pulse 1.5s infinite;background:#3b82f64d;color:#60a5fa}.voice-only-panel__chat-toggle{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .2s ease,color .2s ease;width:32px}.voice-only-panel__chat-toggle:hover{background:#ffffff26;color:#fff}.voice-only-panel__context{background:#3b82f626;border-bottom:1px solid #3b82f633;color:#93c5fd;font-size:12px;font-weight:500;padding:8px 16px}.voice-only-panel__hint{color:#fff9}.voice-only-panel__hint,.voice-only-panel__transcript{border-bottom:1px solid #ffffff0d;font-size:12px;line-height:1.4;padding:8px 16px}.voice-only-panel__transcript{color:#7cc4ff;font-style:italic;max-height:60px;overflow-y:auto}.voice-only-panel__status{align-items:center;color:#ffffffb3;display:flex;font-size:12px;gap:8px;padding:8px 16px}.voice-only-panel__response{border-bottom:1px solid #ffffff0d;color:#ffffffd9;font-size:12px;line-height:1.4;max-height:80px;overflow-y:auto;padding:8px 16px}.voice-only-panel__error{align-items:flex-start;background:#ef444426;border-bottom:1px solid #ef444433;color:#fca5a5;display:flex;font-size:12px;gap:6px;padding:8px 16px}.voice-only-panel .chat-input{border-top:none;padding:12px 16px}.voice-only-panel .chat-input__container{justify-content:center}.voice-only-panel .chat-input__button--secondary{border-radius:50%;height:56px;width:56px}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.voice-only-panel{bottom:16px;left:16px;max-width:none;right:16px;width:auto}}.voice-only-panel__confirm{padding:0 12px}.voice-only-panel__flow{align-items:center;background:#fbbf241f;border-bottom:1px solid #fbbf244d;color:#fcd34d;display:flex;font-size:12px;gap:10px;justify-content:space-between;padding:8px 16px}.voice-only-panel__flow-exit{background:#0000;border:1px solid;border-radius:6px;color:inherit;cursor:pointer;flex-shrink:0;font-size:12px;padding:3px 9px}.voice-only-panel__flow-exit:hover{background:#ffffff14}.quick-replies{margin-top:8px}.quick-replies__container{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.message-bubble--user .quick-replies__container{justify-content:flex-end}.quick-reply{background:var(--chat-bg-primary);border:1px solid var(--chat-border-color);color:var(--chat-text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;transition:var(--chat-transition);white-space:nowrap}.quick-reply:hover{background:var(--chat-primary-color);border-color:var(--chat-primary-color);box-shadow:0 2px 8px #0000001a;color:#fff}.quick-reply:active{transform:translateY(0)}.quick-reply__text{display:block;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.quick-replies__container{gap:6px}.quick-reply{font-size:11px;max-width:150px;padding:5px 10px}}@media (hover:none) and (pointer:coarse){.quick-reply:hover{transform:none}.quick-reply:active{background:var(--chat-primary-color);border-color:var(--chat-primary-color);color:#fff}}.quick-reply:focus{outline:2px solid var(--chat-primary-color);outline-offset:2px}.quick-reply:focus:not(:focus-visible){outline:none}.quick-reply{animation:quickReplySlideIn .3s ease-out}@keyframes quickReplySlideIn{0%{opacity:0;transform:translateY(5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.quick-replies__container{align-items:stretch;flex-direction:column}.quick-reply{max-width:none;text-align:center}.message-bubble--user .quick-replies__container{align-items:stretch}}.tool-card{background:#fff;border:1px solid #dee2e6;border-radius:10px;font-size:13px;margin-top:8px;overflow:hidden}.tool-card__title{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#343a40;font-weight:600;padding:8px 12px}.tool-card__list{list-style:none;margin:0;padding:0}.tool-card__item{align-items:baseline;border-bottom:1px solid #f1f3f5;display:flex;flex-wrap:wrap;gap:4px 10px;padding:8px 12px}.tool-card__item:last-child{border-bottom:none}.tool-card__item--clickable{cursor:pointer}.tool-card__item--clickable:hover{background:#f8f9fa}.tool-card__item-main{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.tool-card__item-title{color:#212529;font-weight:500}.tool-card__item-detail,.tool-card__item-subtitle{color:#868e96;font-size:12px}.tool-card__item-meta{color:#495057;white-space:nowrap}.tool-card__table-scroll{overflow-x:auto}.tool-card__table{border-collapse:collapse;white-space:nowrap;width:100%}.tool-card__table td,.tool-card__table th{border-bottom:1px solid #f1f3f5;padding:7px 12px;text-align:left}.tool-card__table th{color:#868e96;font-size:12px;font-weight:500}.tool-card__table tbody tr:last-child td{border-bottom:none}.tool-card__row--clickable{cursor:pointer}.tool-card__row--clickable:hover{background:#f8f9fa}.tool-card__detail{grid-gap:4px 14px;display:grid;gap:4px 14px;grid-template-columns:auto 1fr;margin:0;padding:10px 12px}.tool-card__detail dt{color:#868e96;font-size:12px}.tool-card__detail dd{color:#212529;margin:0}.tool-card__action{align-items:center;background:#0000;border:none;border-top:1px solid #f1f3f5;color:#1971c2;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:8px 12px;width:100%}.tool-card__action:hover{background:#f8f9fa}.message-row{display:flex;flex-direction:column;margin-bottom:16px}.message-row--user{align-items:flex-end}.message-row--ai{align-items:flex-start}.message-row--error,.message-row--system{align-items:center}.message-row--voice{align-items:flex-start}.message-row__content{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.5;max-width:80%;padding:12px 16px}.message-row--user .message-row__content{border-bottom-right-radius:4px}.message-row--ai .message-row__content{border-bottom-left-radius:4px}.message-row--error .message-row__error,.message-row--system .message-row__system{border-radius:8px;font-size:13px;max-width:90%;padding:8px 16px;text-align:center}.message-row__voice-command{border-radius:12px;margin-bottom:8px;max-width:90%;padding:16px}.voice-command-header{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.voice-complexity-badge{align-items:center;border-radius:12px;display:flex;font-size:11px;font-weight:500;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.voice-complexity-badge--simple{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.voice-complexity-badge--standard{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.voice-complexity-badge--complex{background:#8b5cf633;border:1px solid #8b5cf64d;color:#a78bfa}.voice-command-content{color:#fff}.voice-command-text{border-radius:8px;font-size:16px;font-weight:500;margin:0 0 12px;padding:8px 12px}.voice-command-details{display:flex;font-size:12px;gap:16px;margin-bottom:12px}.voice-command-model{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.voice-command-cost{font-family:Courier New,monospace;font-weight:600}.voice-command-extracted{border-radius:8px;margin-top:12px;padding:12px}.voice-command-extracted strong{color:#ffffffe6;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.voice-command-json{border-radius:4px;font-family:Courier New,monospace;font-size:11px;margin:0;max-height:200px;overflow-y:auto;padding:8px;white-space:pre-wrap;word-break:break-all}.quick-replies{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-reply{border-radius:12px;cursor:pointer;font-size:12px;padding:6px 12px}.message-row__timestamp{color:#fff9;font-size:11px;margin-top:4px;padding:0 8px}@media (max-width:640px){.message-row__content{font-size:13px;max-width:90%}.message-row__voice-command{max-width:95%;padding:12px}.voice-command-text{font-size:14px}.voice-command-details{flex-direction:column;gap:8px}.voice-command-json{font-size:10px;max-height:150px}.quick-replies{flex-direction:column}.quick-reply{text-align:center}}.message-row--voice .message-row__voice-command{animation:slideInFromLeft .3s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.voice-command-text:after,.voice-command-text:before{color:#3b82f6;content:'"';font-weight:700}.voice-processing{opacity:.7;position:relative}.voice-processing:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#3b82f61a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.chat-overlay{align-items:flex-end;animation:fadeIn .3s ease-out;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:9998}.chat-overlay--panel{align-items:stretch;animation:none;bottom:auto;display:flex;height:100vh;justify-content:stretch;left:auto;position:relative;right:auto;top:auto;width:100%;z-index:auto}.chat-overlay__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;position:absolute;right:0;top:0}.chat-overlay__container{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#374151;border-radius:var(--chat-border-radius) var(--chat-border-radius) 0 0;box-shadow:var(--chat-shadow);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;position:relative}.chat-overlay--panel .chat-overlay__container{border-radius:0;box-shadow:none;height:100%}.chat-overlay__header{align-items:center;background:#374151;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.chat-overlay__header-content{align-items:center;display:flex;gap:.75rem}.chat-overlay__avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.chat-overlay__avatar,.chat-overlay__title{color:#fff;font-size:1.125rem;font-weight:600}.chat-overlay__title{margin:0}.chat-overlay__subtitle{color:#fffc;font-size:.875rem;margin:0}.chat-overlay__close{align-items:center;background:none;border:none;border-radius:.375rem;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.chat-overlay__close:hover{background:#ffffff1a;color:#fff}.chat-overlay__messages{background:#374151;color:#fff;flex:1 1;overflow-y:auto;padding:1rem;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.chat-overlay__messages::-webkit-scrollbar{width:6px}.chat-overlay__messages::-webkit-scrollbar-track{background:#0000}.chat-overlay__messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-overlay__messages::-webkit-scrollbar-thumb:hover{background:#ffffff80}.chat-overlay__error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;color:#fca5a5;display:flex;font-size:.875rem;gap:.5rem;margin:.5rem 1rem;padding:.75rem 1rem}.chat-overlay__suggestions{background:#ffffff0d;border-top:1px solid #ffffff1a;flex-shrink:0;padding:1rem}.chat-overlay__suggestions-title{color:#ffffffe6;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.chat-overlay__suggestions-list{display:flex;flex-direction:column;gap:.5rem}.chat-overlay__suggestion{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.chat-overlay__suggestion:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.chat-overlay__suggestion-icon{color:#ffffffb3;font-size:1rem}.chat-overlay__input-area{background:#374151;border-top:1px solid #ffffff1a;flex-shrink:0;padding:1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.chat-overlay__container{border-radius:0;height:100vh}.chat-overlay__header{padding:1rem}.chat-overlay__input-area,.chat-overlay__messages{padding:.75rem}}.chat-overlay{--chat-bg-primary:#374151;--chat-bg-secondary:#ffffff0d;--chat-text-primary:#fff;--chat-text-secondary:#fffc;--chat-border:#ffffff1a;--chat-shadow:0 10px 25px -5px #0000004d;--chat-border-radius:0.75rem}.message-row__content{color:#fff}.message-row--user .message-row__content{background:#3b82f6;color:#fff}.message-row--ai .message-row__content{background:#ffffff1a;border:1px solid #ffffff1a;color:#fff}.message-row--system .message-row__system{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.message-row--error .message-row__error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.message-row__voice-command{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff}.voice-command-header{color:#fff}.voice-command-text{background:#ffffff1a;border-left:4px solid #3b82f6;color:#fff}.voice-command-details{color:#fffc}.voice-command-model{color:#fff9}.voice-command-cost{color:#10b981}.voice-command-extracted{background:#ffffff0d;border:1px solid #ffffff1a}.voice-command-json{background:#0003;color:#fff}.quick-replies{margin-top:.75rem}.quick-reply{background:#ffffff1a;border:1px solid #fff3;color:#fff;transition:all .2s ease}.quick-reply:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.typing-indicator{color:#ffffffb3}.typing-indicator__dot{background:#ffffffb3}.chat-overlay__confirm{padding:0 16px}.ai-assistant-voice-container{pointer-events:none;position:fixed;z-index:1000}.ai-assistant-voice-container>*{pointer-events:auto}.voice-status-bar--floating{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#6b7280;display:flex;font-size:11px;gap:12px;padding:8px 12px;position:fixed;right:16px;top:16px;z-index:999}.voice-status-item{align-items:center;display:flex;gap:6px}.voice-status-indicator{background:#6b7280;border-radius:50%;height:8px;width:8px}.voice-status-indicator.processing{animation:pulse 1.5s infinite;background:#f59e0b}.voice-status-indicator.low{background:#10b981}.voice-status-indicator.medium{background:#f59e0b}.voice-status-indicator.high{background:#ef4444}.ai-pdf-prompt-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:10002}.ai-pdf-prompt{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;padding:24px;width:calc(100% - 32px)}.ai-pdf-prompt p{color:#1f2937;font-size:15px;margin:0 0 20px}.ai-pdf-prompt__actions{display:flex;gap:12px;justify-content:flex-end}.ai-pdf-prompt__btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:8px 20px}.ai-pdf-prompt__btn:hover{background:#f3f4f6}.ai-pdf-prompt__btn--primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.ai-pdf-prompt__btn--primary:hover{background:#2563eb}.ai-assistant-voice-container--chat-open{pointer-events:auto}.ai-assistant-chat-panel{background:#fff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 6px -1px #0000001a;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:400px;z-index:1000}.ai-assistant-chat-layout{display:flex;flex:1 1;flex-direction:row;min-height:0;overflow:hidden}.ai-assistant-chat-layout .chat-overlay{flex:1 1;height:100%;min-width:0;position:relative}.ai-assistant-chat-layout .chat-overlay--panel{height:100%;position:relative}.visit-notes-context-bar{align-items:center;background:#eff6ff;border-bottom:1px solid #bfdbfe;color:#1e40af;display:flex;flex-shrink:0;font-size:13px;justify-content:space-between;padding:10px 16px}.visit-notes-context{font-weight:500}.voice-status-bar--chat-open{right:416px}@media (max-width:1200px){.ai-assistant-chat-panel{width:350px}.voice-status-bar--chat-open{right:366px}}@media (max-width:768px){.ai-assistant-chat-panel{left:0;right:0;width:100%;z-index:10001}.voice-status-bar--chat-open{right:16px}}.flow-context-bar{align-items:center;background:#fffbeb;border-bottom:1px solid #fcd34d;color:#92400e;display:flex;flex-shrink:0;font-size:13px;gap:12px;justify-content:space-between;padding:10px 16px}.flow-context-bar__label{font-weight:500}.flow-context-bar__exit{background:#0000;border:1px solid;border-radius:6px;color:inherit;cursor:pointer;flex-shrink:0;font-size:12px;padding:4px 10px}.flow-context-bar__exit:hover{background:#0000000d}.kunden-list{margin:0 auto;max-width:1000px;padding:1.5rem 1rem}.kunden-list-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.kunden-title{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.kunden-search-container{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.5rem;max-width:400px;padding:.5rem 1rem}.kunden-search-input{background:#0000;border:none;flex:1 1;font-size:1rem;outline:none;padding:.5rem 0}.kunden-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width:600px){.kunden-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.kunden-grid{grid-template-columns:repeat(3,1fr)}}.kunden-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #1e293b0a;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;transition:box-shadow .2s,border-color .2s}.kunden-card:hover{border-color:#3b82f6;box-shadow:0 4px 16px #1e293b14}.kunden-card-header{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.kunden-card-company{color:#64748b;font-size:.98rem;margin-bottom:.25rem}.kunden-card-contact{align-items:center;color:#334155;display:flex;font-size:.97rem;gap:.4rem}.kunden-empty{color:#64748b;font-size:1.1rem;grid-column:1/-1;padding:2rem 0;text-align:center}.client-form-modal{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.client-form-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #1e293b2e;max-width:95vw;min-width:320px;padding:2rem 2.5rem}.btn-primary{font-size:1rem;padding:.75rem 1.25rem;transition:background .2s}.template-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:20px;position:relative;transition:all .2s ease}.template-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.template-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.template-card__title-section{flex:1 1;margin-right:10px}.template-card__title{color:#1f2937;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 8px}.template-card__status{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.template-card__actions{position:relative}.template-card__action-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:4px;transition:all .2s ease}.template-card__action-btn:hover{background:#f3f4f6;color:#374151}.template-card__actions-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;min-width:150px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.template-card__action-item{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:.9rem;padding:8px 16px;text-align:left;transition:background-color .2s ease;width:100%}.template-card__action-item:hover{background:#f3f4f6}.template-card__action-item--danger{color:#dc2626}.template-card__action-item--danger:hover{background:#fef2f2}.template-card__content{display:flex;flex:1 1;flex-direction:column;gap:15px}.template-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.template-card__preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.template-card__preview-content{display:flex;flex-direction:column;gap:8px}.template-card__preview-layout{color:#6b7280;display:flex;font-size:.8rem;justify-content:space-between}.template-card__preview-date{color:#9ca3af;font-size:.8rem;font-style:italic}.template-card__preview-placeholder{color:#9ca3af;font-size:.9rem;padding:20px;text-align:center}.template-card__meta{display:flex;flex-direction:column;gap:6px}.template-card__meta-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.template-card__meta-label{color:#6b7280;font-weight:500}.template-card__meta-value{color:#374151;font-weight:600}.template-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.template-card__tag{background:#e5e7eb;border-radius:12px;color:#374151;font-size:.75rem;font-weight:500;padding:4px 8px}.template-card__tag--more{background:#3b82f6;color:#fff}.template-card__footer{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:15px}.template-card__select-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:background-color .2s ease;width:100%}.template-card__select-btn:hover{background:#2563eb}.template-card__modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.template-card__modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:30px;width:100%}.template-card__modal h3{color:#1f2937;font-size:1.3rem;margin:0 0 10px}.template-card__modal p{color:#6b7280;font-size:.95rem;margin:0 0 20px}.template-card__modal-input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;margin-bottom:20px;padding:12px 16px;transition:border-color .2s ease;width:100%}.template-card__modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.template-card__modal-actions{display:flex;gap:10px;justify-content:flex-end}.template-card__modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.template-card__modal-btn--cancel{background:#f3f4f6;color:#374151}.template-card__modal-btn--cancel:hover{background:#e5e7eb}.template-card__modal-btn--confirm{background:#3b82f6;color:#fff}.template-card__modal-btn--confirm:hover{background:#2563eb}.template-card__modal-btn--confirm:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.template-card{padding:15px}.template-card__title{font-size:1.1rem}.template-card__actions-dropdown{min-width:140px;right:-10px}.template-card__modal{margin:10px;padding:20px}}@media (max-width:480px){.template-card__header{align-items:flex-start;flex-direction:column;gap:10px}.template-card__actions{align-self:flex-end}.template-card__preview-layout{flex-direction:column;gap:4px}.template-card__modal-actions{flex-direction:column}.template-card__modal-btn{width:100%}}.template-card{animation:cardFadeIn .3s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.template-card__action-btn:focus,.template-card__action-item:focus,.template-card__modal-btn:focus,.template-card__modal-input:focus,.template-card__select-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.template-card__actions,.template-card__footer{display:none}.template-card{border:1px solid #000;box-shadow:none}}.template-form{background:#fff;border-radius:12px;max-height:90vh;overflow:hidden;overflow-y:auto}.template-form__header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 30px}.template-form__header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.template-form__close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s ease}.template-form__close-btn:hover{background:#e5e7eb;color:#374151}.template-form__form{padding:30px}.template-form__error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.template-form__section{margin-bottom:30px}.template-form__section h3{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 20px;padding-bottom:8px}.template-form__field{margin-bottom:20px}.template-form__label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.template-form__input,.template-form__select,.template-form__textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s ease;width:100%}.template-form__input:focus,.template-form__select:focus,.template-form__textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.template-form__input.error,.template-form__textarea.error{border-color:#dc2626}.template-form__textarea{min-height:80px;resize:vertical}.template-form__char-count{color:#9ca3af;font-size:.8rem;margin-top:4px;text-align:right}.template-form__error-text{color:#dc2626;display:block;font-size:.8rem;margin-top:4px}.template-form__row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.template-form__tag-input-container{display:flex;gap:10px}.template-form__tag-input{flex:1 1}.template-form__add-tag-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 16px;transition:background-color .2s ease;white-space:nowrap}.template-form__add-tag-btn:hover:not(:disabled){background:#2563eb}.template-form__add-tag-btn:disabled{background:#9ca3af;cursor:not-allowed}.template-form__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.template-form__tag{align-items:center;background:#e5e7eb;border-radius:16px;color:#374151;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px}.template-form__tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:16px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:16px}.template-form__tag-remove:hover{background:#d1d5db;color:#374151}.template-form__checkbox-group{margin-bottom:15px}.template-form__checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.9rem}.template-form__checkbox input[type=checkbox]{accent-color:#3b82f6;margin-right:10px}.template-form__checkbox-label{font-weight:500}.template-form__actions{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.template-form__btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.template-form__btn--cancel{background:#f3f4f6;color:#374151}.template-form__btn--cancel:hover:not(:disabled){background:#e5e7eb}.template-form__btn--submit{background:#3b82f6;color:#fff}.template-form__btn--submit:hover:not(:disabled){background:#2563eb}.template-form__btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.template-form__header{padding:15px 20px}.template-form__form{padding:20px}.template-form__row{gap:15px;grid-template-columns:1fr}.template-form__tag-input-container{flex-direction:column;gap:8px}.template-form__add-tag-btn{width:100%}.template-form__actions{flex-direction:column;gap:10px}.template-form__btn{width:100%}}@media (max-width:480px){.template-form__header h2{font-size:1.3rem}.template-form__section{margin-bottom:25px}.template-form__section h3{font-size:1rem}}.template-form{animation:formSlideIn .3s ease-out}@keyframes formSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.template-form__add-tag-btn:focus,.template-form__btn:focus,.template-form__checkbox input[type=checkbox]:focus,.template-form__close-btn:focus,.template-form__input:focus,.template-form__select:focus,.template-form__tag-input:focus,.template-form__tag-remove:focus,.template-form__textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}.template-form__checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .2s ease;width:18px}.template-form__checkbox input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}.template-form__checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.template-form__checkbox input[type=checkbox]:hover{border-color:#3b82f6}.template-form__btn--submit:disabled{position:relative}.template-form__btn--submit:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@media print{.template-form__actions,.template-form__header{display:none}.template-form{border:1px solid #000;box-shadow:none}}.template-list{width:100%}.template-list__header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.template-list__controls{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:15px}.template-list__search{flex:1 1;min-width:250px}.template-list__search-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s ease;width:100%}.template-list__search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.template-list__filters{align-items:center;display:flex;gap:10px}.template-list__filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:border-color .2s ease}.template-list__filter-select:focus{border-color:#3b82f6;outline:none}.template-list__sort-btn{background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 12px;transition:all .2s ease}.template-list__sort-btn:hover{background:#f8fafc;border-color:#3b82f6}.template-list__create-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s ease;white-space:nowrap}.template-list__create-btn:hover{background:#2563eb}.template-list__form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.template-list__form-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.template-list__content{min-height:400px}.template-list__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.template-list__empty{color:#6b7280;padding:80px 20px;text-align:center}.template-list__empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.template-list__empty h3{color:#374151;font-size:1.5rem;margin-bottom:10px}.template-list__empty p{font-size:1.1rem;line-height:1.6;margin-bottom:20px}.template-list__empty-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.template-list__empty-btn:hover{background:#2563eb}.template-list__footer{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.9rem;padding:20px 0;text-align:center}.template-list__loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:300px}.template-list__loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:15px;width:40px}.template-list__error{color:#dc2626;padding:60px 20px;text-align:center}.template-list__error-icon{font-size:3rem;margin-bottom:15px}.template-list__error h3{color:#dc2626;font-size:1.5rem;margin-bottom:10px}.template-list__error p{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:20px}.template-list__error button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.template-list__error button:hover{background:#b91c1c}@media (max-width:768px){.template-list__header{align-items:stretch;flex-direction:column;gap:15px}.template-list__controls{flex-direction:column;gap:10px}.template-list__search{min-width:auto}.template-list__filters{justify-content:space-between;width:100%}.template-list__filter-select{flex:1 1;min-width:0}.template-list__create-btn{width:100%}.template-list__grid{gap:15px;grid-template-columns:1fr}.template-list__form-container{margin:10px;padding:20px}}@media (max-width:480px){.template-list__filters{flex-direction:column;gap:8px}.template-list__filter-select,.template-list__sort-btn{width:100%}}.template-list__grid>*{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-list__grid>:first-child{animation-delay:.1s}.template-list__grid>:nth-child(2){animation-delay:.2s}.template-list__grid>:nth-child(3){animation-delay:.3s}.template-list__grid>:nth-child(4){animation-delay:.4s}.template-list__grid>:nth-child(5){animation-delay:.5s}.template-list__grid>:nth-child(6){animation-delay:.6s}.template-list__create-btn:focus,.template-list__filter-select:focus,.template-list__search-input:focus,.template-list__sort-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.template-list__footer,.template-list__header{display:none}.template-list__grid{gap:10px;grid-template-columns:repeat(2,1fr)}}.layout-builder{padding:20px}.layout-builder__header{margin-bottom:30px}.layout-builder__header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 10px}.layout-builder__header p{color:#6b7280;font-size:.875rem;margin:0}.layout-builder__content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.layout-builder__section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.layout-builder__section h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 15px}.layout-builder__options{display:flex;flex-direction:column;gap:10px}.layout-builder__option{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .2s ease}.layout-builder__option:hover{background:#f0f9ff;border-color:#3b82f6}.layout-builder__option input[type=radio]{margin:0}.layout-builder__option input[type=radio]:checked+.layout-builder__option-label{color:#3b82f6;font-weight:600}.layout-builder__option-label{color:#374151;cursor:pointer;font-size:.875rem}.layout-builder__margins{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.layout-builder__margin-group{display:flex;flex-direction:column;gap:5px}.layout-builder__margin-group label{color:#374151;font-size:.875rem;font-weight:500}.layout-builder__margin-group input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px}.layout-builder__dimensions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.layout-builder__dimension-group{display:flex;flex-direction:column;gap:5px}.layout-builder__dimension-group label{color:#374151;font-size:.875rem;font-weight:500}.layout-builder__dimension-group input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px}.layout-builder__preview{grid-column:1/-1;text-align:center}.layout-builder__preview h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 20px}.layout-builder__preview-container{border-radius:8px;box-shadow:0 4px 6px #0000001a;display:inline-block;overflow:hidden;position:relative}.layout-builder__preview-content{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;justify-content:center}.layout-builder__preview-text{text-align:center}@media (max-width:768px){.layout-builder__content{gap:20px}.layout-builder__content,.layout-builder__dimensions,.layout-builder__margins{grid-template-columns:1fr}.layout-builder__preview-container{max-height:350px;max-width:250px}}.component-renderer{width:100%}.component-renderer__header{background:#f8fafc;border-bottom:2px solid #e5e7eb;padding:20px;text-align:center}.component-renderer__header h1{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 10px}.component-renderer__header p{color:#6b7280;font-size:.875rem;margin:0}.component-renderer__logo{margin-bottom:15px;max-height:60px;max-width:120px}.component-renderer__company-info{border:1px solid #e5e7eb;border-radius:8px;padding:15px}.component-renderer__company-info h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 10px}.component-renderer__company-details{color:#374151;font-size:.875rem;line-height:1.5}.component-renderer__company-details p{margin:0 0 5px}.component-renderer__address{margin-bottom:10px}.component-renderer__address p{margin:0 0 2px}.component-renderer__client-info{border:1px solid #e5e7eb;border-radius:8px;padding:15px}.component-renderer__client-info h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 10px}.component-renderer__client-details{color:#374151;font-size:.875rem;line-height:1.5}.component-renderer__client-details p{margin:0 0 5px}.component-renderer__invoice-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.component-renderer__table{border-collapse:collapse;font-size:.875rem;width:100%}.component-renderer__table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 8px;text-align:left}.component-renderer__table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:12px 8px}.component-renderer__table tr:last-child td{border-bottom:none}.component-renderer__table tr:hover{background:#f9fafb}.component-renderer__totals{background:#f9fafb;border-top:1px solid #e5e7eb;padding:15px}.component-renderer__total-row{align-items:center;color:#374151;display:flex;font-size:.875rem;justify-content:space-between;padding:5px 0}.component-renderer__total-row.total{border-top:1px solid #e5e7eb;color:#111827;font-size:1rem;font-weight:600;margin-top:5px;padding-top:10px}.component-renderer__text-block{color:#374151;line-height:1.6;padding:15px}.component-renderer__text-content{border:1px dashed #0000;border-radius:4px;min-height:20px;outline:none;padding:5px;transition:all .2s ease}.component-renderer__text-content:hover{background:#f9fafb;border-color:#d1d5db}.component-renderer__text-content:focus{background:#f0f9ff;border-color:#3b82f6}.component-renderer__footer{background:#f8fafc;border-top:2px solid #e5e7eb;padding:20px;text-align:center}.component-renderer__footer p{color:#374151;font-size:.875rem;margin:0 0 10px}.component-renderer__footer small{color:#6b7280;font-size:.75rem}.component-renderer__total-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:15px}.component-renderer__total-section .component-renderer__total-row{padding:8px 0}.component-renderer__total-section .component-renderer__total-row.total{color:#111827;font-size:1.125rem;font-weight:700}.component-renderer__unknown{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#6b7280;padding:20px;text-align:center}.component-renderer__unknown p{font-size:.875rem;margin:0}@media (max-width:768px){.component-renderer__table{font-size:.75rem}.component-renderer__table td,.component-renderer__table th{padding:8px 4px}.component-renderer__header h1{font-size:1.25rem}.component-renderer__client-info h3,.component-renderer__company-info h3{font-size:1rem}}.component-canvas{display:flex;flex-direction:column;height:100%}.component-canvas__header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 20px}.component-canvas__header h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.component-canvas__info{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:15px}.component-canvas__drag-indicator{animation:pulse 2s infinite;color:#3b82f6;font-weight:500}.component-canvas__area{background:#fff;flex:1 1;min-height:400px;overflow-y:auto;padding:20px;position:relative}.component-canvas__area.drag-over{background:#f0f9ff;border:2px dashed #3b82f6}.component-canvas__empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.component-canvas__empty-icon{font-size:3rem;margin-bottom:20px;opacity:.5}.component-canvas__empty h5{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 10px}.component-canvas__empty p{font-size:.875rem;line-height:1.5;margin:0;max-width:300px}.component-canvas__components{display:flex;flex-direction:column;gap:15px}.component-canvas__component{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.component-canvas__component:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.component-canvas__component.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.component-canvas__component-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.75rem;font-weight:500;justify-content:space-between;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.component-canvas__component-type{color:#374151;font-weight:600}.component-canvas__component-delete{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:1.125rem;font-weight:700;line-height:1;padding:2px 6px;transition:all .2s ease}.component-canvas__component-delete:hover{background:#fef2f2;color:#dc2626}.component-canvas__component-content{padding:15px}.component-canvas__footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:15px 20px}.component-canvas__help{text-align:center}.component-canvas__help p{color:#6b7280;font-size:.875rem;margin:0}.component-canvas__component.dragging{opacity:.5;transform:rotate(5deg)}.component-canvas__component.drag-over{background:#f0f9ff;border-color:#3b82f6}@media (max-width:768px){.component-canvas__header{align-items:flex-start;flex-direction:column;gap:10px}.component-canvas__info{justify-content:space-between;width:100%}.component-canvas__area{padding:15px}.component-canvas__component-content{padding:10px}}.component-inspector{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.component-inspector__header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 20px}.component-inspector__header h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.component-inspector__delete-btn{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:1.125rem;padding:4px 8px;transition:all .2s ease}.component-inspector__delete-btn:hover{background:#fef2f2;color:#dc2626}.component-inspector__content{max-height:400px;overflow-y:auto;padding:20px}.component-inspector__info{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:20px;padding:15px}.component-inspector__info p{color:#6b7280;font-size:.875rem;margin:0 0 5px}.component-inspector__info p:last-child{margin-bottom:0}.component-inspector__info strong{color:#374151}.component-inspector__section{margin-bottom:25px}.component-inspector__section:last-child{margin-bottom:0}.component-inspector__section h5{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.component-inspector__field{margin-bottom:15px}.component-inspector__field:last-child{margin-bottom:0}.component-inspector__field label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:5px}.component-inspector__field input,.component-inspector__field select,.component-inspector__field textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:8px 12px;transition:all .2s ease;width:100%}.component-inspector__field input:focus,.component-inspector__field select:focus,.component-inspector__field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.component-inspector__field input[type=color]{border-radius:4px;cursor:pointer;height:40px;padding:2px;width:50px}.component-inspector__field input[type=url]{font-family:monospace;font-size:.75rem}.component-inspector__field textarea{font-family:inherit;line-height:1.4;min-height:80px;resize:vertical}.component-inspector__field select{cursor:pointer}.component-inspector__field .component-inspector__color-group{align-items:center;display:flex;gap:10px}.component-inspector__field .component-inspector__color-group input[type=color]{flex-shrink:0}.component-inspector__field .component-inspector__color-group input[type=text]{flex:1 1}@media (max-width:768px){.component-inspector__content{max-height:300px;padding:15px}.component-inspector__field input,.component-inspector__field select,.component-inspector__field textarea{font-size:1rem}.component-inspector__field textarea{min-height:60px}}.component-library{display:flex;gap:20px;height:100%}.component-library__header{margin-bottom:20px}.component-library__header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 10px}.component-library__header p{color:#6b7280;font-size:.875rem;margin:0}.component-library__content{display:flex;flex:1 1;gap:20px;height:calc(100% - 80px)}.component-library__sidebar{display:flex;flex-direction:column;gap:20px;width:300px}.component-library__panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.component-library__panel h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 15px}.component-library__components{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.component-library__component{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:grab;display:flex;gap:12px;padding:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.component-library__component:hover{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.component-library__component:active{cursor:grabbing;transform:translateY(0)}.component-library__component-icon{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.component-library__component-info{flex:1 1;min-width:0}.component-library__component-info h5{color:#111827;font-size:.875rem;font-weight:600;line-height:1.2;margin:0 0 4px}.component-library__component-info p{color:#6b7280;font-size:.75rem;line-height:1.3;margin:0}.component-library__canvas{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;overflow:hidden}@media (max-width:1024px){.component-library__content{flex-direction:column}.component-library__sidebar{flex-direction:row;width:100%}.component-library__components{max-height:200px}}@media (max-width:768px){.component-library__sidebar{flex-direction:column}.component-library__components{max-height:150px}}.style-editor{padding:20px}.style-editor__header{margin-bottom:30px}.style-editor__header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 10px}.style-editor__header p{color:#6b7280;font-size:.875rem;margin:0}.style-editor__content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.style-editor__section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.style-editor__section h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 15px}.style-editor__section h5{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 10px}.style-editor__presets{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:20px}.style-editor__preset{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:8px 12px;text-shadow:0 1px 2px #0000004d;transition:all .2s ease}.style-editor__preset:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.style-editor__color-custom{margin-top:20px}.style-editor__color-group{margin-bottom:15px}.style-editor__color-group:last-child{margin-bottom:0}.style-editor__color-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:5px}.style-editor__color-input{align-items:center;display:flex;gap:10px}.style-editor__color-input input[type=color]{border:1px solid #d1d5db;border-radius:4px;cursor:pointer;height:40px;padding:2px;width:50px}.style-editor__color-input input[type=text]{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-family:monospace;font-size:.875rem;padding:8px 12px}.style-editor__typography{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.style-editor__field{display:flex;flex-direction:column;gap:5px}.style-editor__field label{color:#374151;font-size:.875rem;font-weight:500}.style-editor__field input,.style-editor__field select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:8px 12px;transition:all .2s ease}.style-editor__field input:focus,.style-editor__field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.style-editor__field select{cursor:pointer}.style-editor__spacing{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.style-editor__advanced{grid-column:1/-1}.style-editor__field textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:monospace;font-size:.875rem;line-height:1.4;min-height:100px;padding:12px;resize:vertical;width:100%}.style-editor__field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.style-editor__preview{grid-column:1/-1;text-align:center}.style-editor__preview h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 20px}.style-editor__preview-container{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:inline-block;max-width:500px;padding:30px;width:100%}.style-editor__preview-header{font-size:1.125rem;font-weight:600;margin-bottom:15px}.style-editor__preview-content{font-size:.875rem;line-height:1.6}.style-editor__preview-content p{margin:0 0 10px}.style-editor__preview-content p:last-child{margin-bottom:0}@media (max-width:1024px){.style-editor__content{gap:20px}.style-editor__content,.style-editor__spacing,.style-editor__typography{grid-template-columns:1fr}}@media (max-width:768px){.style-editor__presets{grid-template-columns:repeat(3,1fr)}.style-editor__color-input{align-items:stretch;flex-direction:column}.style-editor__color-input input[type=color]{height:50px;width:100%}.style-editor__preview-container{padding:20px}}.template-preview{padding:20px}.template-preview__header{margin-bottom:30px}.template-preview__header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 10px}.template-preview__header p{color:#6b7280;font-size:.875rem;margin:0}.template-preview__content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:300px 1fr;margin-bottom:30px}.template-preview__controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:20px}.template-preview__data-controls h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 20px}.template-preview__data-section{margin-bottom:25px}.template-preview__data-section:last-child{margin-bottom:0}.template-preview__data-section h5{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.template-preview__field{margin-bottom:15px}.template-preview__field:last-child{margin-bottom:0}.template-preview__field label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:5px}.template-preview__field input,.template-preview__field textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:8px 12px;transition:all .2s ease;width:100%}.template-preview__field input:focus,.template-preview__field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.template-preview__field textarea{font-family:inherit;line-height:1.4;min-height:60px;resize:vertical}.template-preview__document{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.template-preview__document-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 20px}.template-preview__document-header h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.template-preview__document-actions{display:flex;gap:10px}.template-preview__action-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.template-preview__action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.template-preview__document-container{background:#fff;overflow:auto;padding:20px;position:relative}.template-preview__empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:400px;justify-content:center;padding:40px 20px;text-align:center}.template-preview__empty-icon{font-size:3rem;margin-bottom:20px;opacity:.5}.template-preview__empty h5{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 10px}.template-preview__empty p{font-size:.875rem;line-height:1.5;margin:0;max-width:300px}.template-preview__components{display:flex;flex-direction:column;gap:15px}.template-preview__footer{background:#f9fafb;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;padding:15px 20px}.template-preview__info{align-items:center;color:#6b7280;display:flex;font-size:.875rem;justify-content:space-between}.template-preview__info span{align-items:center;display:flex;gap:5px}@media (max-width:1024px){.template-preview__content{gap:20px;grid-template-columns:1fr}.template-preview__controls{order:2}.template-preview__document{order:1}}@media (max-width:768px){.template-preview__document-header{align-items:stretch;flex-direction:column;gap:10px}.template-preview__document-actions{justify-content:center}.template-preview__info{flex-direction:column;gap:10px;text-align:center}.template-preview__field input,.template-preview__field textarea{font-size:1rem}}.template-builder{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%}.template-builder__header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;padding:20px}.template-builder__header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 10px}.template-builder__header p{color:#6b7280;font-size:.875rem;margin:0}.template-builder__tabs{display:flex;gap:2px;margin-top:15px}.template-builder__tab{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.template-builder__tab:hover{background:#f3f4f6;color:#374151}.template-builder__tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.template-builder__tab-icon{font-size:1rem}.template-builder__tab-label{font-size:.875rem}.template-builder__content{flex:1 1;overflow:auto;padding:20px}.template-builder__footer{align-items:center;background:#f9fafb;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 20px}.template-builder__info{color:#6b7280;display:flex;font-size:.875rem;gap:20px}.template-builder__actions{display:flex;gap:10px}.template-builder__action-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.template-builder__action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.template-builder__action-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.template-builder__action-btn.primary:hover{background:#2563eb;border-color:#2563eb}@media (max-width:768px){.template-builder__tabs{flex-wrap:wrap}.template-builder__tab{flex:1 1;min-width:120px}.template-builder__footer{align-items:stretch;flex-direction:column;gap:10px}.template-builder__actions,.template-builder__info{justify-content:center}}.template-settings{height:100%;width:100%}.template-settings__header{border-bottom:2px solid #f3f4f6;margin-bottom:30px;padding-bottom:20px;text-align:center}.template-settings__header h2{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 10px}.template-settings__header p{color:#6b7280;font-size:1.1rem;margin:0}.template-settings__content{padding:20px}.template-settings__placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:80px 20px;text-align:center}.template-settings__placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.template-settings__placeholder h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:10px}.template-settings__placeholder p{font-size:1rem;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:500px}.template-settings__features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.template-settings__feature{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .2s ease}.template-settings__feature:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.template-settings__feature-icon{font-size:1.5rem}.template-settings__feature span:last-child{color:#374151;font-size:.9rem;font-weight:500}.template-settings__placeholder-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.template-settings__placeholder-btn:hover{background:#2563eb}@media (max-width:768px){.template-settings__header h2{font-size:1.8rem}.template-settings__features{gap:15px;grid-template-columns:repeat(2,1fr)}.template-settings__placeholder{padding:60px 15px}}@media (max-width:480px){.template-settings__header h2{font-size:1.6rem}.template-settings__features{gap:10px;grid-template-columns:1fr}.template-settings__placeholder-icon{font-size:3rem}}.template-settings__placeholder{animation:settingsPulse 2s ease-in-out infinite}@keyframes settingsPulse{0%,to{opacity:1}50%{opacity:.9}}.template-settings__placeholder-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.template-analytics{height:100%;width:100%}.template-analytics__header{border-bottom:2px solid #f3f4f6;margin-bottom:30px;padding-bottom:20px;text-align:center}.template-analytics__header h2{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 10px}.template-analytics__header p{color:#6b7280;font-size:1.1rem;margin:0}.template-analytics__content{padding:20px}.template-analytics__placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:80px 20px;text-align:center}.template-analytics__placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.template-analytics__placeholder h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:10px}.template-analytics__placeholder p{font-size:1rem;line-height:1.6}.template-analytics__metrics,.template-analytics__placeholder p{margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:500px}.template-analytics__metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.template-analytics__metric{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .2s ease}.template-analytics__metric:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.template-analytics__metric-icon{font-size:1.5rem}.template-analytics__metric span:last-child{color:#374151;font-size:.9rem;font-weight:500}.template-analytics__placeholder-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.template-analytics__placeholder-btn:hover{background:#2563eb}@media (max-width:768px){.template-analytics__header h2{font-size:1.8rem}.template-analytics__metrics{gap:15px;grid-template-columns:repeat(2,1fr)}.template-analytics__placeholder{padding:60px 15px}}@media (max-width:480px){.template-analytics__header h2{font-size:1.6rem}.template-analytics__metrics{gap:10px;grid-template-columns:1fr}.template-analytics__placeholder-icon{font-size:3rem}}.template-analytics__placeholder{animation:analyticsPulse 2s ease-in-out infinite}@keyframes analyticsPulse{0%,to{opacity:1}50%{opacity:.9}}.template-analytics__placeholder-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.template-sharing{height:100%;width:100%}.template-sharing__header{border-bottom:2px solid #f3f4f6;margin-bottom:30px;padding-bottom:20px;text-align:center}.template-sharing__header h2{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 10px}.template-sharing__header p{color:#6b7280;font-size:1.1rem;margin:0}.template-sharing__content{padding:20px}.template-sharing__placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;padding:80px 20px;text-align:center}.template-sharing__placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.template-sharing__placeholder h3{color:#374151;font-size:1.5rem;font-weight:600;margin-bottom:10px}.template-sharing__placeholder p{font-size:1rem;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:500px}.template-sharing__features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.template-sharing__feature{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:15px;transition:all .2s ease}.template-sharing__feature:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.template-sharing__feature-icon{font-size:1.5rem}.template-sharing__feature span:last-child{color:#374151;font-size:.9rem;font-weight:500}.template-sharing__placeholder-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.template-sharing__placeholder-btn:hover{background:#2563eb}@media (max-width:768px){.template-sharing__header h2{font-size:1.8rem}.template-sharing__features{gap:15px;grid-template-columns:repeat(2,1fr)}.template-sharing__placeholder{padding:60px 15px}}@media (max-width:480px){.template-sharing__header h2{font-size:1.6rem}.template-sharing__features{gap:10px;grid-template-columns:1fr}.template-sharing__placeholder-icon{font-size:3rem}}.template-sharing__placeholder{animation:sharingPulse 2s ease-in-out infinite}@keyframes sharingPulse{0%,to{opacity:1}50%{opacity:.9}}.template-sharing__placeholder-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.template-configurator{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1400px;min-height:80vh;padding:20px}.template-configurator__header{border-bottom:2px solid #f3f4f6;margin-bottom:30px;padding-bottom:20px;text-align:center}.template-configurator__header h1{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 10px}.template-configurator__header p{color:#6b7280;font-size:1.1rem;margin:0}.template-configurator__navigation{margin-bottom:30px}.template-configurator__tabs{background:#f9fafb;border-radius:12px;display:flex;gap:10px;overflow-x:auto;padding:8px}.template-configurator__tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.template-configurator__tab:hover{background:#e5e7eb;color:#374151}.template-configurator__tab.active{background:#3b82f6;box-shadow:0 2px 4px #3b82f64d;color:#fff}.template-configurator__tab-icon{font-size:1.2rem}.template-configurator__tab-label{font-weight:600}.template-configurator__content{background:#fff;border-radius:8px;min-height:500px;padding:20px}.template-configurator__no-selection{color:#6b7280;padding:60px 20px;text-align:center}.template-configurator__no-selection h3{color:#374151;font-size:1.5rem;margin-bottom:10px}.template-configurator__no-selection p{font-size:1.1rem;line-height:1.6}.template-configurator__selected-info{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;padding:15px 20px}.template-configurator__selected-info span{color:#374151;font-size:1rem}.template-configurator__back-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.template-configurator__back-btn:hover{background:#4b5563}@media (max-width:768px){.template-configurator{margin:10px;padding:15px}.template-configurator__header h1{font-size:2rem}.template-configurator__tabs{flex-wrap:wrap;gap:5px}.template-configurator__tab{font-size:.9rem;padding:10px 15px}.template-configurator__selected-info{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.template-configurator__header h1{font-size:1.8rem}.template-configurator__tab{font-size:.85rem;padding:8px 12px}.template-configurator__tab-icon{font-size:1rem}}.template-configurator__loading{align-items:center;display:flex;justify-content:center;min-height:300px}.template-configurator__loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.template-configurator__error{color:#dc2626;padding:40px 20px;text-align:center}.template-configurator__error-icon{font-size:3rem;margin-bottom:15px}.template-configurator__error h3{color:#dc2626;font-size:1.5rem;margin-bottom:10px}.template-configurator__error p{color:#6b7280;font-size:1rem;line-height:1.6}.template-configurator__error button{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:15px;padding:10px 20px;transition:background-color .2s ease}.template-configurator__error button:hover{background:#b91c1c}.template-configurator__success{color:#059669;padding:40px 20px;text-align:center}.template-configurator__success-icon{font-size:3rem;margin-bottom:15px}.template-configurator__success h3{color:#059669;font-size:1.5rem;margin-bottom:10px}.template-configurator__success p{color:#6b7280;font-size:1rem;line-height:1.6}.template-configurator__fade-in{animation:fadeIn .3s ease-in}.template-configurator__slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.template-configurator__tab:focus{outline:2px solid #3b82f6;outline-offset:2px}.template-configurator__back-btn:focus{outline:2px solid #6b7280;outline-offset:2px}@media print{.template-configurator__navigation,.template-configurator__selected-info{display:none}.template-configurator{border:1px solid #e5e7eb;box-shadow:none}}.template-configurator-page{background:#f8fafc;min-height:100vh;padding:20px;width:100%}.template-configurator-page__loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.template-configurator-page__loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:15px;width:40px}.template-configurator-page__error{color:#dc2626;padding:60px 20px;text-align:center}.template-configurator-page__error-icon{font-size:3rem;margin-bottom:15px}.template-configurator-page__error h3{color:#dc2626;font-size:1.5rem;margin-bottom:10px}.template-configurator-page__error p{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:20px}.template-configurator-page__retry-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.template-configurator-page__retry-btn:hover{background:#b91c1c}@media (max-width:768px){.template-configurator-page{padding:15px}}@media (max-width:480px){.template-configurator-page{padding:10px}}.invoice-automation-dashboard{background:#fff;min-height:100vh;padding:24px}.dashboard-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.header-content h1{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{color:#64748b;font-size:12px;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:20px}.tab-button{border:1px solid #e2e8f0;border-radius:8px;font-size:6px;padding:10px 20px}.tab-button:hover{background:#fff;border-color:#cbd5e1}.dashboard-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.dashboard-overview{padding:24px}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}@media (min-width:640px){.stats-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}}@media (min-width:1024px){.stats-grid{gap:24px;grid-template-columns:repeat(4,1fr)}}.stats-grid-original{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#1e3a8a,#1e40af);box-shadow:0 4px 6px #0000001a;color:#fff;gap:4px;min-height:60px;padding:6px}@media (min-width:640px){.stat-card{gap:16px;min-height:80px;padding:12px}}@media (min-width:1024px){.stat-card{min-height:100px;padding:16px}}.stat-card-original{align-items:center;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;gap:16px;padding:24px}.stat-card-original,.stat-card:nth-child(2),.stat-card:nth-child(3),.stat-card:nth-child(4){background:linear-gradient(135deg,#1e3a8a,#1e40af)}.stat-icon{font-size:12px;opacity:.9}@media (min-width:640px){.stat-icon{font-size:14px}}@media (min-width:1024px){.stat-icon{font-size:12px}}.stat-icon-original{font-size:20px}@media (min-width:640px){.stat-icon{font-size:12px;opacity:.9}@media (min-width:640px){.stat-icon{font-size:14px}}@media (min-width:1024px){.stat-icon{font-size:12px}}.stat-icon-original{font-size:12px}}@media (min-width:1024px){.stat-icon{font-size:12px;opacity:.9}@media (min-width:640px){.stat-icon{font-size:14px}}@media (min-width:1024px){.stat-icon{font-size:12px}}.stat-icon-original{font-size:28px}}.stat-icon-original{font-size:32px;opacity:.9}.stat-content h3{font-size:6px;font-weight:600;margin:0 0 4px;opacity:.9}@media (min-width:640px){.stat-content h3{font-size:8px}}@media (min-width:1024px){.stat-content h3{font-size:10px}}.stat-content h3-original{font-size:6px;margin:0 0 6px}@media (min-width:640px){.stat-content h3{font-size:6px;font-weight:600;margin:0 0 4px;opacity:.9}@media (min-width:640px){.stat-content h3{font-size:8px}}@media (min-width:1024px){.stat-content h3{font-size:10px}}.stat-content h3-original{font-size:10px}}.stat-content h3-original{font-size:12px;font-weight:600;margin:0 0 8px;opacity:.9}.stat-value{font-size:12px;margin:0 0 4px}@media (min-width:640px){.stat-value{font-size:14px}}@media (min-width:1024px){.stat-value{font-size:12px}}.stat-value-original{font-size:18px}@media (min-width:640px){.stat-value{font-size:12px;font-weight:700;margin:0 0 4px}@media (min-width:640px){.stat-value{font-size:14px}}@media (min-width:1024px){.stat-value{font-size:12px}}.stat-value-original{font-size:22px}}@media (min-width:1024px){.stat-value{font-size:12px;font-weight:700;margin:0 0 4px}@media (min-width:640px){.stat-value{font-size:14px}}@media (min-width:1024px){.stat-value{font-size:12px}}.stat-value-original{font-size:12px}}.stat-value-original{font-size:28px;font-weight:700;margin:0 0 4px}.stat-label{font-size:6px;margin:0;opacity:.8}@media (min-width:640px){.stat-label{font-size:6px}}@media (min-width:1024px){.stat-label{font-size:8px}}@media (min-width:640px){.stat-label{font-size:6px;margin:0;opacity:.8}@media (min-width:640px){.stat-label{font-size:6px}}@media (min-width:1024px){.stat-label{font-size:8px}}.stat-label-original{font-size:6px}}.stat-label-original{font-size:6px;margin:0;opacity:.8}.dashboard-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px}.section-card{border:1px solid #e2e8f0;padding:24px;text-align:center;transition:all .2s ease}.section-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #3b82f61a}.section-card h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 12px}.section-card p{color:#64748b;line-height:1.5;margin:0 0 20px}.btn-primary{border-radius:8px;font-size:6px}.btn-primary:hover{transform:translateY(-1px)}.recent-activity{background:#fff;border-radius:12px;padding:24px}.recent-activity h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{background:#fff;border:1px solid #e2e8f0;gap:16px;padding:6px}.activity-icon{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-title{color:#1e293b;font-weight:600;margin:0 0 4px}.activity-details{color:#64748b;font-size:6px;margin:0}.activity-time{color:#94a3b8;font-size:6px;white-space:nowrap}.dashboard-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:400px;justify-content:center}@media (max-width:768px){.invoice-automation-dashboard{padding:6px}.dashboard-header{padding:12px}.header-content h1{font-size:22px}.header-actions{gap:4px}.tab-button{font-size:13px;padding:8px 16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}@media (min-width:640px){.stats-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}}@media (min-width:1024px){.stats-grid{gap:24px;grid-template-columns:repeat(4,1fr)}}.dashboard-sections,.stats-grid-original{gap:16px;grid-template-columns:1fr}.stat-card{align-items:center;background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;gap:4px;min-height:60px;padding:6px}@media (min-width:640px){.stat-card{gap:16px;min-height:80px;padding:12px}}@media (min-width:1024px){.stat-card{min-height:100px;padding:16px}}.stat-card-original{padding:12px}.stat-value{font-size:12px;font-weight:700;margin:0 0 4px}@media (min-width:640px){.stat-value{font-size:14px}}@media (min-width:1024px){.stat-value{font-size:12px}}.stat-value-original{font-size:18px;font-weight:700;margin:0 0 4px}@media (min-width:640px){.stat-value{font-size:12px;font-weight:700;margin:0 0 4px}@media (min-width:640px){.stat-value{font-size:14px}}@media (min-width:1024px){.stat-value{font-size:12px}}.stat-value-original{font-size:22px}}@media (min-width:1024px){.stat-value{font-size:12px;font-weight:700;margin:0 0 4px}@media (min-width:640px){.stat-value{font-size:14px}}@media (min-width:1024px){.stat-value{font-size:12px}}.stat-value-original{font-size:12px}}.stat-value-original{font-size:22px}}@media (max-width:480px){.header-actions{flex-direction:column}.tab-button{text-align:center;width:100%}.stat-card{align-items:center;background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;gap:4px;min-height:60px;padding:6px}@media (min-width:640px){.stat-card{gap:16px;min-height:80px;padding:12px}}@media (min-width:1024px){.stat-card{min-height:100px;padding:16px}}.activity-item,.stat-card-original{flex-direction:column;gap:4px;text-align:center}.activity-time{align-self:center}}.orders-connection{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:12px;box-shadow:0 8px 25px #1e3a8a4d;color:#fff;margin-bottom:32px;padding:32px}.connection-header{margin-bottom:24px;text-align:center}.connection-header h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 12px}.connection-header p{color:#e2e8f0;font-size:12px;margin:0;opacity:.9}.connection-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.btn-secondary{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;display:inline-block;font-size:6px;text-decoration:none}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.connection-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:24px}.info-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;gap:4px;padding:6px}.info-icon{font-size:20px;opacity:.9}.info-item span:last-child{font-size:6px;line-height:1.4;opacity:.9}@media (max-width:768px){.orders-connection{padding:24px 20px}.connection-header h3{font-size:14px}.connection-actions{align-items:center;flex-direction:column}.btn-secondary{max-width:250px;text-align:center;width:100%}.connection-info{gap:16px;grid-template-columns:1fr}.info-item{padding:6px}}.stat-content h3{-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.stat-content h3,.stat-value{word-wrap:break-word;overflow-wrap:break-word}.stat-value{line-height:1.1}.stat-label{word-wrap:break-word;line-height:1.2;overflow-wrap:break-word}.stat-card{word-wrap:break-word;overflow:hidden}@media (max-width:639px){.stat-card{gap:2px!important;min-height:50px!important;padding:4px!important}.stat-content h3{font-size:5px!important;margin:0 0 2px!important}.stat-value{font-size:10px!important;margin:0 0 2px!important}.stat-label{font-size:5px!important}.stat-icon{font-size:10px!important}}.pricing-optimizer{padding:24px}.optimizer-header{margin-bottom:32px;text-align:center}.optimizer-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.optimizer-header p{color:#64748b;font-size:16px;margin:0}.optimizer-content{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr}.input-section{display:flex;flex-direction:column;gap:24px}.form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.form-section h3{color:#1e293b;font-size:18px;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:8px}.form-group input,.form-group select{border-radius:6px;padding:10px 12px}.form-group input[type=range]{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;height:6px;outline:none;padding:0}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:20px;width:20px}.form-group input[type=range]::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.range-value{color:#3b82f6;display:inline-block;font-weight:600;margin-left:12px;min-width:20px}.calculation-section{align-items:center;display:flex;flex-direction:column;gap:24px}.calculate-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 6px #3b82f633;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.calculate-button:hover:not(:disabled){box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.calculate-button:disabled{cursor:not-allowed;opacity:.6}.pricing-result{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px;width:100%}.pricing-result h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.pricing-summary{margin-bottom:24px}.price-breakdown{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.price-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.price-label{color:#374151;font-weight:500}.price-value{font-size:16px;font-weight:600}.price-value.final-price{color:#059669;font-size:18px}.price-value.margin{color:#059669}.confidence-score{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;gap:12px;padding:16px}.confidence-label{color:#0369a1;font-weight:500;white-space:nowrap}.confidence-bar{background:#e0f2fe;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#0ea5e9,#38bdf8);height:100%;transition:width .3s ease}.confidence-value{color:#0369a1;font-weight:600;min-width:40px}.adjustments-section{margin-bottom:24px}.adjustments-section h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.adjustments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.adjustment-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.adjustment-label{color:#374151;font-size:14px;font-weight:500}.adjustment-value{font-size:14px;font-weight:600}.adjustment-value.positive{color:#059669}.adjustment-value.negative{color:#dc2626}.adjustment-value.neutral{color:#6b7280}.recommendations-section{margin-bottom:24px}.recommendations-section h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.recommendations-list{list-style:none;margin:0;padding:0}.recommendation-item{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:0 6px 6px 0;color:#92400e;font-size:14px;line-height:1.5;margin-bottom:8px;padding:12px 16px}.pricing-actions{display:flex;gap:12px;justify-content:center}.btn-secondary{padding:12px 24px}@media (max-width:1024px){.optimizer-content{gap:24px;grid-template-columns:1fr}.input-section{order:2}.calculation-section{order:1}}@media (max-width:768px){.pricing-optimizer{padding:16px}.form-section,.pricing-result{padding:20px}.adjustments-grid{grid-template-columns:1fr}.pricing-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.optimizer-header h2{font-size:20px}.form-section,.pricing-result{padding:16px}.confidence-score,.price-item{flex-direction:column;gap:8px;text-align:center}}.invoice-generator{padding:24px}.generator-header{margin-bottom:32px;text-align:center}.back-button{background:none;border:none;color:#3b82f6;font-size:14px;margin-bottom:16px;padding:8px 0;transition:color .2s ease}.back-button:hover{color:#2563eb}.generator-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.generator-header p{color:#64748b;font-size:16px;margin:0}.generator-content{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr}.left-panel{display:flex;flex-direction:column;gap:24px}.job-selection{margin-bottom:24px}.job-selection-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.job-selection-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.status-filter{align-items:center;display:flex;gap:8px}.status-filter label{color:#475569;font-size:14px;font-weight:500;white-space:nowrap}.status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1e293b;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.status-select:hover{border-color:#9ca3af}.status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.loading{color:#64748b;font-style:italic}.loading,.no-jobs{padding:40px;text-align:center}.no-jobs{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px}.no-jobs p{color:#64748b;margin:8px 0}.no-jobs ul{list-style:none;margin:16px auto;max-width:400px;padding:0;text-align:left}.no-jobs li{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;margin:8px 0;padding:8px 12px}.no-jobs li strong{color:#1e293b}.jobs-list{display:flex;flex-direction:column;gap:16px}.job-item{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;position:relative}.job-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px #3b82f61a;transform:translateY(-1px)}.job-item.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 6px #3b82f626}.job-header{border-bottom:1px solid #e2e8f0;padding-bottom:12px}.job-number{color:#1e293b;font-family:Courier New,monospace;font-size:16px;font-weight:700}.job-status{font-weight:600;letter-spacing:.5px}.status-angebot{background:#fef3c7;color:#92400e}.status-bestaetigt{background:#dbeafe;color:#1e40af}.status-in_bearbeitung{background:#fef3c7;color:#92400e}.status-abgeschlossen{background:#dcfce7;color:#166534}.status-storniert{background:#fee2e2;color:#991b1b}.job-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.job-details>div{display:flex;flex-direction:column;gap:4px}.job-details strong{color:#475569;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.job-details span:not(strong){color:#1e293b;font-size:14px}.job-costs,.job-customer,.job-dates,.job-description,.job-trade,.job-type{grid-column:span 1}.job-dates,.job-description{grid-column:span 2}.jobs-grid{display:flex;flex-direction:column;gap:16px}.job-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.job-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #3b82f61a}.job-card.selected{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 6px #3b82f626}.job-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.job-header h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.job-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.job-status.completed{background:#dcfce7;color:#166534}.job-status.in_progress{background:#fef3c7;color:#92400e}.job-status.pending{background:#e0f2fe;color:#0369a1}.job-details p{color:#64748b;font-size:14px;margin:0 0 8px}.job-details p:last-child{margin-bottom:0}.template-selection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.template-selection h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.template-selection select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.custom-line-items{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.section-header{margin-bottom:20px}.section-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.btn-secondary{border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px}.btn-secondary:hover{border-color:#9ca3af}.custom-item-form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.form-row{grid-gap:12px;align-items:end;gap:12px;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto}.form-group{display:flex;flex-direction:column}.form-group label{font-size:12px;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:8px 10px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3b82f6}.total-display{background:#f8fafc;border-radius:4px;color:#059669;font-size:14px;font-weight:600;padding:8px 10px;text-align:center}.remove-button{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.remove-button:hover{background:#fecaca}.generation-actions{display:flex;justify-content:center}.right-panel{position:-webkit-sticky;position:sticky;top:24px}.invoice-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.invoice-preview h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.preview-header{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.customer-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px}.customer-info p{color:#64748b;font-size:14px;margin:0}.invoice-info p{color:#64748b;font-size:14px;margin:0 0 4px;text-align:right}.line-items-preview h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.line-items-table{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;overflow:hidden}.table-header{background:#f8fafc;font-weight:600}.table-header,.table-row{color:#374151;display:grid;font-size:14px;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px}.table-row{border-top:1px solid #e2e8f0}.preview-summary,.table-row:nth-child(2n){background:#f8fafc}.preview-summary{border-radius:8px;margin-bottom:24px;padding:20px}.summary-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.summary-row:last-child{margin-bottom:0}.summary-row.total{border-top:1px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;padding-top:12px}.preview-actions{display:flex;gap:12px;justify-content:center}.btn-primary{border-radius:6px;font-size:14px;padding:12px 24px;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.generator-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;height:400px;justify-content:center}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;margin-bottom:16px}@media (max-width:1024px){.generator-content{gap:24px;grid-template-columns:1fr}.right-panel{position:static}}@media (max-width:768px){.invoice-generator{padding:16px}.form-row{gap:16px;grid-template-columns:1fr}.preview-header{flex-direction:column;gap:16px}.invoice-info p{text-align:left}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.preview-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.job-details{grid-template-columns:1fr}.job-dates,.job-description{grid-column:span 1}.job-header{align-items:flex-start;flex-direction:column;gap:8px}.job-item{padding:16px}.job-selection-header{align-items:flex-start;flex-direction:column;gap:12px}.status-filter{width:100%}.status-select{flex:1 1;min-width:200px}}@media (max-width:480px){.generator-header h2{font-size:20px}.job-card{padding:16px}.custom-item-form{padding:12px}.invoice-preview{padding:16px}}.performance-analytics{margin:0 auto;max-width:1200px;padding:2rem}.analytics-header{margin-bottom:2rem;text-align:center}.analytics-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.analytics-header p{color:#6b7280;font-size:1.1rem}.time-period-selector{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.period-button{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;font-weight:500;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.period-button:hover{border-color:#3b82f6;color:#3b82f6}.period-button.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a;color:#fff}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.metric-title{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.metric-icon{color:#3b82f6;height:2rem;width:2rem}.metric-value{font-size:2rem;margin-bottom:.5rem}.metric-change{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.metric-change.positive{color:#059669}.metric-change.negative{color:#dc2626}.metric-change.neutral{color:#6b7280}.change-arrow{height:1rem;width:1rem}.analytics-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.analytics-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.section-title{color:#1f2937;font-size:1.25rem;font-weight:600}.section-icon{color:#3b82f6;height:1.5rem;width:1.5rem}.efficiency-chart{align-items:center;background:#f9fafb;border-radius:.5rem;color:#6b7280;display:flex;font-size:1.1rem;height:300px;justify-content:center;margin-bottom:1rem}.profitability-trends{display:flex;flex-direction:column;gap:1rem}.trend-item{align-items:center;background:#f9fafb;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.trend-label{color:#374151;font-weight:500}.trend-value{color:#1f2937;font-weight:600}.trend-change{border-radius:.25rem;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.trend-change.positive{background:#d1fae5;color:#065f46}.trend-change.negative{background:#fee2e2;color:#991b1b}.cost-analysis{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cost-category{background:#f9fafb;border-radius:.5rem;padding:1rem;text-align:center}.cost-category-name{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.cost-category-value{color:#1f2937;font-size:1.25rem;font-weight:600}.cost-category-change{font-size:.75rem;margin-top:.25rem}.anomaly-detection{background:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;margin-top:1rem;padding:1rem}.anomaly-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.anomaly-icon{color:#d97706;height:1.25rem;width:1.25rem}.anomaly-title{color:#92400e;font-weight:600}.anomaly-description{color:#92400e;font-size:.875rem;line-height:1.4}.anomaly-actions{display:flex;gap:.5rem;margin-top:.75rem}.anomaly-button{background:#fff;border:1px solid #d97706;border-radius:.375rem;color:#d97706;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.anomaly-button.primary,.anomaly-button:hover{background:#d97706;color:#fff}.anomaly-button.primary:hover{background:#b45309;border-color:#b45309}@media (max-width:768px){.performance-analytics{padding:1rem}.analytics-header h2{font-size:1.75rem}.time-period-selector{align-items:center;flex-direction:column}.period-button{max-width:200px;width:100%}.analytics-sections,.metrics-grid{grid-template-columns:1fr}.cost-analysis{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.analytics-header h2,.metric-value{font-size:1.5rem}.cost-analysis{grid-template-columns:1fr}}.profitability-monitor{margin:0 auto;max-width:1200px;padding:2rem}.monitor-header{margin-bottom:2rem;text-align:center}.monitor-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.monitor-header p{color:#6b7280;font-size:1.1rem}.refresh-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.refresh-interval{align-items:center;display:flex;gap:.5rem}.refresh-interval label{color:#374151;font-size:.875rem;font-weight:500}.refresh-interval select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;padding:.5rem}.refresh-button{align-items:center;background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-button:hover{background:#2563eb;transform:translateY(-1px)}.refresh-button:active{transform:translateY(0)}.refresh-icon{height:1rem;width:1rem}.margin-overview{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:1.5rem}.overview-header{border-bottom:1px solid #e5e7eb;padding-bottom:.75rem}.overview-title{color:#1f2937;font-size:1.25rem;font-weight:600}.overview-icon{color:#3b82f6;height:1.5rem;width:1.5rem}.overview-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-metric{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;text-align:center}.metric-label{color:#6b7280;font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.metric-value{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.metric-trend{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.metric-trend.positive{background:#d1fae5;color:#065f46}.metric-trend.negative{background:#fee2e2;color:#991b1b}.metric-trend.neutral{background:#f3f4f6;color:#374151}.job-margins{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:1.5rem}.job-margins-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.job-margins-title{color:#1f2937;font-size:1.25rem;font-weight:600}.job-margins-icon{color:#3b82f6;height:1.5rem;width:1.5rem}.job-list{display:flex;flex-direction:column;gap:1rem}.job-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.job-item:hover{background:#f3f4f6;transform:translateX(4px)}.job-info{display:flex;flex-direction:column;gap:.25rem}.job-name{color:#1f2937;font-weight:600}.job-details{color:#6b7280;font-size:.875rem}.job-margin{align-items:center;display:flex;gap:1rem}.margin-percentage{border-radius:.5rem;font-size:1.25rem;font-weight:700;min-width:80px;padding:.5rem 1rem;text-align:center}.margin-percentage.high{background:#d1fae5;color:#065f46}.margin-percentage.medium{background:#fef3c7;color:#92400e}.margin-percentage.low{background:#fee2e2;color:#991b1b}.margin-percentage.critical{animation:pulse 2s infinite;background:#fecaca;color:#7f1d1d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.cost-creep-analysis{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:1.5rem}.cost-creep-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.cost-creep-title{color:#1f2937;font-size:1.25rem;font-weight:600}.cost-creep-icon{color:#dc2626;height:1.5rem;width:1.5rem}.creep-indicators{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.creep-indicator{background:#f9fafb;border-left:4px solid #dc2626;border-radius:.5rem;padding:1rem}.creep-indicator-name{color:#1f2937;font-weight:600;margin-bottom:.5rem}.creep-indicator-value{color:#dc2626;font-size:1.125rem;font-weight:600}.creep-indicator-description{color:#6b7280;font-size:.875rem;margin-top:.5rem}.alerts-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:2rem;padding:1.5rem}.alerts-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.alerts-title{color:#1f2937;font-size:1.25rem;font-weight:600}.alerts-icon{color:#dc2626;height:1.5rem;width:1.5rem}.alert-list{display:flex;flex-direction:column;gap:1rem}.alert-item{align-items:flex-start;border-left:4px solid;border-radius:.5rem;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.alert-item.critical{background:#fef2f2;border-left-color:#dc2626}.alert-item.warning{background:#fffbeb;border-left-color:#f59e0b}.alert-item.info{background:#eff6ff;border-left-color:#3b82f6}.alert-content{flex:1 1}.alert-title{font-weight:600;margin-bottom:.25rem}.alert-item.critical .alert-title{color:#991b1b}.alert-item.warning .alert-title{color:#92400e}.alert-item.info .alert-title{color:#1e40af}.alert-description{font-size:.875rem;line-height:1.4}.alert-item.critical .alert-description{color:#7f1d1d}.alert-item.warning .alert-description{color:#78350f}.alert-item.info .alert-description{color:#1e3a8a}.alert-actions{display:flex;gap:.5rem}.alert-button{border:1px solid;border-radius:.375rem;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.alert-item.critical .alert-button{background:#fff;border-color:#dc2626;color:#dc2626}.alert-item.critical .alert-button:hover{background:#dc2626;color:#fff}.alert-item.warning .alert-button{background:#fff;border-color:#f59e0b;color:#f59e0b}.alert-item.warning .alert-button:hover{background:#f59e0b;color:#fff}.alert-item.info .alert-button{background:#fff;border-color:#3b82f6;color:#3b82f6}.alert-item.info .alert-button:hover{background:#3b82f6;color:#fff}.recovery-strategies{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;padding:1.5rem}.recovery-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.recovery-title{color:#1f2937;font-size:1.25rem;font-weight:600}.recovery-icon{color:#059669;height:1.5rem;width:1.5rem}.strategy-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.strategy-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1rem}.strategy-title{color:#065f46;font-weight:600;margin-bottom:.5rem}.strategy-description{color:#047857;font-size:.875rem;line-height:1.4;margin-bottom:.75rem}.strategy-impact{align-items:center;color:#065f46;display:flex;font-size:.75rem;font-weight:500;gap:.5rem}.impact-icon{height:1rem;width:1rem}@media (max-width:768px){.profitability-monitor{padding:1rem}.monitor-header h2{font-size:1.75rem}.refresh-controls{align-items:center;flex-direction:column}.creep-indicators,.overview-metrics,.strategy-list{grid-template-columns:1fr}}@media (max-width:480px){.monitor-header h2{font-size:1.5rem}.job-item{align-items:flex-start;flex-direction:column;gap:.75rem}.job-margin{justify-content:space-between;width:100%}}.invoice-management-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1rem}.page-header h1{color:#1f2937;margin-bottom:.5rem}.page-header p{color:#6b7280;font-size:1.1rem}.tab-navigation{flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.tab-button{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#374151;min-width:140px;padding:.75rem 1.5rem}.tab-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.tab-button.active{background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a;color:#fff}.tab-content{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden}@media (max-width:768px){.invoice-management-page{padding:1rem}.page-header h1{font-size:2rem}.tab-navigation{align-items:center;flex-direction:column}.tab-button{max-width:300px;width:100%}}@media (max-width:480px){.page-header h1{font-size:1.75rem}.page-header p{font-size:1rem}}.membership-selection{font-family:var(--font-family);margin:0 auto;max-width:1200px;padding:2rem}.selection-header{margin-bottom:3rem;text-align:center}.selection-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.selection-header p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.billing-toggle{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.billing-toggle span{color:var(--text-secondary);font-size:1rem;font-weight:500;transition:color .3s ease}.billing-toggle span.active{color:var(--text-primary);font-weight:600}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--border-color);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.3s;width:26px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.discount-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.plans-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.plan-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;position:relative;transition:all .3s ease}.plan-card:hover{border-color:var(--plan-color,var(--color-primary));box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.plan-card.current-plan{background:linear-gradient(135deg,#f8fff9,#fff);border-color:var(--color-success)}.plan-card.disabled{opacity:.6;pointer-events:none}.current-plan-badge{align-items:center;background:var(--color-success);border-radius:20px;box-shadow:0 4px 12px #22c55e4d;color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.plan-header{margin-bottom:2rem;text-align:center}.plan-icon{align-items:center;background:var(--color-primary);background:var(--plan-color,var(--color-primary));border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.plan-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-description{color:var(--text-secondary);font-size:.95rem}.plan-pricing{background:var(--bg-secondary);border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.price{justify-content:center}.currency{color:var(--text-secondary);font-size:1.25rem;font-weight:600}.amount{color:var(--text-primary);font-size:3rem;font-weight:800;line-height:1}.period{color:var(--text-secondary);font-size:1rem;font-weight:500}.yearly-savings{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:20px;color:#fff;font-weight:600;margin-bottom:.5rem;padding:.5rem 1rem}.trial-info,.yearly-savings{font-size:.875rem}.plan-features{margin-bottom:2rem}.plan-features h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.plan-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;padding:.5rem 0}.plan-features li svg{color:var(--color-success);flex-shrink:0}.plan-actions{text-align:center}.select-plan-button{background:var(--color-primary);background:var(--plan-color,var(--color-primary));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.select-plan-button:hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.current-plan-button{background:var(--color-success);border:none;border-radius:12px;color:#fff}.current-plan-button,.downgrade-button{cursor:default;font-size:1rem;font-weight:600;padding:1rem 2rem;width:100%}.downgrade-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary)}.plan-comparison{margin-bottom:3rem}.plan-comparison h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.comparison-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow-x:auto}.comparison-table table{border-collapse:collapse;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}.comparison-table th{background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;font-weight:600}.comparison-table td{color:var(--text-secondary);font-size:.9rem}.comparison-table tr:last-child td{border-bottom:none}.selection-footer{background:var(--bg-secondary);border-radius:12px;padding:2rem;text-align:center}.selection-footer p{color:var(--text-secondary);margin-bottom:.5rem}.selection-footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.selection-footer a:hover{text-decoration:underline}.error-container,.loading-container{padding:4rem 2rem;text-align:center}.error-message{font-size:1.1rem}@media (max-width:768px){.membership-selection{padding:1rem}.selection-header h2{font-size:2rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.plan-card{padding:1.5rem}.amount{font-size:2.5rem}.billing-toggle{flex-direction:column;gap:.5rem}.comparison-table{font-size:.875rem}.comparison-table td,.comparison-table th{padding:.75rem .5rem}}@media (max-width:480px){.selection-header h2{font-size:1.75rem}.plan-card{padding:1rem}.amount{font-size:2rem}.plan-features li{font-size:.875rem}}.payment-form-container{font-family:var(--font-family);margin:0 auto;max-width:800px;padding:2rem}.payment-header{margin-bottom:2rem;text-align:center}.payment-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.payment-header p{color:var(--text-secondary);font-size:1.1rem}.order-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.order-summary h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.plan-details{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.plan-info h4{font-size:1.1rem;margin-bottom:.25rem}.plan-info p{font-size:.9rem;margin:0}.plan-pricing{text-align:right}.plan-pricing .price{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.plan-pricing .discount{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:8px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.trial-info{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:var(--color-success);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem}.payment-form{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input,.form-group select{background:#fff;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder{color:var(--text-tertiary)}.secure-payment{align-items:center;background:#22c55e1a;border-radius:8px;color:var(--color-success);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem}.card-element-container{background:#fff;border:2px solid var(--border-color);border-radius:8px;padding:.75rem;transition:border-color .3s ease}.card-element-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.checkbox-group{margin-bottom:1rem}.checkbox-label{align-items:flex-start;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;line-height:1.4}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:#fff;border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;height:20px;margin-top:.125rem;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-label a{color:var(--color-primary);font-weight:600;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.error-message{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:var(--color-error);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:1rem}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.cancel-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.submit-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.submit-button:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-button .spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.payment-footer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:1.5rem}.security-info{align-items:center;color:var(--color-success);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.payment-methods{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.payment-methods span{color:var(--text-secondary);font-size:.875rem;font-weight:600}.payment-icons{display:flex;gap:.5rem}.payment-icon{background:#fff;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.payment-icon.visa{color:#1a1f71}.payment-icon.mastercard{color:#eb001b}.payment-icon.amex{color:#006fcf}.payment-icon.sepa{color:#008c15}.loading-container{padding:4rem 2rem}@media (max-width:768px){.payment-form-container{padding:1rem}.payment-header h2{font-size:1.75rem}.payment-form{padding:1.5rem}.form-row{gap:0;grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.submit-button{justify-content:center;width:100%}.plan-details{flex-direction:column;gap:1rem}.plan-pricing{text-align:left}.payment-methods{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:480px){.payment-header h2{font-size:1.5rem}.payment-form{padding:1rem}.form-section h3{font-size:1.1rem}.order-summary,.payment-footer{padding:1rem}}.subscription-management{font-family:var(--font-family);margin:0 auto;max-width:1000px;padding:2rem}.management-header{margin-bottom:3rem;text-align:center}.management-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.management-header p{color:var(--text-secondary);font-size:1.1rem}.error-container,.loading-container,.no-subscription{padding:4rem 2rem;text-align:center}.loading-spinner{margin:0 auto 1rem}.error-container{color:var(--color-error)}.error-container svg{margin-bottom:1rem}.retry-button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease}.retry-button:hover{background:var(--color-primary-dark)}.no-subscription h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.no-subscription p{color:var(--text-secondary);margin-bottom:2rem}.subscription-overview{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem}.overview-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.overview-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-badge.success{background:#22c55e1a;border:1px solid #22c55e33;color:var(--color-success)}.status-badge.info{background:#3b82f61a;border:1px solid #3b82f633;color:var(--color-primary)}.status-badge.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:var(--color-warning)}.status-badge.error{background:#ef44441a;border:1px solid #ef444433;color:var(--color-error)}.subscription-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr auto;margin-bottom:1.5rem}.plan-info h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.plan-info p{color:var(--text-secondary);margin-bottom:1rem}.plan-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.25rem .75rem}.billing-info{text-align:right}.billing-cycle{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;justify-content:flex-end;margin-bottom:.5rem}.price{color:var(--text-primary);font-size:1.5rem;font-weight:700}.discount{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.cancellation-notice{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:var(--color-warning);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.cancellation-notice strong{display:block;margin-bottom:.25rem}.cancellation-notice p{font-size:.9rem;margin:0}.subscription-actions{display:flex;gap:1rem;justify-content:flex-end}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.action-button.primary{background:var(--color-primary);color:#fff}.action-button.primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.action-button.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.action-button.secondary:hover{background:var(--border-color);color:var(--text-primary)}.billing-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem}.billing-section h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.billing-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.billing-item{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.billing-item .label{color:var(--text-secondary);font-weight:600}.billing-item .value{color:var(--text-primary);font-weight:500}.payment-methods-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;padding:2rem}.payment-methods-section h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.payment-methods-list{display:flex;flex-direction:column;gap:1rem}.payment-method-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem}.method-info{align-items:center;display:flex;gap:1rem}.method-info svg{color:var(--color-primary)}.card-brand{color:var(--text-primary);font-weight:600;text-transform:capitalize}.card-details{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.card-expiry{color:var(--text-tertiary);font-size:.8rem}.default-badge{background:var(--color-success);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.no-payment-methods{color:var(--text-secondary);padding:2rem;text-align:center}.billing-history-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}.billing-history-section h3{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.invoices-list{display:flex;flex-direction:column;gap:1rem}.invoice-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem}.invoice-info{display:flex;flex-direction:column;gap:.25rem}.invoice-date{color:var(--text-primary);font-weight:600}.invoice-amount{color:var(--text-primary);font-size:1.1rem;font-weight:700}.download-button,.invoice-status{align-items:center;display:flex}.download-button{background:var(--color-primary);border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.download-button:hover{background:var(--color-primary-dark)}.no-invoices{color:var(--text-secondary);padding:2rem;text-align:center}.modal{border-radius:12px;padding:2rem}.modal h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.modal p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions .cancel-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.modal-actions .cancel-button:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.modal-actions .confirm-button{background:var(--color-error);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.modal-actions .confirm-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.modal-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.subscription-management{padding:1rem}.management-header h2{font-size:2rem}.subscription-details{gap:1rem;grid-template-columns:1fr}.billing-info{text-align:left}.billing-cycle{justify-content:flex-start}.subscription-actions{flex-direction:column}.action-button{justify-content:center;width:100%}.billing-details{grid-template-columns:1fr}.invoice-item{align-items:flex-start;gap:1rem}.invoice-item,.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (max-width:480px){.management-header h2{font-size:1.75rem}.billing-history-section,.billing-section,.payment-methods-section,.subscription-overview{padding:1.5rem}.overview-header,.payment-method-card{align-items:flex-start;flex-direction:column;gap:1rem}.modal{padding:1.5rem}}.subscription-page{background:var(--bg-primary);font-family:var(--font-family);min-height:100vh}.admin-redirect-message{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.admin-redirect-message h2{color:#1a1a1a;font-size:1.5rem;margin-bottom:1rem}.admin-redirect-message p{color:#666;line-height:1.6;margin-bottom:2rem}.admin-redirect-message .btn-primary{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.admin-redirect-message .btn-primary:hover{background-color:#2563eb}.subscription-header{margin-bottom:3rem;text-align:center}.subscription-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subscription-header p{color:#666;font-size:1.1rem}.subscription-content{margin:0 auto;max-width:1200px}.management-section,.payment-section,.plans-section,.success-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.existing-subscription-notice{background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:.5rem;margin-top:2rem;padding:1.5rem;text-align:center}.existing-subscription-notice h3{color:#0c4a6e;font-size:1.25rem;margin-bottom:.5rem}.existing-subscription-notice p{color:#0369a1;margin-bottom:1rem}.success-section{padding:3rem 2rem;text-align:center}.success-message h2{color:#059669;font-size:2rem;margin-bottom:1rem}.success-message p{color:#666;font-size:1.1rem;margin-bottom:1rem}.success-actions{margin-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.page-header{background:#fff;border-bottom:1px solid var(--border-color);padding:2rem}.page-header h1{color:var(--text-primary);margin-bottom:1rem}.breadcrumb{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;justify-content:center}.breadcrumb span{cursor:pointer;transition:color .3s ease}.breadcrumb span.active,.breadcrumb span:hover{color:var(--color-primary)}.breadcrumb span.active{font-weight:600}.breadcrumb .separator{cursor:default}.breadcrumb .separator,.breadcrumb .separator:hover{color:var(--text-tertiary)}.page-content{padding:2rem}.step-header{margin-bottom:2rem}.back-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background:var(--border-color);color:var(--text-primary)}.success-step{align-items:center;display:flex;justify-content:center;min-height:60vh}.success-content{background:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000000d;max-width:600px;padding:3rem;text-align:center}.success-icon{color:var(--color-success);margin-bottom:1.5rem}.success-content h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.success-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.success-details{background:var(--bg-secondary);border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.detail-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:var(--text-secondary);font-weight:600}.detail-item .value{color:var(--text-primary);font-weight:500}.success-actions{display:flex;gap:1rem;justify-content:center}.primary-button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.primary-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.secondary-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.secondary-button:hover{background:var(--border-color);color:var(--text-primary)}.existing-subscriber-nav{margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1200px;padding:0 2rem}.nav-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center}.nav-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.nav-card p{color:var(--text-secondary);margin-bottom:1.5rem}.nav-button{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.nav-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:1rem;width:40px}.loading-container p{color:var(--text-secondary);font-size:1rem}.payment-step{margin:0 auto;max-width:800px}.management-step{margin:0 auto;max-width:1000px}@media (max-width:768px){.page-header{padding:1.5rem 1rem}.page-header h1{font-size:2rem}.page-content{padding:1rem}.success-content{margin:1rem;padding:2rem 1.5rem}.success-content h2{font-size:1.75rem}.success-actions{flex-direction:column}.success-actions button{width:100%}.breadcrumb{flex-wrap:wrap;gap:.25rem}.existing-subscriber-nav{margin-top:2rem;padding:0 1rem}.nav-card{padding:1.5rem}}@media (max-width:480px){.page-header h1{font-size:1.75rem}.success-content{padding:1.5rem 1rem}.success-content h2{font-size:1.5rem}.detail-item{align-items:flex-start;flex-direction:column;gap:.25rem}.nav-card h3{font-size:1.25rem}}.admin-subscription-page{margin:0 auto;max-width:1400px;padding:2rem}.admin-header{margin-bottom:2rem;text-align:center}.admin-header h1{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.admin-header p{color:#666;font-size:1.1rem}.access-denied{color:#666;padding:4rem 2rem;text-align:center}.access-denied h2{color:#1a1a1a;margin:1rem 0}.access-denied button{margin-top:1rem}.admin-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.tab{align-items:center;background:none;border:none;border-radius:.5rem;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.tab:hover{background-color:#f3f4f6;color:#1a1a1a}.tab.active{background-color:#3b82f6;color:#fff}.admin-content{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.tab-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:1.5rem}.filters,.tab-header{align-items:center;display:flex}.filters{gap:1rem}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:#9ca3af;left:.75rem;position:absolute}.search-box input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem .75rem .5rem 2.5rem;width:250px}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filters select{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem .75rem}.btn-primary{align-items:center;background-color:#3b82f6;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:all .2s ease}.btn-secondary:hover{background-color:#e5e7eb}.btn-danger{background-color:#ef4444;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;padding:.375rem .75rem;transition:background-color .2s ease}.btn-danger:hover{background-color:#dc2626}.subscriptions-table{overflow-x:auto}.subscriptions-table table{border-collapse:collapse;width:100%}.subscriptions-table td,.subscriptions-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.subscriptions-table th{background-color:#f9fafb;color:#374151;font-size:.875rem;font-weight:600}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{color:#1a1a1a}.user-email,.username{color:#6b7280;font-size:.875rem}.status-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.status-badge.success{background-color:#dcfce7;color:#166534}.status-badge.warning{background-color:#fef3c7;color:#92400e}.status-badge.danger{background-color:#fee2e2;color:#991b1b}.status-badge.secondary{background-color:#f3f4f6;color:#6b7280}.actions{display:flex;gap:.5rem}.pagination{border-top:1px solid #e5e7eb;padding:1.5rem}.pagination button{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.pagination button:hover:not(:disabled){background-color:#f3f4f6}.pagination button:disabled{cursor:not-allowed;opacity:.5}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:1.5rem}.plan-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.plan-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.plan-header h4{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.plan-description{color:#6b7280;line-height:1.5}.plan-description,.plan-pricing{margin-bottom:1.5rem}.price{align-items:baseline;display:flex;gap:.25rem;margin-bottom:.5rem}.amount{color:#1a1a1a;font-size:1.5rem;font-weight:700}.period{color:#6b7280}.discount{color:#059669;font-size:.875rem;font-weight:500}.plan-features{margin-bottom:1.5rem}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{color:#374151;padding:.25rem 0 .25rem 1.5rem;position:relative}.plan-features li:before{color:#059669;content:"✓";font-weight:700;left:0;position:absolute}.plan-actions{display:flex;gap:.5rem}.users-table{overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e5e7eb;padding:1rem;text-align:left}.users-table th{background-color:#f9fafb;color:#374151}.no-subscription{color:#6b7280;font-style:italic}.loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:4rem}.modal-overlay{background-color:#00000080;z-index:1000}.modal{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.modal-header button{align-items:center;background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.modal-header button:hover{background-color:#f3f4f6}.modal-content{padding:1.5rem}@media (max-width:768px){.admin-subscription-page{padding:1rem}.admin-tabs{flex-direction:column;gap:.5rem}.tab-header{align-items:stretch;gap:1rem}.filters,.tab-header{flex-direction:column}.filters{gap:.5rem}.search-box input{width:100%}.plans-grid{grid-template-columns:1fr}.actions{flex-direction:column;gap:.25rem}.actions button{width:100%}}.admin-dashboard{max-width:1400px;padding:2rem}.admin-dashboard-header{margin-bottom:2rem}.admin-dashboard-header h1{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-dashboard-header p{color:#6b7280;font-size:1rem}.admin-dashboard-error,.admin-dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{box-shadow:0 1px 3px #0000001a;padding:1.5rem}.stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-card-icon{border-radius:12px;height:64px;width:64px}.stat-card-blue .stat-card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-card-green .stat-card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card-purple .stat-card-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-card-orange .stat-card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card-teal .stat-card-icon{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.stat-card-indigo .stat-card-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.stat-card-content{flex:1 1}.stat-card-title{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.stat-card-value{font-size:2rem}.stat-card-change{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.25rem .5rem}.stat-card-change.positive{background:#f0fdf4;color:#166534}.stat-card-change.negative{background:#fef2f2;color:#dc2626}.admin-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.admin-section h2{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.subscription-stats{display:flex;gap:2rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.stat-value{color:#111827;font-size:1.5rem;font-weight:700}.revenue-chart-placeholder{background:#f9fafb;border-radius:8px;color:#6b7280;padding:2rem;text-align:center}.activity-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:1rem;padding:1rem}.admin-section-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin:2rem 0 1rem}.admin-section-header h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.admin-section-sub{color:#6b7280;font-size:.875rem}.usage-bar-chart{grid-gap:.5rem;align-items:end;display:grid;gap:.5rem;grid-template-columns:repeat(14,1fr);height:200px;padding:.5rem 0}.usage-bar-col{align-items:center;display:flex;flex-direction:column;gap:.25rem;height:100%;justify-content:flex-end;position:relative}.usage-bar{background:linear-gradient(180deg,#6366f1,#3b82f6);border-radius:6px 6px 0 0;min-height:4px;transition:opacity .2s ease,transform .2s ease;width:100%}.usage-bar-col:hover .usage-bar{opacity:.85;transform:scaleY(1.02);transform-origin:bottom}.usage-bar-value{color:#374151;font-size:.75rem;font-weight:600}.usage-bar-label{color:#6b7280;font-size:.7rem;margin-top:.25rem;white-space:nowrap}.usage-actions-list{display:flex;flex-direction:column;gap:.75rem}.usage-action-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:180px 1fr 60px}.usage-action-name{color:#374151;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.usage-action-bar-wrap{background:#f3f4f6;border-radius:6px;height:10px;overflow:hidden}.usage-action-bar{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:6px;height:100%;transition:width .3s ease}.usage-action-count{color:#111827;font-size:.875rem;font-weight:600;text-align:right}@media (max-width:768px){.admin-dashboard{padding:1rem}.stats-grid{grid-template-columns:1fr}.subscription-stats{flex-direction:column;gap:1rem}.usage-bar-chart{grid-template-columns:repeat(7,1fr);height:160px}.usage-bar-chart .usage-bar-col:nth-child(-n+7){display:none}.usage-action-row{grid-template-columns:120px 1fr 50px}}.admin-users{max-width:1600px;padding:2rem}.admin-users-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.admin-users-header .btn{align-items:center;display:inline-flex;gap:.5rem;white-space:nowrap}.admin-users-header h1{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-users-header p{color:#6b7280;font-size:1rem}.admin-users-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.users-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f9fafb}.users-table th{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.users-table td{border-top:1px solid #e5e7eb;padding:1rem}.users-table tbody tr:hover{background:#f9fafb}.user-info-cell{align-items:center;display:flex;gap:.75rem}.user-icon{color:#3b82f6}.user-name{color:#111827;font-weight:500}.subscription-status{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.subscription-active{background:#f0fdf4;color:#166534}.subscription-trial{background:#fffbeb;color:#d97706}.subscription-canceled{background:#fef2f2;color:#dc2626}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.badge-success{background:#f0fdf4;color:#166534}.badge-danger{background:#fef2f2;color:#dc2626}.action-buttons{display:flex;gap:.5rem}.btn-icon{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:#e5e7eb;color:#111827}.btn-icon-danger:hover{background:#fee2e2;color:#dc2626}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#111827;font-size:1.5rem;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.modal-close:hover{background:#f3f4f6}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.user-subscription{background:#f9fafb;border-radius:8px;margin-top:1rem;padding:1rem}.user-subscription h3{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.75rem}.user-subscription p{color:#6b7280;font-size:.875rem;margin:.5rem 0}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}@media (max-width:768px){.admin-users{padding:1rem}.users-table{font-size:.875rem}.users-table td,.users-table th{padding:.75rem .5rem}.modal-content{width:95%}}.btn{padding:.625rem 1.25rem;transition:all .2s}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn:disabled{cursor:not-allowed;opacity:.5}.admin-audit-logs{max-width:1600px;padding:2rem}.admin-audit-logs-header{margin-bottom:2rem}.admin-audit-logs-header h1{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-audit-logs-header p{color:#6b7280;font-size:1rem}.admin-audit-logs-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.audit-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-group{flex:1 1;min-width:300px;position:relative}.filter-icon{color:#9ca3af;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:.75rem 1rem .75rem 3rem;transition:border-color .2s;width:100%}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-input-short{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;min-width:150px;padding:.75rem 1rem}.filter-input-short:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;min-width:180px;padding:.75rem 1rem}.filter-select:focus{border-color:#3b82f6;outline:none}.audit-logs-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.audit-log-item{background:#fff;border-left:4px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:1rem;padding:1rem;transition:box-shadow .2s}.audit-log-item:hover{box-shadow:0 2px 4px #0000001a}.log-icon{align-items:flex-start;display:flex;padding-top:.125rem}.log-content{flex:1 1;min-width:0}.log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.log-action{color:#111827;font-size:.875rem;font-weight:600;text-transform:capitalize}.log-time{color:#6b7280;font-size:.75rem}.log-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.log-resource,.log-user{align-items:center;color:#6b7280;display:inline-flex;font-size:.875rem;gap:.25rem}.log-details-text{background:#f9fafb;border-radius:4px;color:#9ca3af;font-family:Courier New,monospace;font-size:.75rem;margin-top:.5rem;padding:.5rem;white-space:pre-wrap;word-break:break-all}.action-create{border-left-color:#10b981}.action-create .log-icon{color:#10b981}.action-update{border-left-color:#3b82f6}.action-update .log-icon{color:#3b82f6}.action-delete{border-left-color:#ef4444}.action-delete .log-icon{color:#ef4444}.action-login{border-left-color:#8b5cf6}.action-login .log-icon{color:#8b5cf6}.action-logout{border-left-color:#6b7280}.action-logout .log-icon{color:#6b7280}.action-permission{border-left-color:#f59e0b}.action-permission .log-icon{color:#f59e0b}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination-info{color:#6b7280;font-size:.875rem}.empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.empty-state p{color:#6b7280;font-size:1.125rem;font-weight:500}.empty-state-sub{font-size:.875rem!important;font-weight:400!important}@media (max-width:768px){.admin-audit-logs{padding:1rem}.audit-log-item{flex-direction:column}.log-icon{align-self:flex-start}.log-header{align-items:flex-start;flex-direction:column;gap:.25rem}.log-details{flex-direction:column;gap:.5rem}}.security-dashboard{max-width:1600px;padding:2rem}.security-dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-left h1{align-items:center;color:#111827;display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;margin-bottom:.25rem}.header-left p{color:#6b7280;font-size:.95rem}.header-controls{align-items:center;display:flex;gap:.5rem}.timeframe-selector{background:#f3f4f6;border-radius:8px;display:flex;padding:2px}.timeframe-btn{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.timeframe-btn:hover{color:#111827}.timeframe-btn.active{background:#3b82f6;box-shadow:0 1px 3px #3b82f64d;color:#fff}.auto-refresh-btn,.refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;padding:8px;transition:all .2s ease}.auto-refresh-btn:hover,.refresh-btn:hover{background:#f9fafb;color:#111827}.auto-refresh-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.auto-refresh-btn.active .spinning{animation:spin 2s linear infinite}.security-dashboard-error,.security-dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.retry-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:8px 20px}.retry-btn:hover{background:#2563eb}.stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;gap:1rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-card-info{flex:1 1}.stat-card-label{color:#6b7280;font-size:.8rem;letter-spacing:.03em;margin:0 0 4px;text-transform:uppercase}.stat-card-value{color:#111827;font-size:1.75rem;font-weight:700;margin:0}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1.5rem}.chart-card h2{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.chart-empty{align-items:center;color:#9ca3af;display:flex;font-size:.95rem;height:200px;justify-content:center}.section-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;padding:1.5rem}.section-card h2{align-items:center;color:#111827;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.blocked-users-list{display:flex;flex-direction:column;gap:.5rem}.blocked-user-item{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:1.5rem;padding:.75rem 1rem}.blocked-user-id{color:#991b1b;font-weight:600}.blocked-user-until{color:#6b7280;font-size:.85rem}.blocked-user-remaining{color:#dc2626;font-size:.85rem;font-weight:500;margin-left:auto}.events-table-wrapper{overflow-x:auto}.events-table{border-collapse:collapse;font-size:.9rem;width:100%}.events-table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.events-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s ease}.events-table tbody tr:hover{background:#f9fafb}.events-table td{color:#374151;padding:.75rem 1rem}.event-time{color:#6b7280;font-size:.85rem;white-space:nowrap}.event-endpoint{color:#4b5563}.event-endpoint,.event-pattern{font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.event-pattern{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-badge{border-radius:12px;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.badge-red{background:#fef2f2;color:#dc2626}.badge-orange{background:#fff7ed;color:#ea580c}.badge-purple{background:#faf5ff;color:#7c3aed}.badge-dark-red{background:#991b1b;color:#fff}.badge-gray{background:#f3f4f6;color:#4b5563}.severity-badge{border-radius:12px;display:inline-block;font-size:.72rem;font-weight:700;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.severity-critical{background:#991b1b;color:#fff}.severity-high{background:#ef4444;color:#fff}.severity-medium{background:#f59e0b;color:#fff}.severity-low{background:#facc15;color:#422006}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;height:48px;width:48px}@media (max-width:768px){.security-dashboard{padding:1rem}.security-dashboard-header{flex-direction:column}.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.voice-assistant-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:24px}.page-header{color:#fff;margin-bottom:32px;text-align:center}.page-header h1{font-size:2.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.page-header p{font-size:1.125rem;margin:0;opacity:.9}.page-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.tab-navigation{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;overflow-x:auto}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:16px 24px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#f1f5f9;color:#475569}.tab-button.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.tab-content{min-height:600px;padding:32px}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.close-error,.error-banner{align-items:center;color:#dc2626;display:flex}.close-error{background:none;border:none;cursor:pointer;font-size:1.25rem;height:24px;justify-content:center;padding:0;width:24px}.close-error:hover{background:#fee2e2;border-radius:4px}.voice-tab{display:flex;justify-content:center}.offers-tab h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 24px}.empty-state{padding:60px 20px}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:1rem;margin:8px 0}.empty-state p:first-of-type{color:#374151;font-weight:600}.offers-list{grid-gap:20px;display:grid;gap:20px}.offer-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s ease}.offer-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.offer-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.offer-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.offer-status{background:#dbeafe;border-radius:20px;color:#1e40af;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.offer-details{margin-bottom:20px}.customer-info,.pricing-info,.project-info{color:#374151;font-size:.875rem;margin-bottom:8px}.customer-info strong,.pricing-info strong,.project-info strong{color:#1f2937;font-weight:600}.offer-actions{display:flex;flex-wrap:wrap;gap:8px}.btn{border-radius:6px;padding:8px 16px}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}.emails-tab h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 24px}.email-analysis-info{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.info-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.info-card svg{color:#3b82f6;margin-bottom:16px}.info-card h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 12px}.info-card p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.settings-tab h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 24px}.settings-content{display:flex;flex-direction:column;gap:32px}.setting-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.setting-group h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 20px}.setting-item{margin-bottom:16px}.setting-item:last-child{margin-bottom:0}.setting-item label{color:#374151;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:8px}.setting-item input[type=checkbox]{margin-right:8px}.setting-item input[type=number],.setting-item select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;max-width:200px;padding:8px 12px}.setting-item input[type=number]:focus,.setting-item select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width:768px){.voice-assistant-page{padding:16px}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.tab-content{padding:20px}.tab-navigation{flex-direction:column}.tab-button{justify-content:center}.offer-actions{flex-direction:column}.btn{justify-content:center;width:100%}.email-analysis-info{grid-template-columns:1fr}.setting-item input[type=number],.setting-item select{max-width:100%}}.tab-content>div{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.smtp-detector{width:100%}.smtp-detector__locale-bar{align-items:center;display:flex;gap:.5rem;margin-bottom:1.25rem}.smtp-detector__locale-label{color:#6b7280;font-size:.875rem;margin-right:.25rem}.smtp-detector__locale-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1.25rem;height:2.5rem;justify-content:center;transition:border-color .15s,box-shadow .15s;width:2.5rem}.smtp-detector__locale-btn:hover{border-color:#93c5fd}.smtp-detector__locale-btn.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.smtp-detector__field{margin-bottom:1rem}.smtp-detector__field label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.35rem}.smtp-detector__field input,.smtp-detector__field select{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;max-width:420px;padding:.6rem .75rem;width:100%}.smtp-detector__field input:disabled{background:#f3f4f6;color:#6b7280}.smtp-detector__field input:focus,.smtp-detector__field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.smtp-detector__status{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;margin:1rem 0;padding:.75rem 1rem}.smtp-detector__status--loading{background:#eff6ff;color:#1d4ed8}.smtp-detector__status--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.smtp-detector__status--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.smtp-detector__config-grid{grid-gap:.75rem 1.25rem;display:grid;font-size:.875rem;gap:.75rem 1.25rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:.75rem 0 1rem}.smtp-detector__config-grid dt{color:#6b7280;font-weight:500}.smtp-detector__config-grid dd{color:#111827;font-weight:600;margin:0}.smtp-detector__hint{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.smtp-detector__hint--saved{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.smtp-detector__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.smtp-detector__btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.6rem 1.1rem;transition:background .15s}.smtp-detector__btn:disabled{cursor:not-allowed;opacity:.6}.smtp-detector__btn--primary{background:#3b82f6;color:#fff}.smtp-detector__btn--primary:hover:not(:disabled){background:#2563eb}.smtp-detector__btn--secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.smtp-detector__btn--secondary:hover:not(:disabled){background:#f9fafb}.smtp-detector__manual-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;max-width:520px}@media (max-width:600px){.smtp-detector__manual-grid{grid-template-columns:1fr}}.smtp-detector__spin{animation:smtp-spin .8s linear infinite}@keyframes smtp-spin{to{transform:rotate(1turn)}}.imap-mailbox-setup{margin-top:1rem}.imap-mailbox-setup h2{align-items:center;display:flex;font-size:1.15rem;gap:.5rem}.imap-hint{color:#64748b;font-size:.9rem;margin-bottom:1rem}.imap-smtp-bridge{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:1rem;padding:1rem}.imap-smtp-bridge p{font-size:.9rem;margin:0 0 .75rem}.imap-smtp-bridge button.primary{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;padding:.55rem 1rem}.imap-banner.warn{background:#fffbeb;color:#92400e}.imap-manual-toggle{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:.9rem;gap:.35rem;margin-top:1rem;padding:0}.imap-manual-panel{border-top:1px dashed #e2e8f0;margin-top:.75rem;padding-top:.75rem}.imap-form-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.imap-form-grid label{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem}.imap-form-grid input[type=email],.imap-form-grid input[type=number],.imap-form-grid input[type=password],.imap-form-grid input[type=text]{border:1px solid #e2e8f0;border-radius:6px;padding:.5rem}.imap-checkbox{align-items:center;flex-direction:row!important;gap:.5rem!important}.imap-actions{display:flex;gap:.75rem;margin-top:1rem}.imap-actions button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;padding:.5rem 1rem}.imap-actions button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.imap-banner{align-items:center;border-radius:6px;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem;padding:.6rem .75rem}.imap-banner.success{background:#ecfdf5;color:#047857}.imap-banner.error{background:#fef2f2;color:#b91c1c}.imap-accounts-list{margin-top:1.5rem}.imap-accounts-list ul{list-style:none;padding:0}.imap-accounts-list li{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;padding:.5rem 0}.imap-accounts-list .muted{color:#94a3b8;font-size:.85rem}.spin{animation:spin 1s linear infinite}.lexware-integration{display:flex;flex-direction:column;gap:.75rem}.lexware-hint{color:#64748b;font-size:.9rem;margin:0}.lexware-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.9rem;gap:.4rem;padding:.4rem .75rem;width:-webkit-fit-content;width:fit-content}.lexware-status-badge.status-connected{background:#dcfce7;color:#166534}.lexware-status-badge.status-disconnected{background:#f1f5f9;color:#475569}.lexware-status-badge.status-error{background:#fee2e2;color:#991b1b}.lexware-meta{color:#64748b;font-size:.85rem;margin:0}.lexware-label{font-size:.9rem;font-weight:500}.lexware-input{border:1px solid #cbd5e1;border-radius:6px;max-width:480px;padding:.5rem .75rem;width:100%}.lexware-actions{display:flex;flex-wrap:wrap;gap:.5rem}.lexware-message{border-radius:6px;font-size:.9rem;padding:.5rem .75rem}.lexware-message.success{background:#dcfce7;color:#166534}.lexware-message.error{background:#fee2e2;color:#991b1b}.lexware-logs-title{font-size:1rem;margin:1rem 0 .25rem}.lexware-logs-table{border-collapse:collapse;font-size:.85rem;width:100%}.lexware-logs-table td,.lexware-logs-table th{border-bottom:1px solid #e2e8f0;padding:.4rem .5rem;text-align:left;vertical-align:top}.log-status.success{color:#166534}.log-status.error{color:#991b1b}.log-error{color:#64748b;max-width:220px;word-break:break-word}.calc-params-toggle{align-items:flex-start;cursor:pointer;display:flex;gap:10px;margin:4px 0 16px}.calc-params-toggle input{flex-shrink:0;height:16px;margin-top:3px;width:16px}.calc-params-toggle span{color:#1e293b;display:flex;flex-direction:column;font-size:13px;gap:2px}.calc-params-toggle em{color:#64748b;font-size:11.5px;font-style:normal;line-height:1.45}.calc-params-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:16px}.calc-params-field{display:flex;flex-direction:column;gap:4px}.calc-params-field label{color:#334155;font-size:12.5px;font-weight:600}.calc-params-field input{border:1px solid #cbd5e1;border-radius:6px;font-size:13px;padding:8px 10px}.calc-params-field input:disabled{background:#f1f5f9;color:#94a3b8}.calc-params-field small{color:#64748b;font-size:11px;line-height:1.45}.calc-params-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;padding:12px 14px}.calc-params-preview-title{color:#475569;font-size:12px;font-weight:600;margin-bottom:8px}.calc-params-preview-row{color:#334155;display:flex;font-size:12.5px;gap:12px;justify-content:space-between;padding:2px 0}.calc-params-preview-row.total{border-top:1px solid #e2e8f0;font-weight:600;margin-top:6px;padding-top:6px}.calc-params-preview-note{color:#64748b;font-size:11.5px;line-height:1.5;margin-top:10px}.calc-params-save{align-items:center;background:#1d4ed8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.calc-params-save:hover{background:#1e40af}.calc-params-save:disabled{cursor:not-allowed;opacity:.55}.settings-page{margin:0 auto;max-width:1200px;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header-content{align-items:center;display:flex;gap:1rem}.settings-icon{color:#3b82f6;height:2rem;width:2rem}.settings-page h1{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.settings-section-description{color:#6b7280;font-size:.95rem;margin-bottom:1rem}.language-selector{position:relative}.language-selector-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:space-between;min-width:200px;padding:.6rem 1rem}.language-selector-btn:hover{background:#f9fafb;border-color:#3b82f6}.language-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:280px;min-width:200px;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;z-index:1000}.language-option{background:none;border:none;cursor:pointer;display:block;font-size:1rem;padding:.6rem 1rem;text-align:left;transition:background .2s;width:100%}.language-option:hover{background:#f3f4f6}.language-option.active{background:#eff6ff;color:#2563eb;font-weight:500}.settings-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.settings-content{grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:visible;padding:0;transition:box-shadow .2s ease}.settings-card:hover{box-shadow:0 4px 12px #0000001f}.settings-card.dropdown-open{position:relative;z-index:100}.settings-card-header{align-items:center;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem;transition:background-color .2s ease}.settings-card-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.settings-card-header.clickable:hover{background:#f3f4f6}.settings-card-title{align-items:center;display:flex;flex:1 1;gap:1rem}.card-icon{color:#3b82f6;height:1.5rem;width:1.5rem}.expand-icon{color:#6b7280;height:1.25rem;margin-left:auto;transition:transform .2s ease;width:1.25rem}.settings-card-title h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.settings-card-content{animation:slideDown .3s ease-out;padding:2rem}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:5000px;opacity:1;transform:translateY(0)}}.card-content-header{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.btn-add-category{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-add-category:hover{background:#2563eb;transform:translateY(-1px)}.btn-icon{height:1rem;width:1rem}.settings-error{background:#fee2e2;border-radius:8px;color:#991b1b;margin-bottom:1rem;padding:1rem}.category-form-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.category-form-card h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.category-form-card .form-group{margin-bottom:1rem}.category-form-card label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.category-form-card input,.category-form-card textarea{border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.category-form-card input:focus,.category-form-card textarea:focus{border-color:#3b82f6;outline:none}.category-form-card .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.category-form-card button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.category-form-card .btn-primary{background:#3b82f6;border:none;color:#fff}.category-form-card .btn-primary:hover{background:#2563eb}.categories-list{display:flex;flex-direction:column;gap:1rem}.category-card{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s}.category-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000001a}.category-info{flex:1 1}.category-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.category-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.system-badge{background:#dbeafe;color:#1e40af}.inactive-badge,.system-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.inactive-badge{background:#f3f4f6;color:#6b7280}.category-details{display:flex;flex-direction:column;gap:.5rem}.category-code{color:#6b7280;font-family:monospace;font-size:.875rem}.category-description{color:#4b5563;margin:0}.btn-delete,.btn-edit,.category-actions{display:flex;gap:.5rem}.btn-delete,.btn-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-edit{background:#f3f4f6;color:#374151}.btn-edit:hover:not(:disabled){background:#e5e7eb}.btn-edit:disabled{cursor:not-allowed;opacity:.5}.btn-delete{background:#fee2e2;color:#991b1b}.btn-delete:hover{background:#fecaca}.category-edit-form{width:100%}.category-edit-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr;margin-bottom:1rem}.category-edit-form .form-group{margin-bottom:1rem}.category-edit-form label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.category-edit-form input,.category-edit-form textarea{border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.category-edit-form input:focus,.category-edit-form textarea:focus{border-color:#3b82f6;outline:none}.category-edit-form .disabled-input{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.category-edit-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.category-edit-form button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.category-edit-form .btn-primary{background:#3b82f6;color:#fff}.category-edit-form .btn-primary:hover{background:#2563eb}.category-edit-form button[type=button]{background:#f3f4f6;color:#374151}.category-edit-form button[type=button]:hover{background:#e5e7eb}.empty-state,.settings-loading{color:#6b7280;padding:3rem;text-align:center}.logo-section-description{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.settings-success{background:#dcfce7;border-radius:8px;color:#166534;font-weight:500;margin-bottom:1rem;padding:1rem}.logo-error{align-items:center;display:flex;gap:.5rem}.error-icon{flex-shrink:0;height:1.125rem;width:1.125rem}.logo-upload-area{margin-top:.5rem}.logo-dropzone{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 2rem;transition:all .2s ease}.logo-dropzone:hover{background:#eff6ff;border-color:#3b82f6}.dropzone-icon{color:#9ca3af;height:2.5rem;width:2.5rem}.logo-dropzone:hover .dropzone-icon{color:#3b82f6}.dropzone-text{color:#374151;font-size:1rem;font-weight:600}.dropzone-hint{color:#9ca3af;font-size:.85rem}.logo-uploading{align-items:center;color:#3b82f6;display:flex;flex-direction:column;font-weight:500;gap:.75rem}.logo-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:2rem;width:2rem}.logo-preview-container{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.logo-preview{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:center;max-width:320px;min-height:120px;padding:1.5rem;width:100%}.logo-preview-image{max-height:200px;max-width:100%;object-fit:contain}.logo-info{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:1rem}.logo-filename{background:#f3f4f6;border-radius:4px;font-family:monospace;padding:.25rem .5rem}.logo-filesize{color:#9ca3af}.logo-actions{display:flex;gap:.75rem}.btn-change-logo,.btn-delete-logo{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-change-logo{background:#3b82f6;color:#fff}.btn-change-logo:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-delete-logo{background:#fee2e2;color:#991b1b}.btn-delete-logo:hover:not(:disabled){background:#fecaca}.btn-change-logo:disabled,.btn-delete-logo:disabled{cursor:not-allowed;opacity:.5}.settings-divider{border:none;border-top:1px solid #e2e8f0;margin:1.5rem 0}.supplier-invoices-page{max-width:1400px;padding:1.5rem}.supplier-invoices-page header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.supplier-invoices-page h1{align-items:center;display:flex;flex:1 1;font-size:1.4rem;gap:.5rem}.sip-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 380px}@media (max-width:960px){.sip-layout{grid-template-columns:1fr}}.sip-table{border-collapse:collapse;font-size:.9rem;width:100%}.sip-table td,.sip-table th{border-bottom:1px solid #e2e8f0;padding:.5rem;text-align:left}.sip-table tr.active{background:#eff6ff}.sip-badge{border-radius:4px;font-size:.75rem;padding:.15rem .5rem}.sip-badge.needs_review{background:#fef3c7;color:#92400e}.sip-badge.approved{background:#d1fae5;color:#065f46}.sip-badge.rejected{background:#fee2e2;color:#991b1b}.sip-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:80vh;overflow-y:auto;padding:1rem}.sip-items,.sip-movements{font-size:.85rem;list-style:none;padding:0}.sip-items li{border-bottom:1px solid #e2e8f0;padding:.5rem 0}.sip-item-meta{color:#64748b;font-size:.8rem}.sip-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.sip-detail-actions button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:flex;gap:.35rem;padding:.45rem .75rem}.sip-detail-actions .approve{background:#059669;border-color:#059669;color:#fff}.sip-detail-actions .reject{background:#dc2626;border-color:#dc2626;color:#fff}.sip-error{background:#fef2f2;border-radius:6px;color:#b91c1c;margin-bottom:.75rem;padding:.5rem .75rem}.sip-audit{color:#475569;font-size:.85rem}.email-offer-requests-page{max-width:1400px;padding:1.5rem}.email-offer-requests-page header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.email-offer-requests-page h1{align-items:center;display:flex;flex:1 1;font-size:1.4rem;gap:.5rem}.eor-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 380px}@media (max-width:960px){.eor-layout{grid-template-columns:1fr}}.eor-table{border-collapse:collapse;font-size:.9rem;width:100%}.eor-table td,.eor-table th{border-bottom:1px solid #e2e8f0;padding:.5rem;text-align:left}.eor-table tr.active{background:#f0fdf4}.eor-badge{border-radius:4px;font-size:.75rem;padding:.15rem .5rem}.eor-badge.needs_review{background:#fef3c7;color:#92400e}.eor-badge.approved{background:#d1fae5;color:#065f46}.eor-badge.rejected{background:#fee2e2;color:#991b1b}.eor-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.eor-offer-link{align-items:center;background:none;border:none;color:#2563eb;cursor:pointer;display:inline-flex;font:inherit;gap:.35rem;padding:0;text-decoration:underline}.eor-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.eor-detail-actions button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:flex;gap:.35rem;padding:.45rem .75rem}.eor-detail-actions .approve{background:#059669;border-color:#059669;color:#fff}.eor-detail-actions .reject{background:#dc2626;border-color:#dc2626;color:#fff}.eor-banner{align-items:flex-start;border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.eor-banner.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.eor-banner.warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.eor-banner.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.eor-sync-btn{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:.35rem;padding:.45rem .85rem}.eor-sync-btn:disabled{cursor:not-allowed;opacity:.6}.eor-inbound-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.eor-inbound-section h2{font-size:1rem;margin:0 0 .35rem}.eor-inbound-hint{color:#64748b;font-size:.85rem;margin:0 0 .75rem}.eor-inbound-table{background:#fff;border-collapse:collapse;font-size:.85rem;width:100%}.eor-inbound-table td,.eor-inbound-table th{border-bottom:1px solid #e2e8f0;padding:.5rem .65rem;text-align:left}.eor-reprocess-inbound{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.3rem;padding:.3rem .55rem;white-space:nowrap}.eor-reprocess-inbound:hover:not(:disabled){background:#f1f5f9}.eor-reprocess-inbound:disabled{cursor:wait;opacity:.6}.eor-empty{color:#64748b;padding:2rem 1rem!important;text-align:center}.eor-error{background:#fef2f2;border-radius:6px;color:#b91c1c;margin-bottom:.75rem;padding:.5rem .75rem}.eor-audit{color:#475569;font-size:.85rem}.telephony-page{max-width:1400px;padding:1.5rem}.telephony-page header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.telephony-page h1{align-items:center;display:flex;flex:1 1;font-size:1.4rem;gap:.5rem}.telephony-page header button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:flex;gap:.35rem;padding:.45rem .75rem}.tp-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.tp-tabs button{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.4rem .9rem}.tp-tabs button.active{background:#fff;box-shadow:0 1px 2px #00000014;font-weight:600}.tp-error{background:#fef2f2;color:#b91c1c}.tp-error,.tp-notice{border-radius:6px;margin-bottom:.75rem;padding:.5rem .75rem}.tp-notice{background:#ecfdf5;color:#065f46}.tp-layout{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:340px 1fr}@media (max-width:960px){.tp-layout{grid-template-columns:1fr}}.tp-conversations{border:1px solid #e2e8f0;border-radius:8px;list-style:none;margin:0;max-height:70vh;overflow-y:auto;padding:0}.tp-conversations li+li{border-top:1px solid #e2e8f0}.tp-conversations button{background:#fff;border:none;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;padding:.65rem .75rem;text-align:left;width:100%}.tp-conversations button.active{background:#eff6ff}.tp-conv-channel{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.35rem}.tp-conv-contact{font-size:.95rem;font-weight:600}.tp-conv-meta{align-items:center;color:#64748b;display:flex;font-size:.78rem;gap:.4rem}.tp-badge{border-radius:4px;font-size:.72rem;padding:.12rem .45rem}.tp-badge.active,.tp-badge.answered,.tp-badge.in_progress,.tp-badge.open{background:#d1fae5;color:#065f46}.tp-badge.ringing{background:#fef3c7;color:#92400e}.tp-badge.canceled,.tp-badge.completed{background:#e2e8f0;color:#334155}.tp-badge.busy,.tp-badge.failed,.tp-badge.no_answer{background:#fee2e2;color:#991b1b}.tp-badge.handover-AI_ACTIVE{background:#e0e7ff;color:#3730a3}.tp-badge.handover-HUMAN_ACTIVE{background:#fef3c7;color:#92400e}.tp-badge.handover-WAITING_FOR_CUSTOMER,.tp-badge.handover-WAITING_FOR_EMPLOYEE{background:#ffedd5;color:#9a3412}.tp-badge.handover-CLOSED,.tp-badge.handover-RESOLVED{background:#e2e8f0;color:#334155}.tp-badge[class*=handover-]{align-items:center;display:inline-flex;gap:.25rem}.tp-handover{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.tp-handover .tp-ctrl{font-size:.8rem;padding:.3rem .6rem}.tp-call-dir,.tp-call-flags{gap:.35rem}.tp-call-dir,.tp-call-flags,.tp-flag{align-items:center;display:inline-flex}.tp-flag.recording{color:#dc2626}.tp-flag.transferred{color:#2563eb}.tp-call-summary-row td{background:#f8fafc;color:#475569;font-size:.82rem;padding-top:.25rem}.tp-call-summary-label{color:#334155;font-weight:600}.tp-thread{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;max-height:70vh;min-height:420px}.tp-thread-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.tp-messages{display:flex;flex:1 1;flex-direction:column;gap:.6rem;overflow-y:auto;padding:1rem}.tp-message{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-width:75%;padding:.5rem .75rem}.tp-message.agent,.tp-message.assistant{align-self:flex-end;background:#eff6ff;border-color:#bfdbfe}.tp-message.system{align-self:center;background:#fefce8;border-color:#fde68a}.tp-message-role{color:#64748b;font-size:.72rem;font-weight:600;margin-bottom:.15rem}.tp-message-body{font-size:.9rem;white-space:pre-wrap;word-break:break-word}.tp-message-time{color:#94a3b8;font-size:.7rem;margin-top:.2rem;text-align:right}.tp-reply{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;padding:.75rem}.tp-reply textarea{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-family:inherit;font-size:.9rem;padding:.5rem;resize:none}.tp-reply button{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:.35rem;padding:.45rem .9rem}.tp-reply button:disabled{cursor:not-allowed;opacity:.5}.tp-reply-disabled{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;color:#64748b;font-size:.85rem;padding:.75rem}.tp-empty{color:#64748b;font-size:.9rem;padding:1rem;text-align:center}.tp-numbers{max-width:760px}.tp-usage{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.25rem}.tp-usage-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.2rem;padding:.75rem}.tp-usage-value{font-size:1.3rem;font-weight:700}.tp-usage-label{color:#64748b;font-size:.78rem}.tp-provision{display:flex;flex-wrap:wrap;gap:.5rem}.tp-provision input{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-size:.9rem;min-width:220px;padding:.5rem .65rem}.tp-provision button{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:.35rem;padding:.45rem .9rem}.tp-provision select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;padding:.5rem .65rem}.tp-provision button:disabled{cursor:not-allowed;opacity:.5}.tp-hint{color:#64748b;font-size:.85rem;margin:.6rem 0 1rem}.tp-table{border-collapse:collapse;font-size:.9rem;width:100%}.tp-table td,.tp-table th{border-bottom:1px solid #e2e8f0;padding:.5rem;text-align:left}.tp-status-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tp-status-pill{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#334155;display:inline-flex;font-size:.8rem;gap:.35rem;padding:.3rem .65rem}.tp-status-pill.ok{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.tp-status-pill.unreachable{background:#fee2e2;border-color:#fecaca;color:#991b1b}.tp-status-pill.disabled{background:#e2e8f0;color:#475569}.tp-status-pill.live{background:#fef3c7;border-color:#fde68a;color:#92400e}.tp-live-dot{animation:tp-pulse 1.2s ease-in-out infinite;background:#dc2626;border-radius:50%;display:inline-block;height:8px;margin-right:.35rem;width:8px}@keyframes tp-pulse{0%,to{opacity:1}50%{opacity:.3}}.tp-call-row{cursor:pointer}.tp-call-row:hover{background:#f8fafc}.tp-call-row.selected{background:#eff6ff}.tp-call-row.live{background:#fffbeb}.tp-call-action{text-align:right}.tp-call-open{color:#94a3b8;font-size:.8rem}.tp-hangup-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:inline-flex;justify-content:center;padding:.3rem}.tp-hangup-btn:hover{background:#fee2e2}.tp-modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.tp-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:640px;overflow:hidden;width:100%}.tp-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.tp-modal-title{align-items:center;display:flex;font-size:1.05rem;gap:.5rem}.tp-icon-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:.25rem}.tp-icon-btn:hover{background:#f1f5f9}.tp-modal-meta{border-bottom:1px solid #f1f5f9;color:#64748b;display:flex;flex-wrap:wrap;font-size:.82rem;gap:.75rem;padding:.6rem 1.25rem}.tp-modal-controls{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem}.tp-modal-controls-note{color:#64748b;font-size:.85rem}.tp-ctrl{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.88rem;gap:.35rem;padding:.45rem .9rem}.tp-ctrl:hover:not(:disabled){background:#f8fafc}.tp-ctrl.danger{background:#dc2626;border-color:#dc2626;color:#fff}.tp-ctrl.danger:hover:not(:disabled){background:#b91c1c}.tp-ctrl:disabled{cursor:not-allowed;opacity:.5}.tp-modal-summary{background:#f8fafc;color:#475569;font-size:.85rem;padding:.5rem 1.25rem}.tp-modal-transcript{display:flex;flex:1 1;flex-direction:column;gap:.6rem;overflow-y:auto;padding:1rem 1.25rem}.tp-modal .tp-hint{margin:0;padding:0 1.25rem 1rem}.tp-settings{max-width:820px}.tp-config-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.tp-config-head{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.tp-config-head h2{font-size:1.1rem;margin:0 0 .15rem}.tp-config-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}@media (max-width:720px){.tp-config-grid{grid-template-columns:1fr}}.tp-form-group{display:flex;flex-direction:column;gap:.35rem}.tp-form-group label{color:#334155;font-size:.85rem;font-weight:600}.tp-form-group input,.tp-form-group select,.tp-form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:.9rem;padding:.55rem .7rem}.tp-form-group textarea{resize:vertical}.tp-form-hint{color:#94a3b8;font-size:.75rem}.tp-config-actions{display:flex;justify-content:flex-end;margin-top:1rem}.tp-save-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.4rem;padding:.55rem 1.2rem}.tp-save-btn:disabled{cursor:not-allowed;opacity:.5}.tax-advisor-page{max-width:1400px;padding:1.5rem}.tax-advisor-page .page-header{border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.tax-advisor-page .page-header h1{align-items:center;color:#1f2937;display:flex;font-size:1.6rem;font-weight:700;gap:.5rem;margin:0 0 .25rem}.tax-advisor-page .page-header p{color:#6b7280;margin:0}.tax-advisor-page .tab-navigation{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tax-advisor-page .tab-button{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:all .2s ease}.tax-advisor-page .tab-button:hover{border-color:#c7cdd6}.tax-advisor-page .tab-button.active{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.ta-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.ta-toolbar h3{font-size:1.1rem;margin:0}.ta-toolbar__actions{display:flex;gap:.5rem}.ta-field{display:flex;flex-direction:column;font-size:.9rem;gap:.35rem}.ta-field>span{color:#4b5563;font-weight:500}.ta-field--inline{align-items:center;flex-direction:row;gap:.5rem}.ta-field input,.ta-field select,.ta-field textarea{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;font-family:inherit;font-size:.95rem;padding:.5rem .65rem}.ta-field input:focus,.ta-field select:focus,.ta-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.ta-check{align-items:center;color:#374151;display:flex;font-size:.92rem;gap:.5rem;margin:.5rem 0}.ta-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:.5rem}.ta-form-grid--nested{background:#f9fafb;border-radius:.5rem;padding:.75rem}.ta-form-actions{margin-top:1rem}.ta-settings{max-width:900px}.ta-settings textarea{resize:vertical}.ta-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:500;gap:.4rem;padding:.55rem 1rem;transition:all .15s ease}.ta-btn:hover:not(:disabled){border-color:#9ca3af}.ta-btn--primary{background:#2563eb;border-color:#2563eb;color:#fff}.ta-btn--primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.ta-btn:disabled{cursor:not-allowed;opacity:.55}.ta-icon-btn{align-items:center;background:#0000;border:none;border-radius:.35rem;color:#4b5563;cursor:pointer;display:inline-flex;justify-content:center;padding:.3rem}.ta-icon-btn:hover{background:#f3f4f6}.ta-link,.ta-link-btn{align-items:center;background:none;border:none;color:#2563eb;cursor:pointer;display:inline-flex;font-size:.88rem;gap:.25rem;padding:0;text-decoration:none}.ta-link-btn:hover,.ta-link:hover{text-decoration:underline}.ta-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.ta-card{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #10b981;border-radius:.6rem;padding:.9rem 1rem}.ta-card--warning{border-left-color:#f59e0b}.ta-card--error{border-left-color:#ef4444}.ta-card__head{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:.5rem}.ta-card__head span:first-of-type{flex:1 1}.ta-card__value{color:#111827;display:block;font-size:1.6rem;margin-top:.35rem}.ta-dot{background:#10b981;border-radius:50%;height:10px;width:10px}.ta-dot--warning{background:#f59e0b}.ta-dot--error{background:#ef4444}.ta-summary{grid-gap:1rem;background:#f9fafb;border-radius:.6rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.5rem;padding:1rem}.ta-summary__item{display:flex;flex-direction:column;gap:.2rem}.ta-summary__item span{color:#6b7280;font-size:.85rem}.ta-summary__item strong{color:#111827;font-size:1.15rem}.ta-section{margin-bottom:1.75rem}.ta-section h3{color:#1f2937;font-size:1.05rem;margin:0 0 .6rem}.ta-table{background:#fff;border-collapse:collapse;font-size:.9rem;width:100%}.ta-table td,.ta-table th{border-bottom:1px solid #eef0f4;padding:.55rem .6rem;text-align:left}.ta-table th{background:#f9fafb;color:#4b5563;font-weight:600}.ta-table .ta-num{text-align:right}.ta-files-cell{display:flex;flex-wrap:wrap;gap:.75rem}.ta-issues{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0}.ta-issue{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;font-size:.9rem;gap:.6rem;padding:.6rem .75rem}.ta-issue--high{background:#ef44440f;border-color:#ef444466;color:#991b1b}.ta-issue--medium{background:#f59e0b14;border-color:#f59e0b66;color:#92400e}.ta-issue__text{flex:1 1}.ta-issue__count{font-weight:600;min-width:1.5rem;text-align:right}.ta-alert{border:1px solid #0000;border-radius:.5rem;font-size:.9rem;margin-bottom:1rem;padding:.7rem .9rem}.ta-alert--error{background:#ef444414;border-color:#ef444459;color:#991b1b}.ta-alert--warning{background:#f59e0b1a;border-color:#f59e0b59;color:#92400e}.ta-alert--success{background:#10b9811a;border-color:#10b98159;color:#065f46}.ta-empty{align-items:center;color:#6b7280;display:flex;font-size:.92rem;gap:.4rem}.ta-hint{color:#6b7280;font-size:.85rem;margin-top:.5rem}.ta-error-text{color:#b91c1c;font-size:.8rem}.ta-warn{color:#92400e}.ta-loading{align-items:center;color:#6b7280;display:flex;gap:.5rem;padding:1.5rem}.ta-badge{background:#e5e7eb;border-radius:999px;color:#374151;display:inline-block;font-size:.78rem;font-weight:600;padding:.15rem .55rem}.ta-badge--ready{background:#dbeafe;color:#1e40af}.ta-badge--sent{background:#d1fae5;color:#065f46}.ta-badge--failed{background:#fee2e2;color:#991b1b}.ta-modal-backdrop{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.ta-modal{background:#fff;border-radius:.75rem;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(1100px,100%)}.ta-modal__footer,.ta-modal__header{align-items:center;display:flex;padding:.9rem 1.1rem}.ta-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between}.ta-modal__header h3{font-size:1.05rem;margin:0}.ta-modal__footer{border-top:1px solid #e5e7eb;gap:.5rem;justify-content:flex-end}.ta-modal__body{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 340px;overflow:auto;padding:1rem}@media (max-width:900px){.ta-modal__body{grid-template-columns:1fr}}.ta-preview__viewer{background:#f3f4f6;border-radius:.5rem;min-height:420px;overflow:hidden}.ta-preview__viewer iframe{border:none;height:100%;min-height:420px;width:100%}.ta-preview__side h4{font-size:.95rem;margin:0 0 .5rem}.ta-files{list-style:none;margin:0 0 1.25rem;padding:0}.ta-files li{align-items:center;border-bottom:1px solid #f1f2f5;display:flex;font-size:.88rem;gap:.5rem;padding:.4rem 0}.ta-files__name{flex:1 1}.ta-files__size{color:#6b7280}.ta-meta{font-size:.88rem;margin:0 0 1rem}.ta-meta dt{color:#6b7280;margin-top:.5rem}.ta-meta dd{color:#111827;margin:.1rem 0 0;word-break:break-word}.ta-body-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;max-height:180px;overflow:auto;padding:.6rem;white-space:pre-wrap}.ta-spin{animation:ta-rotate 1s linear infinite}@keyframes ta-rotate{to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{display:flex;min-height:100vh}.main-content{background-color:#fff;flex:1 1;margin-left:280px;overflow-y:auto;padding:2rem;transition:margin-right .3s ease}.main-content.full-width{margin-left:0;margin-right:0}body.ai-chat-panel-open .main-content:not(.full-width){margin-right:400px}@media (max-width:1400px){body.ai-chat-panel-open .main-content:not(.full-width){margin-right:350px}}@media (max-width:1200px){body.ai-chat-panel-open .main-content:not(.full-width){margin-right:300px}}@media (max-width:768px){body.ai-chat-panel-open .main-content:not(.full-width){margin-right:0}}.ai-assistant-panel{background:#fff;border-left:1px solid #e2e8f0;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}@media (max-width:1400px){.ai-assistant-panel{width:350px}}@media (max-width:1200px){.ai-assistant-panel{width:300px}}@media (max-width:768px){.main-content{margin-left:0;padding:1rem}.ai-assistant-panel{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100%;z-index:10001}}.sidebar{background:linear-gradient(180deg,#1e293b,#334155);color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:280px;z-index:1000}.sidebar-header{border-bottom:1px solid #475569;padding:2rem 1.5rem}.sidebar-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.sidebar-subtitle{color:#94a3b8;font-size:.875rem}.sidebar-nav{padding:1rem 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#cbd5e1;display:flex;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#ffffff1a}.nav-item.active,.nav-item:hover{border-left-color:#3b82f6;color:#fff}.nav-item.active{background:#3b82f61a}.nav-item-icon{height:20px;margin-right:.75rem;width:20px}.nav-item-text{font-weight:500}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}}.btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f8f9fa;color:#060000}.btn-secondary:hover{background:#a8a9ab}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.form-group{margin-bottom:1rem}.form-label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.5rem;width:100%}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:1.5rem}.card-header{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.card-subtitle{color:#fff;font-size:.875rem;margin:.25rem 0 0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.alert{border-radius:.375rem;margin-bottom:1rem;padding:1rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.alert-warning{background:#fffbeb;border:1px solid #fed7aa;color:#d97706}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}#root,.main-content,body,html{background-color:#fff!important}.bg-gradient-to-br.from-slate-800.to-slate-900,.grid .bg-gradient-to-br,.stat-card-dark{background:linear-gradient(to bottom right,#1e293b,#0f172a)!important;color:#fff!important}.stat-card-dark *{color:#fff!important}.grid .stat-card-dark{background:linear-gradient(135deg,#1e293b,#0f172a)!important;color:#fff!important}.grid .stat-card-dark h3,.grid .stat-card-dark p{color:#fff!important}.ai-insights-card,.performance-analytics-card,.rounded-xl,.stat-card-dark{border-radius:12px!important}
/*# sourceMappingURL=main.2ee0f768.css.map*/