:root{--bg-primary: #f8f9fa;--bg-secondary: white;--bg-elevated: white;--bg-hover: #f7fafc;--border-color: #e0e4e8;--border-hover: #a0aec0;--text-primary: #1a1f36;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--accent-primary: #5850ec;--accent-hover: #4338ca;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07)}:root.dark-mode{--bg-primary: #0f1419;--bg-secondary: #111827;--bg-elevated: #1f2937;--bg-hover: #374151;--border-color: #374151;--border-hover: #4b5563;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #9ca3af;--accent-primary: #818cf8;--accent-hover: #6366f1;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3)}.app{min-height:100vh;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary)}.app.cockpit{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);flex-shrink:0}.app-header-left{display:flex;align-items:center;gap:1.5rem}.app-title{font-size:1rem;font-weight:600;color:var(--accent-primary);padding-left:1.5rem;border-left:2px solid var(--border-color)}.app-logo{display:flex;align-items:center;gap:.75rem}.app-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.app-logo-text{font-size:1.25rem;font-weight:600;color:#1a1f36}.app-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#1a1f36}.app-header-right{display:flex;align-items:center;gap:1rem}.user-menu{display:flex;align-items:center;gap:.5rem;margin-left:.5rem;padding-left:1rem;border-left:1px solid var(--border-color)}.user-email{font-size:.8rem;color:var(--text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.config-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.app-main{max-width:1600px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-title{font-size:1.875rem;font-weight:700;color:#1a1f36;margin:0 0 .5rem}.page-subtitle{color:#6b7280;font-size:.875rem;margin:0}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;color:#991b1b;display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem}.error-icon{font-size:1.125rem;flex-shrink:0}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#1a237e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{margin-top:1rem;color:#666;font-size:1.1rem}.search-bar{margin-bottom:2rem;display:flex;justify-content:flex-end}.search-btn-main{background:#5850ec;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.search-btn-main:hover:not(:disabled){background:#4338ca;box-shadow:0 2px 4px #0000001a}.search-btn-main:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s}.modal-content.small-modal{max-width:500px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#1a1f36}.modal-close-btn{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.modal-close-btn:hover{background:#f5f5f5;color:#333}.modal-body{padding:1.5rem}.modal-body p{margin:0 0 1rem;line-height:1.6;color:#555}.modal-body .invoice-info{margin-top:1.5rem;margin-bottom:.5rem;color:#333}.invoice-details-list{margin:0;padding-left:1.5rem;color:#666}.invoice-details-list li{margin-bottom:.5rem}.config-field{margin-bottom:1.25rem}.config-field label{display:block;font-weight:500;margin-bottom:.5rem;color:#333}.config-field input,.config-field textarea{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.config-field input:focus,.config-field textarea:focus{outline:none;border-color:#1a237e;box-shadow:0 0 0 3px #1a237e1a}.config-field textarea{resize:vertical;font-family:inherit}.config-field small{display:block;margin-top:.5rem;color:#666;font-size:.85rem}.checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#5850ec}.checkbox-label span{color:#333}.config-value-display{float:right;font-weight:600;color:var(--primary-color);background:var(--bg-secondary);padding:.25rem .75rem;border-radius:12px;font-size:.9rem}.slider{width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;opacity:.9;transition:opacity .2s;cursor:pointer;padding:0;margin:.5rem 0}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:transform .2s,box-shadow .2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #5850ec1a}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;transition:transform .2s,box-shadow .2s}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #5850ec1a}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e0e0e0;background:#f8f9fa}.modal-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background:#e0e0e0;color:#555}.cancel-btn:hover{background:#d0d0d0}.save-btn{background:#5850ec;color:#fff}.save-btn:hover{background:#4338ca;box-shadow:0 2px 4px #0000001a}.subscription-list{background:#fff;border-radius:8px;border:1px solid #e0e4e8;box-shadow:0 1px 3px #0000000a;overflow:hidden}.list-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e0e4e8}.list-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1f36}.filter-info{font-size:.8125rem;color:#6b7280;background:#fef3c7;padding:.375rem .75rem;border-radius:6px;font-weight:500}.list-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e0e4e8}.select-all{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-weight:400;color:#374151;font-size:.875rem}.select-all input{width:16px;height:16px;cursor:pointer;accent-color:#5850ec}.apply-btn{background:#5850ec;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.apply-btn:hover:not(:disabled){background:#4338ca;box-shadow:0 2px 4px #0000001a}.apply-btn:disabled{opacity:.5;cursor:not-allowed;background:#9ca3af}.table-container{overflow-x:auto}.subscription-table{width:100%;border-collapse:collapse}.subscription-table th,.subscription-table td{padding:.875rem 1.5rem;text-align:left;border-bottom:1px solid #e5e7eb}.subscription-table th{background:#fff;font-weight:500;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.subscription-table tbody tr{cursor:pointer;transition:background .15s}.subscription-table tbody tr:hover{background:#f9fafb}.subscription-table tbody tr.selected{background:#eef2ff}.subscription-table tbody tr.selected:hover{background:#e0e7ff}.subscription-table tbody tr:last-child td{border-bottom:none}.col-checkbox{width:50px;text-align:center!important}.col-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:#5850ec}.col-account{min-width:200px}.col-order{min-width:140px}.col-date{min-width:130px}.col-cmrr{min-width:100px;text-align:right!important}.col-currency{min-width:80px;text-align:center!important}.col-term{min-width:120px}.col-action{min-width:140px}.col-expand{width:50px;text-align:center!important}.action-badge{display:inline-block;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:500}.action-badge.clean-renewal,.action-badge.renew{background:#d1fae5;color:#065f46}.action-badge.change-order,.action-badge.renew-and-change{background:#fef3c7;color:#92400e}.action-badge.validation-failed{border:1px dashed #dc2626}.action-cell{display:flex;align-items:center;gap:.5rem}.audit-btn{background:transparent;border:none;cursor:pointer;font-size:.875rem;padding:.25rem;opacity:.6;transition:opacity .2s}.audit-btn:hover{opacity:1}.audit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.audit-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.audit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.audit-modal-header h3{margin:0;font-size:1.125rem;color:#1f2937}.audit-close-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;line-height:1}.audit-close-btn:hover{color:#1f2937}.audit-modal-body{padding:1rem 1.5rem;overflow-y:auto;flex:1}.audit-loading,.audit-empty{text-align:center;padding:2rem;color:#6b7280}.audit-entry{background:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1rem}.audit-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.audit-timestamp{font-size:.75rem;color:#6b7280}.audit-action{font-size:.75rem;padding:.125rem .5rem;border-radius:4px}.audit-action.clean-renewal,.audit-action.renew{background:#d1fae5;color:#065f46}.audit-action.change-order,.audit-action.renew-and-change{background:#fef3c7;color:#92400e}.audit-message{font-size:.875rem;color:#374151;margin-bottom:.5rem}.audit-error{font-size:.75rem;color:#dc2626;background:#fef2f2;padding:.5rem;border-radius:4px;margin-bottom:.5rem}.audit-details{margin-top:.5rem}.audit-details summary{font-size:.75rem;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none}.audit-details summary:hover{color:#374151}.audit-details pre{margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:.75rem;font-size:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.expand-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:color .2s}.expand-btn:hover{color:#1a1f36}.expanded-row,.expanded-row:hover{background:#f9fafb!important}.expanded-content{padding:1.5rem;border-top:2px solid #e0e7ff}.expanded-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.expanded-header>div h4{margin:0;font-size:1rem;font-weight:600;color:#1a1f36}.validation-message{font-size:.8125rem;color:#6b7280;font-style:italic;margin-top:.25rem;display:block}.pdf-btn{padding:.625rem 1.25rem;background:#5850ec;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.pdf-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px #5850ec33}.pdf-btn:disabled{background:#9ca3af;cursor:not-allowed}.price-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.price-section{background:#fff;border:1px solid #e0e4e8;border-radius:8px;padding:1.25rem}.price-section h5{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#374151}.price-section.total-section{background:#fef3c7;border-color:#fde68a}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.price-item{display:flex;flex-direction:column;gap:.25rem}.price-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.price-value{font-size:1rem;font-weight:600;color:#1a1f36}.price-value.highlight{color:#5850ec}.account-info{display:flex;flex-direction:column;gap:.25rem}.account-name{font-weight:400;color:#1a1f36;font-size:.875rem}.account-country{font-size:.75rem;color:#9ca3af;margin-top:.125rem}.empty-state{padding:4rem;text-align:center;color:#6b7280;font-size:.875rem}.renewal-results{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;overflow:hidden}.results-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.results-header h2{margin:0;font-size:1.1rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.25rem .5rem;line-height:1}.close-btn:hover{color:#333}.results-summary{display:flex;gap:1rem;padding:1.5rem;border-bottom:1px solid #eee}.summary-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:8px;background:#f5f5f5}.summary-item.success.has-items{background:#e8f5e9;color:#2e7d32}.summary-item.failure.has-items{background:#ffebee;color:#c62828}.summary-item .count{font-size:2rem;font-weight:700}.summary-item .label{font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.results-list{padding:1rem 1.5rem;max-height:400px;overflow-y:auto}.results-section-title{font-size:1rem;font-weight:600;color:#333;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.results-section-title:first-child{margin-top:0}.result-item{display:flex;gap:1rem;padding:1rem;border-radius:8px;margin-bottom:.75rem}.result-item:last-child{margin-bottom:0}.result-item.success{background:#e8f5e9}.result-item.failure{background:#ffebee}.result-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.result-item.success .result-icon{background:#2e7d32;color:#fff}.result-item.failure .result-icon{background:#c62828;color:#fff}.result-details{flex:1}.result-main{display:flex;gap:1rem;font-weight:500;margin-bottom:.25rem}.result-main .order-number{color:#666;font-weight:400}.result-message{font-size:.875rem;color:#666}.new-order{color:#2e7d32;font-weight:500}@media(max-width:768px){.app-main{padding:1rem}.config-row{grid-template-columns:1fr}.list-actions{flex-direction:column;gap:1rem;align-items:stretch}.list-actions .apply-btn{width:100%}}.cockpit-layout{display:flex;flex:1;overflow:hidden;gap:0}.cockpit-panel{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e4e8;overflow:hidden}.left-panel{flex:1;min-width:0;margin:1rem .5rem 1rem 1rem;border-radius:12px}.right-panel{width:400px;min-width:350px;max-width:450px;margin:1rem 1rem 1rem .5rem;border-radius:12px}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e4e8;background:#fafbfc}.panel-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#1a1f36}.panel-header .search-btn-main{padding:.5rem 1rem;font-size:.875rem}.panel-content{flex:1;overflow-y:auto;padding:1rem}.empty-state-cockpit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state-cockpit .empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state-cockpit h3{margin:0 0 .5rem;color:#374151}.empty-state-cockpit p{margin:0;font-size:.875rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.chat-interface{display:flex;flex-direction:column;height:100%}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e0e4e8;background:linear-gradient(135deg,#667eea,#764ba2)}.chat-header-left{display:flex;align-items:center;gap:.75rem}.chat-icon{font-size:1.5rem}.chat-header h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.chat-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#fffc}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#34d399}.status-dot.offline{background:#f87171}.clear-chat-btn{background:#fff3;border:none;border-radius:6px;padding:.375rem .625rem;cursor:pointer;transition:background .2s}.clear-chat-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:#f8f9fa}.chat-message{display:flex;gap:.75rem;max-width:95%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.message-content{max-width:calc(100% - 44px)}.message-text{padding:.75rem 1rem;border-radius:12px;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.chat-message.user .message-text{background:#5850ec;color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .message-text{background:#fff;color:#1a1f36;border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014}.message-text.typing{display:flex;gap:4px;padding:1rem}.typing-dot{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.suggested-questions{padding:.75rem 1rem;border-top:1px solid #e0e4e8;background:#fff}.suggested-label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.suggested-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.suggested-btn{padding:.375rem .75rem;font-size:.75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s;color:#374151}.suggested-btn:hover{background:#e5e7eb;border-color:#d1d5db}.chat-input-container{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e0e4e8;background:#fff}.chat-input{flex:1;padding:.625rem 1rem;border:1px solid #e0e4e8;border-radius:20px;font-size:.875rem;resize:none;min-height:40px;max-height:100px;font-family:inherit}.chat-input:focus{outline:none;border-color:#5850ec;box-shadow:0 0 0 2px #5850ec1a}.chat-input:disabled{background:#f3f4f6;cursor:not-allowed}.send-btn{width:40px;height:40px;border-radius:50%;background:#5850ec;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;flex-shrink:0}.send-btn:hover:not(:disabled){background:#4338ca;transform:scale(1.05)}.send-btn:disabled{background:#d1d5db;cursor:not-allowed}.chat-context-info{padding:.5rem 1rem;background:#f3f4f6;font-size:.75rem;color:#6b7280;text-align:center;border-top:1px solid #e0e4e8}.config-section-divider{display:flex;align-items:center;margin:1.5rem 0 1rem;gap:1rem}.config-section-divider:before,.config-section-divider:after{content:"";flex:1;height:1px;background:#e0e4e8}.config-section-divider span{font-size:.875rem;font-weight:600;color:#5850ec;white-space:nowrap}.config-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:1024px){.cockpit-layout{flex-direction:column}.right-panel{width:auto;max-width:none;height:400px;margin-left:1rem;margin-top:.5rem}.left-panel{margin-right:1rem;margin-bottom:.5rem;max-height:50vh}}.col-validation{width:60px;min-width:60px;text-align:center!important}.validation-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:.875rem}.validation-icon.validation-pass{background:#d1fae5;color:#065f46}.validation-icon.validation-fail{background:#fee2e2;color:#dc2626}.validation-icon.validation-pending{background:#f3f4f6;color:#9ca3af}.validation-sections{display:flex;flex-direction:column;gap:1rem}.validation-section{background:#fff;border:1px solid #e0e4e8;border-radius:8px;overflow:hidden}.validation-section.passed{border-color:#86efac;background:#f0fdf4}.validation-section.failed{border-color:#fca5a5;background:#fef2f2}.validation-section-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #e0e4e8}.validation-section.passed .validation-section-header{background:#dcfce7;border-bottom-color:#86efac}.validation-section.failed .validation-section-header{background:#fee2e2;border-bottom-color:#fca5a5}.validation-section-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#5850ec;color:#fff;border-radius:50%;font-size:.75rem;font-weight:600}.validation-section-header h5{margin:0;font-size:.875rem;font-weight:600;color:#374151;flex:1}.validation-section-content{padding:1rem}.validation-section-message{margin:0;font-size:.875rem;color:#4b5563;line-height:1.5}.measurement-details{display:flex;gap:2rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e0e4e8}.measurement-item{font-size:.875rem;color:#374151}.measurement-item strong{color:#6b7280;font-weight:500}.validation-rules-field label{display:flex;align-items:center;gap:.75rem}.validation-step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0}.validation-rules-field textarea{min-height:100px}.validation-rules-field small{margin-left:32px}.tab-navigation{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 1.5rem;gap:.5rem;flex-shrink:0}.tab-button{background:transparent;border:none;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.tab-button:hover{color:var(--text-primary);background:var(--bg-hover)}.tab-button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-indicator{font-size:.75rem;color:var(--text-tertiary);font-weight:400}.tab-button.active .tab-indicator{color:var(--accent-primary);opacity:.7}.tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.agent-console{display:flex;height:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.agent-console-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.agent-console-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.agent-console-title{display:flex;align-items:center;gap:1rem}.agent-icon{font-size:2rem}.agent-console-title h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.agent-subtitle{font-size:.875rem;color:var(--text-tertiary);font-weight:400}.agent-status{display:flex;align-items:center;gap:.5rem}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.05em}.status-badge.online{border-color:var(--success);color:var(--success)}.status-badge.offline{border-color:var(--text-secondary);color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--text-secondary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.agent-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.agent-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center}.agent-empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.agent-empty-state h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-tertiary)}.agent-empty-state p{margin:0;color:var(--text-secondary)}.agent-progress-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center;gap:.75rem;padding:2rem}.agent-progress-state .progress-icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.agent-progress-state h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.progress-step-label{font-size:.9rem;color:var(--text-secondary);min-height:1.4em}.progress-bar-container{width:320px;max-width:100%;height:8px;background:var(--bg-tertiary, #2a2d35);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .4s ease}.progress-bar-fill[data-indeterminate=true]{width:100%!important;animation:indeterminate 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,#6366f1,#8b5cf6,transparent);background-size:200% 100%}@keyframes indeterminate{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-count{font-size:.8rem;color:var(--text-tertiary)}.agent-message{display:flex;flex-direction:column;gap:.5rem;max-width:100%;width:100%}.agent-message.user{align-self:flex-end;max-width:70%;width:auto}.agent-message.agent,.agent-message.assistant{align-self:flex-start;width:100%}.message-header{display:flex;align-items:center;gap:.75rem;font-size:.75rem;font-weight:600;letter-spacing:.05em}.agent-message.agent .message-sender,.agent-message.assistant .message-sender{color:var(--accent-primary)}.agent-message.user .message-sender{color:var(--success)}.message-time{color:var(--text-tertiary);font-weight:400}.message-content{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.agent-message.user .message-content{background:var(--success);border-color:var(--success);opacity:.9}:root.dark-mode .agent-message.user .message-content{background:#065f46;border-color:#047857}.message-text{margin:0;line-height:1.6;white-space:pre-wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.9rem;color:var(--text-secondary)}.agent-greeting{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem}.message-summary{font-size:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.conversational-intro{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary);border-radius:8px;border-left:3px solid var(--accent-primary)}.intro-line{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.order-cards{display:flex;flex-direction:column;gap:1rem;width:100%}.order-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s;width:100%;box-shadow:0 1px 3px #0000000d}.order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.order-card.error{border-left:3px solid var(--error);background:linear-gradient(90deg,rgba(239,68,68,.03) 0%,transparent 100%)}.order-card.warning{border-left:3px solid var(--warning);background:linear-gradient(90deg,rgba(245,158,11,.03) 0%,transparent 100%)}.order-card.ready{border-left:3px solid var(--success);background:linear-gradient(90deg,rgba(16,185,129,.03) 0%,transparent 100%)}.order-header{display:flex;align-items:flex-start;gap:.75rem}.order-status-icon{font-size:1.5rem;flex-shrink:0}.order-info{flex:1;min-width:0}.order-title{font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-subtitle{font-size:.8rem;color:var(--text-tertiary);margin-top:.125rem}.order-csm{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem;font-style:italic}.order-group{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.order-notice-period{font-size:.75rem;color:var(--warning-color, #f59e0b);margin-top:.125rem;font-weight:500}.order-end-date{font-size:.78rem;color:var(--text-secondary);margin-left:.35rem}.csm-filter-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.csm-filter-label{font-size:.85rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.csm-filter-select{padding:.35rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;cursor:pointer}.validation-status-icons{display:flex;flex-direction:column;gap:.3rem;flex-shrink:0;align-items:flex-end}.validation-icon{display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:default;width:100%;justify-content:flex-start}.validation-icon.pass{background:#d1fae5;color:#065f46}:root.dark-mode .validation-icon.pass{background:#10b98133;color:#10b981}.validation-icon.fail{background:#fee2e2;color:#991b1b}:root.dark-mode .validation-icon.fail{background:#ef444433;color:#ef4444}.validation-icon.pending{background:var(--bg-secondary);color:var(--text-tertiary)}.validation-icon-label{font-size:.7rem;font-weight:500}.order-message{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.order-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--border-color)}.ai-validation-details{background:var(--bg-primary);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;border:1px solid var(--border-color)}.ai-reasoning{display:flex;gap:.5rem;align-items:flex-start}.ai-label{font-weight:600;color:var(--accent-primary);flex-shrink:0;min-width:140px}.ai-text{color:var(--text-secondary);line-height:1.5;flex:1}.message-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.action-button{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .2s}.action-button:hover{background:var(--border-color);border-color:var(--border-hover);transform:translateY(-1px)}.typing-indicator{display:flex;gap:.5rem;align-items:center;padding:.5rem 0}.typing-dot{width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;animation:typing 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.agent-input-container{padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex;gap:.75rem;align-items:flex-end}.agent-input{flex:1;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;resize:none;min-height:44px;max-height:120px}.agent-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #5850ec1a}.agent-input:disabled{opacity:.5;cursor:not-allowed}.agent-input::placeholder{color:var(--text-tertiary)}.send-btn{background:var(--accent-primary);color:#fff;border:none;width:44px;height:44px;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.highlights-sidebar{width:320px;background:var(--bg-secondary);border-left:1px solid var(--border-color);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.highlights-title{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.highlight-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.highlight-card.focus{border-color:var(--accent-primary);background:linear-gradient(135deg,#5850ec1a,#5850ec0d)}.highlight-card.at-risk{border-color:var(--error);background:linear-gradient(135deg,#ef44441a,#ef44440d)}.highlight-header{display:flex;justify-content:space-between;align-items:center}.highlight-label{font-size:.75rem;font-weight:600;color:var(--text-tertiary);letter-spacing:.05em}.highlight-badge{font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;letter-spacing:.05em}.highlight-badge.focus{background:var(--accent-primary);color:#fff}.highlight-badge.risk{background:var(--error);color:#fff}.highlight-content{display:flex;flex-direction:column;gap:.5rem}.highlight-percentage{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.highlight-metric{display:flex;align-items:baseline;gap:.5rem}.highlight-number{font-size:2rem;font-weight:700;color:var(--text-primary)}.highlight-unit{font-size:.875rem;color:var(--text-tertiary)}.highlight-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.validation-breakdown{display:flex;flex-direction:column;gap:.5rem}.validation-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.validation-type{color:var(--text-secondary)}.validation-stats{display:flex;gap:.75rem}.validation-pass{color:var(--success);font-weight:600}.validation-fail{color:var(--error);font-weight:600}.at-risk-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.at-risk-item{font-size:.875rem;color:var(--text-primary);padding:.5rem;background:#ef44441a;border-radius:4px;border-left:2px solid var(--error)}.dashboard-view{flex:1;overflow:auto;background:var(--bg-primary)}.dashboard-view .panel-content{padding:1.5rem}.agent-messages::-webkit-scrollbar,.highlights-sidebar::-webkit-scrollbar{width:8px}.agent-messages::-webkit-scrollbar-track,.highlights-sidebar::-webkit-scrollbar-track{background:var(--bg-elevated)}.agent-messages::-webkit-scrollbar-thumb,.highlights-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.agent-messages::-webkit-scrollbar-thumb:hover,.highlights-sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.modal-content-tabbed{max-width:900px;max-height:90vh;display:flex;flex-direction:column}.config-tabs{display:flex;border-bottom:2px solid var(--border-color);background:var(--bg-elevated);padding:0 1.5rem;gap:.5rem}.config-tab{padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;position:relative;top:2px}.config-tab:hover{color:var(--text-primary);background:#5850ec0d}.config-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.config-tab-panel{flex:1;overflow-y:auto}.validation-add-section{background:var(--bg-elevated);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid var(--border-color)}.validation-add-section h3,.active-validations h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem}.empty-validation-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary);background:var(--bg-elevated);border-radius:8px;border:2px dashed var(--border-color)}.validation-cards{display:flex;flex-direction:column;gap:1rem}.validation-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:box-shadow .2s}.validation-card:hover{box-shadow:0 4px 6px #0000001a}.validation-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.validation-card-header h4{margin:0 0 .25rem;color:var(--text-primary);font-size:1.05rem}.validation-order-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:600;font-size:.9rem}.validation-type-badge{display:inline-block;padding:.25rem .75rem;background:#5850ec1a;color:var(--primary-color);border-radius:12px;font-size:.8rem;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:.3s;border-radius:24px;border:2px solid #a0aec0}:root.dark-mode .toggle-slider{background-color:#4b5563;border-color:#6b7280}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary-color);border-color:var(--primary-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px #5850ec33}.remove-validation-btn{background:none;border:none;color:var(--error);font-size:1.8rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;border-radius:4px;transition:background .2s}.remove-validation-btn:hover{background:#ef44441a}.validation-card-body{padding:1.5rem}.validation-card-body label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.confidence-meter{display:flex;align-items:center;gap:.75rem}.confidence-meter-small{font-size:.875rem}.confidence-meter-medium{font-size:1rem}.confidence-meter-large{font-size:1.1rem}.confidence-bar-container{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.confidence-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px}.confidence-label{display:flex;align-items:center;gap:.5rem;min-width:80px}.confidence-value{font-weight:600;font-size:1em}.confidence-text{color:var(--text-secondary);font-size:.875em}.recommendation-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:500;font-size:.9rem}.recommendation-blue{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.recommendation-green{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.recommendation-orange{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-icon{font-size:1.1em}.badge-label{font-weight:500}.validation-detail-card{background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border-color);margin-bottom:1rem}.validation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.validation-header h4{margin:0;color:var(--text-primary);font-size:1rem}.validation-message{margin:.75rem 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.draft-email-modal{max-width:700px;width:90%}.email-draft-content{display:flex;flex-direction:column;gap:1.5rem}.email-field{display:flex;flex-direction:column;gap:.5rem}.email-field label{font-weight:600;color:var(--text-primary);font-size:.9rem}.email-subject{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-weight:500}.email-body{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);white-space:pre-wrap;line-height:1.6;min-height:200px;max-height:400px;overflow-y:auto}.email-actions{display:flex;justify-content:flex-end;padding-top:.5rem}.copy-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.modal-content-sidebar{max-width:900px;width:90%;height:80vh;display:flex;flex-direction:column}.settings-container{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1rem 0;display:flex;flex-direction:column;gap:.25rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left;border-left:3px solid transparent}.sidebar-item:hover{background:var(--bg-primary);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-primary);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:500}.sidebar-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:24px}.sidebar-label{flex:1;font-size:.95rem}.settings-content{flex:1;overflow-y:auto;padding:2rem}.settings-section{max-width:600px}.section-title{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.section-description{margin:0 0 2rem;color:var(--text-secondary);font-size:.95rem}.theme-selector{margin-bottom:2rem}.theme-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:1rem;font-size:.95rem}.theme-options{display:flex;gap:1rem}.theme-card{flex:1;padding:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.theme-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.theme-card.active{border-color:var(--primary-color);background:#3b82f61a}.theme-preview{width:100%;height:100px;border-radius:6px;overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column}.light-preview{background:#fff}.dark-preview{background:#1a1a1a}.preview-header{height:24px;border-bottom:1px solid rgba(0,0,0,.1)}.light-preview .preview-header{background:#f3f4f6;border-bottom-color:#e5e7eb}.dark-preview .preview-header{background:#2d2d2d;border-bottom-color:#404040}.preview-content{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.preview-line{height:8px;border-radius:4px}.light-preview .preview-line{background:#e5e7eb}.dark-preview .preview-line{background:#404040}.preview-line.short{width:60%}.theme-name{font-weight:500;color:var(--text-primary);font-size:.95rem}.validation-details-modal{max-width:1000px;width:90%;height:85vh;display:flex;flex-direction:column}.validation-modal-body{display:flex;flex:1;overflow:hidden;gap:0}.validation-tabs-sidebar{width:260px;min-width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;padding:1rem 0}.validation-tab-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:none;border:none;border-left:3px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left;font-size:.95rem}.validation-tab-button:hover{background:var(--bg-primary);color:var(--text-primary)}.validation-tab-button.active{background:var(--bg-primary);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:500}.tab-icon{font-size:1.25rem}.tab-label{flex:1;font-size:.95rem}.tab-status{font-size:1.1rem;font-weight:600}.tab-status.pass{color:#10b981}.tab-status.fail{color:#ef4444}.validation-details-content{flex:1;overflow-y:auto;padding:2rem;background:var(--bg-primary)}.validation-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.validation-detail-header h3{margin:0;color:var(--text-primary);font-size:1.5rem}.validation-info-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;margin-bottom:1.25rem}.validation-info-card h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.ai-reasoning-text{color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap}.order-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.metric-value{font-size:1rem;color:var(--text-primary);font-weight:600}.metric-value.highlight{color:var(--primary-color);font-size:1.1rem}.pricing-tiers-table{overflow-x:auto;margin-top:.75rem}.pricing-tiers-table table{width:100%;border-collapse:collapse;font-size:.9rem}.pricing-tiers-table th{text-align:left;padding:.6rem .75rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.pricing-tiers-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.pricing-tiers-table tr.current-tier{background:#3b82f614}:root.dark-mode .pricing-tiers-table tr.current-tier{background:#3b82f626}.pricing-tiers-table tr.new-tier{background:#f59e0b14}:root.dark-mode .pricing-tiers-table tr.new-tier{background:#f59e0b26}.tier-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.tier-badge.current-tier{background:#3b82f626;color:#3b82f6}.tier-badge.new-tier{background:#f59e0b26;color:#f59e0b}.tier-movement-indicator{display:inline-block;padding:.35rem .75rem;margin-bottom:.75rem;border-radius:6px;font-size:.85rem;font-weight:600;background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.measurement-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:.5rem}.measurement-detail-item{display:flex;flex-direction:column;gap:.3rem;padding:.75rem;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color)}.measurement-detail-item.highlight-item{border-color:var(--accent-color, #3b82f6);background:#3b82f60f}:root.dark-mode .measurement-detail-item.highlight-item{background:#3b82f61f}.measurement-detail-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.measurement-detail-value{font-size:.95rem;font-weight:500;color:var(--text-primary)}.measurement-detail-value.big{font-size:1.4rem;font-weight:700;color:var(--accent-color, #3b82f6)}.measurement-detail-value.tag{font-family:monospace;font-size:.9rem;background:var(--bg-tertiary, rgba(0,0,0,.05));padding:.15rem .4rem;border-radius:4px;display:inline-block}.tier-movement-banner{display:flex;align-items:center;gap:1rem;padding:.75rem 1.1rem;border-radius:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);margin-bottom:.25rem;flex-wrap:wrap}.tier-movement-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#f59e0b}.tier-movement-arrow{font-size:1rem;font-weight:600;color:var(--text-primary)}.tier-movement-price{font-size:.88rem;color:var(--text-secondary);margin-left:auto}.tiers-table{width:100%;border-collapse:collapse;margin-top:.75rem;font-size:.9rem}.tiers-table thead th{text-align:left;padding:.55rem .85rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.tiers-table tbody .tier-row td{padding:.6rem .85rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.tiers-table tbody .tier-row:last-child td{border-bottom:none}.tiers-table tbody .tier-row.current{background:#3b82f60f}.tiers-table tbody .tier-row.new{background:#10b9810f}:root.dark-mode .tiers-table tbody .tier-row.current{background:#3b82f61f}:root.dark-mode .tiers-table tbody .tier-row.new{background:#10b9811f}.tier-col-num{font-weight:600;white-space:nowrap;color:var(--text-secondary);font-size:.85rem}.tiers-table .tier-row.current .tier-col-num,.tiers-table .tier-row.new .tier-col-num{color:var(--text-primary)}.tier-col-range{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.88rem}.tier-col-price strong{font-size:1rem;font-weight:700}.tier-currency{font-size:.78rem;color:var(--text-secondary)}.tier-col-badge{text-align:right;white-space:nowrap}.tier-badge.current{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.3);padding:.15rem .55rem;border-radius:4px;font-size:.72rem;font-weight:700}.tier-badge.new{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3);padding:.15rem .55rem;border-radius:4px;font-size:.72rem;font-weight:700}.special-terms-fields{display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.special-term-field{display:flex;flex-direction:column;gap:.3rem;padding:.75rem 1rem;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-color)}.special-term-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.special-term-value{font-size:.95rem;color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.special-term-value.empty{color:var(--text-secondary);font-style:italic}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#1a1f36;font-size:14px;line-height:1.5}code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Source Code Pro,monospace}#root{min-height:100vh}input,textarea,select,button{font-family:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}
