.workflow-ai-chat{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:calc(100vh - 80px);min-height:60px;overflow:visible;transition:height .3s ease}.workflow-ai-chat.minimized{height:60px!important}.workflow-ai-chat.minimized .chat-input-container,.workflow-ai-chat.minimized .chat-messages,.workflow-ai-chat.minimized .provider-status-panel{display:none}.chat-resize-handle{background:#0000;border-radius:16px 16px 0 0;cursor:ns-resize;height:12px;left:0;position:absolute;top:0;transition:background-color .2s ease;width:100%;z-index:1001}.chat-resize-handle:hover{background:#667eea4d}.chat-resize-handle:active{background:#667eea80}.resizing-chat,.workflow-ai-chat.resizing{-webkit-user-select:none;user-select:none}.resizing-chat{cursor:ns-resize}.chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;min-height:60px;padding:12px 20px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.chat-header:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93)}.minimize-indicator{font-size:12px;margin-left:8px;opacity:.8;transition:opacity .2s ease}.chat-header:hover .minimize-indicator{opacity:1}.chat-header-info{flex:1 1;gap:20px}.chat-header-info,.chat-title{align-items:center;display:flex}.chat-title{font-size:14px;font-weight:600;gap:8px}.chat-icon{font-size:24px}.chat-model-selector{align-items:center;display:flex;gap:8px}.model-select{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .3s ease}.model-select:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.model-select:focus{box-shadow:0 0 0 3px #667eea80;outline:none}.model-select option{background:#fff;border:none;color:#495057;cursor:pointer;font-size:12px;line-height:1.4;padding:8px 12px;transition:all .2s ease}.model-select option:hover{background:#e3f2fd;color:#1976d2}.model-select optgroup{background:#f8f9fa;border-top:1px solid #e9ecef;color:#495057;font-size:11px;font-weight:600;letter-spacing:.5px;margin:4px 0;padding:8px 0;text-transform:uppercase}.model-select optgroup:first-of-type{border-top:none;margin-top:0}.model-select optgroup option{background:#fff;color:#495057;font-weight:400;letter-spacing:normal;padding-left:20px;text-transform:none}.model-select option:disabled{background:#fafafa;color:#9e9e9e;cursor:not-allowed;font-style:italic;opacity:.6}.model-select option.model-recommended{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;font-weight:600}.model-select option.model-recommended:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);color:#0d47a1}.model-select option.model-unavailable{background:#fafafa;color:#9e9e9e;font-style:italic}.model-select option.model-unavailable:hover{background:#f5f5f5;color:#757575}.model-info-panel{margin-top:12px}.model-info-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;padding:12px;transition:all .3s ease}.model-info-card.available{border-color:#4caf504d;box-shadow:0 2px 8px #4caf501a}.model-info-card.unavailable{border-color:#ff98004d;box-shadow:0 2px 8px #ff98001a}.model-info-card.pattern-matching{border-color:#607d8b4d;box-shadow:0 2px 8px #607d8b1a}.model-info-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.model-icon{font-size:16px}.model-name{color:#fff;font-size:14px;font-weight:600}.model-badge{border-radius:12px;font-size:10px;letter-spacing:.5px;padding:2px 6px}.model-badge.recommended{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.model-badge.unavailable{background:linear-gradient(135deg,#757575,#424242);color:#fff}.model-badge.basic{background:linear-gradient(135deg,#607d8b,#455a64);color:#fff}.model-description{font-size:12px;line-height:1.4;margin-bottom:8px}.model-specs{display:flex;flex-wrap:wrap;gap:8px}.spec-item{background:#fff3;border-radius:4px;color:#ffffffe6;font-size:10px;font-weight:500;padding:2px 6px}.spec-item.cost-low{background:#4caf504d}.spec-item.cost-medium{background:#ff98004d}.spec-item.cost-high{background:#f443364d}.spec-item.speed-fast{background:#4caf504d}.spec-item.speed-medium{background:#ff98004d}.spec-item.speed-slower{background:#f443364d}.model-setup-hint{color:#ff9800e6;font-size:11px;font-style:italic;margin-bottom:8px}.model-setup-actions{background:#ff98001a;border-left:3px solid #ff980080;border-radius:6px;margin-top:6px;padding:8px}.provider-quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.quick-action-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#ffffffe6;display:inline-flex;font-size:10px;font-weight:500;gap:4px;padding:4px 8px}.quick-action-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.quick-action-btn.setup{background:#2196f333;border-color:#2196f34d;color:#2196f3}.quick-action-btn.setup:hover{background:#2196f34d;border-color:#2196f380}.quick-action-btn.docs{background:#4caf5033;border-color:#4caf504d;color:#4caf50}.quick-action-btn.docs:hover{background:#4caf504d;border-color:#4caf5080}.provider-status-dashboard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:8px;margin-top:12px;padding:12px}.provider-status-header{margin-bottom:8px}.status-title{color:#fff;font-size:12px}.status-subtitle{color:#ffffffb3;font-size:10px}.provider-status-grid{display:flex;flex-wrap:wrap;gap:8px}.provider-status-card{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;flex:1 1;min-width:80px;padding:8px;transition:all .2s ease}.provider-status-card:hover{background:#ffffff26}.provider-status-card.ready{background:#4caf501a;border-color:#4caf5066}.provider-status-card.partial{background:#ff98001a;border-color:#ff980066}.provider-status-card.unavailable{background:#f443361a;border-color:#f4433666}.provider-status-info{gap:4px}.provider-icon{font-size:12px}.provider-name{color:#fff;font-size:10px}.provider-status{font-size:9px;font-weight:500}.provider-models-count{color:#fffc;font-size:9px;text-align:center}.chat-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.chat-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.chat-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:16px;max-height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto;padding:20px}.message{animation:fadeInUp .3s ease;gap:12px}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;width:24px}.message.assistant .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.user .message-avatar{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.message-content{display:flex;flex:1 1;flex-direction:column;gap:4px;width:100%}.message.user .message-content{align-items:flex-end}.message-text{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:12px 16px;position:relative}.message.user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.assistant .message-text{background:#fff;border:1px solid #e9ecef}.message-body{word-wrap:break-word;line-height:1.5}.message-body strong{color:#667eea;font-weight:600}.message.user .message-body strong{color:#ffffffe6}.message-timestamp{color:#6c757d;font-size:12px}.message.user .message-timestamp{text-align:right}.typing-indicator{display:flex;gap:4px;padding:12px 16px}.typing-indicator span{animation:typing 1.4s infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.typing-cursor{animation:blink 1s infinite;color:#667eea;font-weight:700}.workflow-preview{background:linear-gradient(135deg,#f8f9ff,#e3e8ff);border:2px solid #667eea;border-radius:12px;margin:8px 0;padding:20px}.workflow-preview-header h4{color:#667eea;font-size:18px;margin:0 0 8px}.workflow-preview-header p{color:#6c757d;line-height:1.4;margin:0 0 16px}.workflow-preview-stats{display:flex;gap:24px;margin-bottom:20px}.stat{gap:4px}.workflow-preview-actions{gap:12px}.modify-workflow-btn,.use-workflow-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.use-workflow-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.use-workflow-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.modify-workflow-btn{background:#fff;border:2px solid #667eea;color:#667eea}.modify-workflow-btn:hover{background:#667eea;color:#fff}.chat-input-container{background:#fff;border-top:1px solid #e9ecef;padding:12px 20px}.chat-input-wrapper{align-items:flex-end;display:flex;gap:12px}.chat-input{border:2px solid #e9ecef;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:44px;padding:12px 16px;resize:none;transition:border-color .2s ease}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.send-button{border-radius:12px}.send-button:hover:not(:disabled){transform:translateY(-2px)}.send-button:disabled{opacity:.5}.chat-input-help{color:#6c757d;font-size:11px;margin-top:6px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.workflow-ai-chat{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;position:relative}.ai-chat-backdrop{animation:fadeIn .2s ease-out;background:#0000004d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.workflow-ai-chat-bottom{animation:slideInFromBottom .3s ease-out;border-radius:12px;bottom:20px;box-shadow:0 -4px 30px #00000040;height:600px;position:fixed;right:20px;width:420px;z-index:1000}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.workflow-ai-chat-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.ai-chat-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.agent-status{gap:12px}.sparkles-icon{animation:sparkle 2s infinite;font-size:24px}.agent-info h3{font-size:18px}.agent-mode{border-radius:10px;display:inline-block;font-size:12px;margin-top:2px;opacity:.9;padding:2px 8px}.agent-mode,.close-btn{background:#fff3}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.messages-container{background:linear-gradient(180deg,#f8f9fa,#fff);flex:1 1;overflow-y:auto;padding:20px;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.message{animation:messageSlideIn .3s ease-out;display:flex;flex-direction:column;margin-bottom:16px;width:100%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-items:flex-end;align-self:flex-end}.message.assistant{align-items:flex-start;align-self:flex-start}.message-content{word-wrap:break-word;border-radius:18px;line-height:1.5;padding:12px 16px;position:relative}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:6px;color:#fff}.message.assistant .message-content{background:#f8f9fa;border:1px solid #e9ecef;border-bottom-left-radius:6px;box-shadow:0 2px 8px #0000001a;color:#333}.message.agent-message .message-content{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #e1bee7;position:relative}.message.agent-message .message-content:before{align-items:center;background:#fff;border:2px solid #e1bee7;border-radius:50%;content:"🤖";display:flex;font-size:14px;height:24px;justify-content:center;left:12px;position:absolute;top:-8px;width:24px}.message-text{box-sizing:border-box;font-size:14px;width:100%}.message-text strong{color:#2c3e50;font-weight:600}.message-text li{list-style:none;margin:4px 0;padding-left:0}.success-item{color:#27ae60}.success-item,.warning-item{font-weight:500;margin:4px 0}.warning-item{color:#f39c12}.error-item{color:#e74c3c;font-weight:500;margin:4px 0}.message-timestamp{color:#999;font-size:11px;margin-top:4px;padding:0 4px}.thinking{opacity:.8}.thinking-indicator{align-items:center;color:#666;display:flex;font-style:italic;gap:8px}.thinking-dots{display:flex;gap:3px}.thinking-dots span{animation:thinking 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:6px;width:6px}.thinking-dots span:first-child{animation-delay:-.32s}.thinking-dots span:nth-child(2){animation-delay:-.16s}@keyframes thinking{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.workflow-preview-actions{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #dee2e6;display:flex;justify-content:space-between;margin-top:auto;padding:16px 20px}.preview-info{align-items:center;display:flex;gap:12px}.workflow-icon{font-size:20px}.preview-text{display:flex;flex-direction:column}.preview-text strong{color:#2c3e50;font-size:14px;margin-bottom:2px}.preview-text span{color:#6c757d;font-size:12px}.preview-buttons{display:flex;gap:12px}.btn-apply,.btn-customize{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-apply{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 2px 4px #27ae604d;color:#fff}.btn-apply:hover{box-shadow:0 4px 8px #27ae6066;transform:translateY(-1px)}.btn-apply:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-customize{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.btn-customize:hover{background:#e9ecef;transform:translateY(-1px)}.input-container{background:#fff;border-top:1px solid #e9ecef;padding:16px 20px}.input-wrapper{align-items:flex-end;display:flex;gap:12px;margin-bottom:8px}.input-wrapper textarea{background:#f8f9fa;border:2px solid #e9ecef;border-radius:24px;flex:1 1;font-family:inherit;font-size:14px;max-height:100px;outline:none;padding:12px 16px;resize:none;transition:all .2s ease}.input-wrapper textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper textarea:disabled{cursor:not-allowed;opacity:.6}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .2s ease;width:44px}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.send-button:disabled{opacity:.6}.processing-indicator{display:flex;gap:3px}.processing-indicator span{animation:processing 1.4s ease-in-out infinite both;background:#fff;border-radius:50%;height:4px;width:4px}.processing-indicator span:first-child{animation-delay:-.32s}.processing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes processing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-hint{color:#6c757d;font-size:12px;margin-top:8px;text-align:center}.input-hint strong{color:#495057}.ai-assistant-options{border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px}.agent-info-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;padding:12px}.agent-details{align-items:center;display:flex;gap:12px;margin-bottom:8px}.agent-icon{background:#fff;border:2px solid #667eea;border-radius:50%;font-size:20px;padding:8px}.agent-text{display:flex;flex:1 1;flex-direction:column}.agent-name{color:#2c3e50;font-size:13px}.agent-model{color:#6c757d;font-size:11px;font-style:italic}.agent-status-indicator{align-items:center;display:flex;gap:4px}.status-dot.status-ready{background:#27ae60}.status-dot.status-error{animation:none;background:#e74c3c}.status-dot.status-checking{background:#f39c12}.status-text{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.agent-status-indicator .status-text{color:#27ae60}.agent-status-indicator .status-dot.status-error+.status-text{color:#e74c3c}.agent-status-indicator .status-dot.status-checking+.status-text{color:#f39c12}.model-capabilities{flex-direction:column;gap:6px}.capabilities-label{color:#6c757d;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.capability-tags{display:flex;flex-wrap:wrap;gap:4px}.capability-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:9px;padding:3px 8px;white-space:nowrap}.capability-tag.premium{background:linear-gradient(135deg,#27ae60,#2ecc71);font-weight:600;position:relative}.capability-tag.premium:before{content:"⭐";margin-right:2px}.model-mode-selection{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;padding:12px}.selection-row{display:flex;flex-wrap:wrap;gap:12px}.selection-group{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:150px}.selection-label{color:#6c757d;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.mode-dropdown,.model-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:all .2s ease}.mode-dropdown:hover,.model-dropdown:hover{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.mode-dropdown:focus,.model-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.mode-dropdown:disabled,.model-dropdown:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.quick-prompts{display:flex;flex-direction:column;gap:8px}.options-label{color:#6c757d;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.prompt-buttons{display:flex;flex-wrap:wrap;gap:6px}.prompt-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:16px;color:#495057;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.prompt-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 4px #667eea33;color:#fff;transform:translateY(-1px)}.prompt-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.workflow-ai-chat-content{border-radius:0}.ai-chat-backdrop{background:#00000080}.workflow-ai-chat-bottom{bottom:10px;height:80vh;max-height:80vh;right:10px;width:calc(100vw - 20px)}.ai-chat-header{padding:12px 16px}.messages-container{padding:16px}.message{max-width:95%}.workflow-preview-actions{align-items:stretch;flex-direction:column;gap:12px}.preview-buttons{justify-content:center}.input-container{padding:12px 16px}.input-wrapper textarea{font-size:16px}.prompt-buttons{justify-content:center}.prompt-btn{flex:1 1 auto;font-size:10px;min-width:0;padding:5px 10px;text-align:center}.agent-details{align-items:flex-start;flex-direction:column;gap:8px}.agent-status-indicator{align-self:flex-end}.capability-tags{justify-content:center}.capability-tag{font-size:8px;padding:2px 6px}.selection-row{flex-direction:column;gap:8px}.selection-group{flex:none;min-width:0}.mode-dropdown,.model-dropdown{font-size:11px;padding:8px}}@media (max-width:480px){.workflow-ai-chat-bottom{border-radius:8px;bottom:5px;height:60vh;right:5px;width:calc(100vw - 10px)}}@media (prefers-color-scheme:dark){.workflow-ai-chat-content{background:#1a1a1a;color:#fff}.messages-container{background:linear-gradient(180deg,#2d2d2d,#1a1a1a)}.input-wrapper textarea,.message.assistant .message-content{background:#2d2d2d;border-color:#404040;color:#fff}.input-wrapper textarea:focus{background:#333}}.workflow-ai-chat-bottom-content{background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.workflow-ai-chat-bottom .chat-header{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#667eeae6;border-radius:16px 16px 0 0;color:#fff;display:flex;flex-direction:column;gap:10px;justify-content:space-between;padding:12px 20px}.workflow-ai-chat-bottom .chat-header-info{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between;width:100%}.workflow-ai-chat-bottom .chat-title{font-size:13px;font-weight:600}.workflow-ai-chat-bottom .chat-mode-dropdown{align-items:center;display:flex}.workflow-ai-chat-bottom .mode-select{font-size:11px;min-width:110px;padding:6px 10px}.workflow-ai-chat-bottom .model-select{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:11px;min-width:150px;padding:6px 10px}.workflow-ai-chat-bottom .model-select option{background:#667eea;color:#fff}.workflow-ai-chat-bottom .chat-close-btn{font-size:16px;height:28px;position:absolute;right:20px;top:12px;width:28px}.workflow-ai-chat-bottom .chat-messages{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8f9facc;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px}.workflow-ai-chat-bottom .chat-input-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-top:1px solid #0000001a;padding:12px 20px}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.workflow-ai-chat-side,.workflow-ai-chat-side-content{display:flex;flex-direction:column;height:100%;width:100%}.workflow-ai-chat-side-content{background:#fff;overflow:hidden}.workflow-ai-chat-side .chat-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:12px 16px}.workflow-ai-chat-side .chat-header-info{display:flex;flex-direction:column;gap:12px;width:100%}.chat-mode-dropdown{align-items:center;display:flex}.chat-controls-row{border-top:1px solid #e9ecef;display:flex;gap:12px;margin-top:6px;padding-top:6px}.chat-mode-section,.model-selector-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.control-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:11px;gap:4px}.control-label-icon{font-size:12px}.control-label-text{font-size:11px}.mode-select{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:12px;font-weight:500;padding:8px 10px;transition:all .2s ease;width:100%}.mode-select:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.mode-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.mode-select option{background:#fff;color:#495057;padding:6px 10px}.workflow-ai-chat-side .model-select{font-size:12px;padding:8px 12px;width:100%}.workflow-ai-chat-side .chat-close-btn{font-size:16px;height:28px;position:absolute;right:16px;top:12px;width:28px}.workflow-ai-chat-side .chat-messages{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.workflow-ai-chat-side .message-avatar{font-size:16px;height:32px;width:32px}.workflow-ai-chat-side .message-text{font-size:14px;padding:10px 12px}.workflow-ai-chat-side .message-content{width:100%}.workflow-ai-chat-side .chat-input-container{background:#fff;border-top:1px solid #e9ecef;padding:12px 16px}.workflow-ai-chat-side .chat-input{font-size:14px;min-height:36px;padding:10px 12px}.workflow-ai-chat-side .send-button{font-size:16px;height:36px;width:36px}.workflow-ai-chat-side .chat-input-help{font-size:11px;margin-top:6px}.workflow-ai-chat-side .workflow-preview{margin:6px 0;padding:16px}.workflow-ai-chat-side .workflow-preview-stats{gap:16px;margin-bottom:16px}.workflow-ai-chat-side .stat-number{font-size:20px}.workflow-ai-chat-side .modify-workflow-btn,.workflow-ai-chat-side .use-workflow-btn{font-size:12px;padding:8px 12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#667eea80}@media (max-width:768px){.workflow-ai-chat{bottom:20px!important;max-height:calc(100vh - 40px)!important;right:20px!important;width:calc(100vw - 40px)!important}.workflow-ai-chat.minimized{right:20px!important;width:300px!important}.chat-header{padding:12px 16px}.minimize-indicator{font-size:10px;margin-left:6px}.chat-header-info{align-items:flex-start;flex-direction:column;gap:8px}.chat-title{font-size:13px}.chat-controls-row{flex-direction:column;gap:6px;margin-top:4px;padding-top:4px}.chat-mode-section,.model-selector-section{flex:none}.message-content{width:100%}.workflow-preview-stats{justify-content:space-around}.chat-input-container{padding:12px 16px}.ai-chat-side-panel{transform:translateX(0);width:100%}.workflow-canvas.with-ai-panel{display:none;margin-right:0}.workflow-ai-chat-bottom{bottom:10px;height:70vh;max-width:380px;right:10px;width:calc(100vw - 20px)}.workflow-ai-chat-bottom .chat-header-info{align-items:flex-start;flex-direction:column;gap:12px}.workflow-ai-chat-bottom .model-select{min-width:120px}}.provider-status-icon-container{align-items:center;display:flex;margin-right:12px}.provider-status-toggle{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .3s ease}.provider-status-toggle:hover{background:#ffffff4d;transform:translateY(-1px)}.provider-count-text{font-size:11px;font-weight:600}.provider-status-panel{background:#f8f9fa;border-bottom:1px solid #e9ecef;box-shadow:inset 0 2px 4px #0000001a;padding:12px 20px}.provider-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.status-title{color:#495057;font-size:14px;font-weight:600}.status-subtitle{color:#6c757d;font-size:12px}.provider-status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.provider-status-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px;transition:all .3s ease}.provider-status-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.provider-status-card.ready{border-left:4px solid #4caf50}.provider-status-card.partial{border-left:4px solid #ff9800}.provider-status-card.unavailable{border-left:4px solid #f44336}.provider-status-info{align-items:center;display:flex;gap:8px;margin-bottom:4px}.provider-icon{font-size:16px}.provider-name{color:#495057;flex:1 1;font-weight:600}.provider-status{font-size:12px;font-weight:600}.provider-models-count{color:#6c757d;font-size:11px;text-align:right}.provider-status-close{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;float:right;font-size:12px;padding:8px 16px;transition:all .3s ease}.provider-status-close:hover{background:#5a6fd8;transform:translateY(-1px)}.model-selector-container{border-top:1px solid #e9ecef;margin-top:8px;padding-top:8px}.model-selector-wrapper{display:flex;flex-direction:column;gap:6px}.model-selector-label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px}.model-label-icon{font-size:14px}.model-label-text{font-size:12px}.model-select-input{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:12px;padding:8px 10px;transition:all .3s ease;width:100%}.model-select-input:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.model-select-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.model-select-input option{background:#fff;color:#495057;font-size:12px;line-height:1.3;padding:6px 10px}.model-select-input option:disabled{color:#6c757d;font-style:italic}.current-model-info{margin-top:6px;text-align:center}.model-info-badge{background:#e9ecef;border-radius:10px;color:#495057;display:inline-block;font-size:10px;font-weight:500;line-height:1.2;padding:3px 6px}.model-info-badge.pattern-matching{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.model-info-badge.available{background:#d1ecf1;border:1px solid #b8daff;color:#0c5460}.model-info-badge.unavailable{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:768px){.provider-status-grid{grid-template-columns:1fr}.provider-status-toggle{font-size:12px;padding:4px 8px}.provider-count-text{font-size:10px}.model-selector-wrapper{flex-direction:column}.model-select-input{font-size:12px;padding:8px 10px}.model-info-badge{font-size:10px;padding:3px 6px}}@media (max-width:480px){.provider-status-panel{padding:12px 16px}.provider-status-card{padding:8px}.provider-status-info{align-items:flex-start;flex-direction:column;gap:4px}.provider-models-count{text-align:left}.workflow-ai-chat{border-radius:8px;height:80vh;max-height:80vh;width:98%}.workflow-ai-chat-overlay{padding-top:30px}}@media (max-width:768px) and (min-width:481px){.workflow-ai-chat{height:85vh;max-height:85vh;width:97%}.workflow-ai-chat-overlay{padding-top:0}}@media (min-width:1200px){.workflow-ai-chat{height:90vh;max-width:1000px}}.loading-spinner{display:inline-block;font-size:20px}.message.generating{background:linear-gradient(90deg,#667eea1a,#764ba21a);border-left:4px solid #667eea}.loading-message{background:#667eea1a;border:1px solid #667eea33;border-radius:12px;padding:12px 16px}.loading-text{align-items:center;color:#667eea;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.loading-text:before{animation:pulse 1.5s infinite;content:"🤖"}.loading-progress{margin-top:8px}.progress-bar{background:#667eea33;position:relative}.progress-fill{animation:progressSlide 2s infinite;background:linear-gradient(90deg,#667eea,#764ba2);width:100%}@keyframes progressSlide{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.chat-input:disabled{background:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed}.send-button:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.send-button:disabled:hover{box-shadow:none;transform:none}.interactive-buttons-container{margin-top:12px}.interactive-buttons{display:flex;flex-direction:column;gap:8px}.interactive-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:12px 16px;transition:all .2s ease}.interactive-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.interactive-btn.primary:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.interactive-btn.secondary{background:#f8f9fa;border:2px solid #e9ecef;color:#495057}.interactive-btn.secondary:hover{background:#e9ecef;border-color:#ced4da;transform:translateY(-1px)}.interactive-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.workflows-count{background:#667eea1a;border-radius:12px;color:#667eea;cursor:pointer;font-size:11px;font-weight:600;margin-left:8px;padding:2px 6px;transition:all .2s ease}.workflows-count:hover{background:#667eea33;transform:scale(1.05)}.custom-name-input-container{margin-top:12px}.custom-name-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:16px}.name-input-label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.name-input-field{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:12px;padding:12px;transition:border-color .2s ease;width:100%}.name-input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.name-input-actions{display:flex;gap:8px}.name-input-actions .interactive-btn{flex:1 1}.component-editor-container{margin-top:12px}.component-editor{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;max-height:400px;overflow-y:auto;padding:16px}.component-editor h4{color:#495057;font-size:16px;margin:0 0 16px}.component-list{margin-bottom:16px}.component-editor-item{background:#fff;border:2px solid #e9ecef;border-radius:8px;margin-bottom:12px;padding:12px;transition:border-color .2s ease}.component-editor-item:hover{border-color:#ced4da}.component-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.component-number{color:#667eea;font-size:14px;font-weight:600}.remove-component-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:background-color .2s ease}.remove-component-btn:hover{background:#f8d7da}.component-description-input,.component-name-input{border:1px solid #e9ecef;border-radius:6px;font-family:inherit;font-size:14px;margin-bottom:8px;padding:8px 12px;transition:border-color .2s ease;width:100%}.component-description-input:focus,.component-name-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.component-name-input{font-weight:600}.component-description-input{min-height:60px;resize:vertical}.component-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.component-editor-actions .interactive-btn{flex:1 1;min-width:120px}.account-dashboard{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{align-items:flex-start;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.header-content{width:100%}.header-content h1{color:#2c3e50;font-size:1.8rem;text-align:left}.header-subtitle{align-items:center;display:flex;gap:16px}.account-status-header{align-items:center;color:#666;display:flex;font-size:1rem;font-weight:500;gap:.5rem}.status-dot{background:#48bb78;box-shadow:0 0 0 2px #48bb784d}.account-overview,.dashboard-content{width:100%}.overview-card{transition:all .3s ease}.overview-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:12px 12px 0 0;color:#000;margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem}.card-header h3{color:#000;font-size:1.1rem}.view-all-btn{background:#ffffffe6;border:1px solid #ffffff4d;color:#000;transition:all .2s ease}.view-all-btn:hover{background:#fff;border-color:#fffc}.status-badge{background:#e9ecef;color:#666;padding:.4rem .8rem}.status-badge.active{background:#fff3;color:#fff}.detail-item span.app-id{background:#fff3;border-radius:4px;padding:2px 6px}.overview-card:not(.primary) .detail-item span.app-id{background:#f1f3f4;color:#2c3e50}.activity-list{gap:.75rem}.activity-item{background:#f8f9fa;justify-content:space-between;transition:all .2s ease}.activity-item:hover{background:#e9ecef;border-color:#dee2e6}.activity-date{color:#666;font-size:.85rem;min-width:80px}.activity-event{color:#2c3e50;flex:1 1;font-weight:500;margin:0 1rem}.activity-id{color:#667eea;font-size:.85rem;font-weight:600}.no-activity{color:#666;font-style:italic;padding:2rem 1rem;text-align:center}.quick-actions-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:2rem;padding:1.5rem}.quick-actions-section h3{color:#000;font-size:1.4rem;font-weight:600;margin:0 0 1.5rem}.action-buttons-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn.primary{align-items:center;background:#2c3e50;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.action-btn.primary:hover{background:#34495e}.action-btn:not(.primary){align-items:center;background:#0000;border:1px solid #2c3e50;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.action-btn:not(.primary):hover{background:#2c3e50;color:#fff}.action-btn:not(.primary):hover .action-subtitle,.action-btn:not(.primary):hover .action-title{color:#fff}.action-icon{font-size:1.5rem}.action-text{display:flex;flex-direction:column;gap:.2rem;text-align:left}.action-title{color:inherit;font-size:1rem;font-weight:600;margin-bottom:.2rem}.action-subtitle{color:#666;font-size:.85rem}@media (max-width:1024px){.overview-cards{grid-template-columns:1fr 1fr}.action-buttons-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.account-dashboard{padding:1rem}.overview-cards{grid-template-columns:1fr}.holder-content{text-align:center}.dashboard-header,.holder-content,.holder-meta{flex-direction:column;gap:1rem}.dashboard-header{text-align:center}.header-subtitle{flex-direction:column;gap:.5rem}}@media (max-width:480px){.action-buttons-grid,.stat-grid{grid-template-columns:1fr}.action-btn{padding:1rem}}.account-dashboard{background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:2rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-title{border-bottom:2px solid #007bff;color:#2c3e50;display:inline-block;font-size:2rem;font-weight:600;margin:0;padding-bottom:.5rem}.action-btn{background:#007bff;box-shadow:0 1px 3px #007bff33;flex-shrink:0;font-size:.55rem;max-width:130px;white-space:nowrap;width:auto}.action-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d}.action-btn:active{box-shadow:0 2px 4px #007bff33;transform:translateY(0)}.account-header{background:#fff;border:1px solid #e5e9f0;border-radius:16px;box-shadow:0 4px 20px #00000014;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.account-info h1{color:#1a1f36;font-size:1.75rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.account-title-row{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.account-title-row h1{margin:0}.account-meta{align-items:center;display:flex;gap:1rem}.account-id{color:#6b7280;font-size:.875rem;font-weight:500}.status-badge{background:#10b981}.status-badge.pending{background:#f59e0b}.status-badge.under-review{background:#3b82f6}.status-badge.rejected{background:#ef4444}.account-content{border:1px solid #e5e9f0;border-radius:16px;box-shadow:0 4px 20px #00000014}.summary-section h2{color:#1a1f36;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.summary-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.summary-card{background:#f9fafb;border:1px solid #e5e9f0}.summary-card h3{color:#1a1f36;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.info-grid{grid-gap:.75rem;gap:.75rem}.info-item{border-bottom:1px solid #e5e9f0;padding:.5rem 0}.info-item label{font-size:.875rem}.info-item span,.quick-actions h3{color:#1a1f36;font-weight:600}.quick-actions h3{font-size:1.125rem;margin:0 0 1rem}.contacts-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#1a1f36}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.contact-card{background:#f9fafb;border:1px solid #e5e9f0}.contact-card:hover{box-shadow:0 8px 25px #0000001a}.contact-card.account-holder{background:#f0f9ff;border:2px solid #0ea5e9;position:relative}.contact-card.account-holder:hover{box-shadow:0 8px 25px #0ea5e926}.account-holder-badge{background:#0ea5e9;border-radius:6px;display:inline-block;font-size:.75rem;letter-spacing:.025em;margin-left:.5rem;padding:.25rem .5rem;text-transform:uppercase}.contact-header{align-items:flex-start;justify-content:space-between}.contact-header h3{color:#1a1f36;font-size:1.125rem;font-weight:600;margin:0}.contact-role{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.contact-info{margin-bottom:1rem}.contact-info .info-item{align-items:center;border:none;display:flex;gap:.5rem;padding:.25rem 0}.contact-info .icon{font-size:.875rem}.applications-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.applications-list{grid-gap:1.5rem;gap:1.5rem}.application-card{background:#f9fafb;border:1px solid #e5e9f0}.application-card:hover{box-shadow:0 8px 25px #0000001a}.application-header{margin-bottom:1rem}.app-info h3{color:#1a1f36;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.app-amount{color:#10b981;font-size:1rem;font-weight:600}.application-details{margin-bottom:1rem}.detail-row{padding:.25rem 0}.detail-row .label{color:#6b7280;font-size:.875rem;font-weight:500}.detail-row .value{color:#1a1f36;font-weight:600}.progress-bar{background:#e5e9f0}.application-actions{flex-wrap:wrap;gap:.5rem}.documents-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.filter-select{border:1px solid #e5e9f0;color:#1a1f36;min-width:180px}.documents-list{grid-gap:1rem;display:grid}.document-card{background:#f9fafb;border:1px solid #e5e9f0;padding:1rem 1.5rem;transition:all .2s ease}.document-card:hover{box-shadow:0 4px 15px #00000014}.document-icon{min-width:40px;text-align:center}.document-info h3{color:#1a1f36;font-size:1rem;font-weight:600;margin:0 0 .25rem}.document-meta{color:#6b7280;display:flex;font-size:.75rem;gap:1rem}.document-status{margin-right:1rem}.document-actions{gap:.5rem}.btn-primary{font-size:.875rem;padding:.625rem 1.25rem}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d}.btn-secondary{font-size:.875rem;padding:.625rem 1.25rem}.btn-secondary:hover{background:#e5e7eb}.btn-sm{font-size:.75rem;padding:.375rem .75rem}.empty-state{color:#6b7280}.empty-state h3{color:#1a1f36;font-size:1.125rem}.empty-state p{margin:0 0 1.5rem}.loading-state{color:#6b7280;padding:3rem 1rem}.loading-spinner{border:3px solid #f3f4f6;margin:0 auto 1rem}.loading-state p{font-size:.875rem;margin:0}.error-state{color:#dc3545;padding:3rem 1rem;text-align:center}.error-message{background:#fff5f5;font-size:.875rem;margin:0 0 1.5rem}.app-meta{display:flex;flex-direction:column;gap:.25rem}.app-id{color:#6b7280;font-weight:500}.account-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:.25rem;margin-bottom:2rem;padding:.5rem}.tab{background:#0000;border-radius:8px;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem}.tab:hover{background:#f8f9fa;color:#2c3e50}.tab.active{background:#2c3e50;color:#fff}.account-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.account-summary{display:flex;flex-direction:column;gap:2rem}.summary-cards{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:2fr 1fr}.summary-card{background:#f8f9fa}.summary-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.summary-item{align-items:center;border-bottom:1px solid #fff3;justify-content:space-between;padding:.5rem 0}.summary-card:not(.primary) .summary-item{border-bottom:1px solid #e9ecef}.summary-item:last-child{border-bottom:none}.summary-item label{color:#ffffffe6;font-weight:600}.summary-card:not(.primary) .summary-item label{color:#666}.summary-item span.amount{font-size:1.1rem;font-weight:700}.summary-item span.account-id{font-family:Courier New,monospace;font-size:.9rem}.quick-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.stat-card{border:1px solid #e9ecef;padding:1.5rem}.stat-number{font-size:2rem}.contacts-section{display:flex;flex-direction:column;gap:1.5rem}.section-header .back-button{margin-right:auto}.section-header h2,.section-header h3{color:#2c3e50;flex:1 1;font-size:1.4rem;font-weight:700;margin:0}.section-header .header-meta{align-items:center;color:#666;display:flex;font-size:.9rem;gap:1rem}.contacts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.contact-card{background:#f8f9fa;border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.contact-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.contact-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.contact-avatar{align-items:center;background:#2c3e50;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:50px;justify-content:center;width:50px}.contact-info h4{font-size:1.1rem;margin:0 0 .25rem}.contact-role{color:#666;font-size:.9rem;font-weight:600}.contact-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.contact-item{align-items:center;color:#555;display:flex;font-size:.9rem;gap:.75rem}.contact-item .icon{text-align:center;width:20px}.contact-actions{display:flex;gap:.5rem}.applications-section{display:flex;flex-direction:column;gap:1.5rem}.application-card{background:#f8f9fa;transition:transform .2s ease,box-shadow .2s ease}.application-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.app-header{align-items:center}.app-header h4{color:#2c3e50;font-size:1.1rem;margin:0}.progress-fill{background:linear-gradient(90deg,#27ae60,#2ecc71)}.progress-text{font-size:.85rem}.app-details{color:#666;font-size:.9rem;margin-bottom:1rem}.app-actions{display:flex;gap:.5rem}.documents-section{display:flex;flex-direction:column;gap:1.5rem}.documents-list{gap:1rem}.document-card{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;gap:1rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.document-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.doc-icon{font-size:2rem;text-align:center;width:60px}.doc-info{flex:1 1}.doc-info h4{color:#2c3e50;font-size:1rem;margin:0 0 .5rem}.doc-meta{color:#666;display:flex;font-size:.85rem;gap:1rem}.doc-type{font-weight:600}.doc-status{margin-right:1rem}.doc-actions{display:flex;gap:.5rem}.status-badge.in-review,.status-badge.under-review{background:#f3e5f5;color:#7b1fa2}.status-badge.pending-review{background:#fff3e0;color:#f57c00}.btn-secondary{font-size:.85rem;padding:.5rem 1rem}.account-search-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:32px}.account-search-section h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 24px}.search-controls{margin-bottom:32px}.search-input-group{align-items:center;display:flex;gap:12px}.search-hint{color:#6b7280;font-size:.875rem;font-style:italic;margin:8px 0 0}.search-input{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease}.search-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.search-btn{min-width:120px}.recent-accounts,.search-results{margin-bottom:32px}.recent-accounts h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0 0 8px}.recent-accounts p{color:#6b7280;font-size:.9rem;margin:0 0 20px}.search-results h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0 0 20px}.results-list{display:flex;flex-direction:column;gap:16px}.result-item{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.result-item:hover{border-color:#06c;box-shadow:0 4px 12px #0066cc26;transform:translateY(-1px)}.result-info{flex:1 1}.result-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.result-header h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.result-details{margin-bottom:8px}.result-contact,.result-details{color:#666;display:flex;font-size:.9rem;gap:24px}.account-number{color:#06c;font-weight:600}.result-actions{margin-left:20px}.no-results{background:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:40px 20px}.no-results h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0 0 12px}.no-results p{color:#666;font-size:1rem;margin:0}.create-account-section{border-top:2px solid #e1e5e9;padding-top:32px}.create-header{align-items:center;display:flex;justify-content:space-between}.create-header h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;z-index:1000}.popup-content{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:600px;width:90%}.popup-header{border-bottom:2px solid #e1e5e9;margin-bottom:24px;padding:24px 24px 0}.popup-header h2{color:#1a1a1a}.popup-close{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:24px;line-height:1;padding:8px;transition:all .2s ease}.popup-close:hover{background:#f1f3f4;color:#1a1a1a}.popup-body{padding:0 24px 24px}.popup-footer{border-radius:0 0 16px 16px;border-top:2px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;padding:24px}.form-group label{color:#1a1a1a}.form-group label:has(~input[required]):after,.form-group label:has(~select[required]):after{color:#dc3545;content:" *";font-weight:700}.form-group label[data-required=true]:after{color:#dc3545;content:" *";font-weight:700}.form-group input[required],.form-group select[required]{border-left:4px solid #dc3545}.form-group input[required]:focus,.form-group select[required]:focus{border-left:4px solid;border-color:#06c}.form-group input,.form-group select{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a;outline:none}.radio-group{display:flex;gap:20px;margin-top:8px}.radio-option{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.radio-option input[type=radio]{margin:0;width:auto}@media (max-width:768px){.account-dashboard{padding:1rem}.summary-cards{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}.contacts-grid{grid-template-columns:1fr}.account-dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.doc-meta{flex-direction:column;gap:.25rem}.search-input-group{align-items:stretch;flex-direction:column}.search-btn{min-width:auto}.result-item{align-items:stretch;flex-direction:column}.result-actions{margin-left:0;margin-top:16px}.create-header{align-items:stretch;flex-direction:column;gap:16px}.form-row,.form-row.three-col{grid-template-columns:1fr}.popup-content{margin:20px;width:95%}}.checkbox-group{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.5rem}.checkbox-option{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-option input[type=checkbox]{margin:0;width:auto}.checkbox-option label{cursor:pointer;font-size:.875rem;font-weight:400;margin:0}.form-row.three-col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.contacts-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table-header{border-bottom:1px solid #e9ecef;color:#495057}.table-header,.table-row{grid-template-columns:2fr 1fr 2fr 2fr 1fr 1.5fr;padding:16px}.table-row{border-bottom:1px solid #f1f3f4;transition:background-color .2s}.header-cell{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.table-cell{flex-direction:column;gap:4px;justify-content:flex-start}.table-cell.actions,.table-cell.name{align-items:flex-start}.table-cell.actions{justify-content:center}.contact-name{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px}.contact-id{color:#6c757d;font-size:12px}.account-holder-badge{background:#007bff;border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.contact-type-badge{background:#e9ecef;border-radius:12px;color:#495057;font-size:12px;font-weight:500;padding:4px 8px;text-align:center;width:fit-content}.contact-type-badge.person{background:#e3f2fd;color:#1976d2}.contact-type-badge.company{background:#f3e5f5;color:#7b1fa2}.role-badge{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;font-size:10px}.role-badge.account-holder{background:#d4edda;border-color:#c3e6cb;color:#155724}.role-badge.primary-applicant{background:#cce5ff;border-color:#b3d7ff;color:#004085}.role-badge.co-applicant{background:#fff3cd;border-color:#ffeaa7;color:#856404}.role-badge.guarantor{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.contact-info{display:flex;flex-direction:column;gap:2px}.info-line{align-items:center;color:#6c757d;display:flex;gap:6px}.info-line,.info-line .icon{font-size:12px}.status-badge{text-align:center;width:fit-content}.status-badge.pending{background:#fff3cd;color:#856404}.table-cell.actions{flex-direction:row;gap:8px}.btn-action{background:#fff;border:1px solid;border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s}.btn-action.edit{border-color:#007bff;color:#007bff}.btn-action.edit:hover{background:#007bff;color:#fff}.btn-action.delete{border-color:#dc3545;color:#dc3545}.btn-action.delete:hover{background:#dc3545;color:#fff}.modal-content{box-shadow:0 10px 25px #0000004d}.modal-close:hover{color:#495057}.form-section{margin-bottom:16px}.form-section label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-section input,.form-section select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-section input:focus,.form-section select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-row{grid-gap:16px;gap:16px}.checkbox-group{grid-template-columns:1fr 1fr}.checkbox-label{padding:4px}@media (max-width:1200px){.table-header,.table-row{gap:12px;grid-template-columns:1.5fr 1fr 1.5fr 1.5fr 1fr 1fr}}@media (max-width:900px){.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-row{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;padding:16px}.table-header{display:none}.table-cell:before{color:#495057;content:attr(data-label) ": ";font-weight:600;margin-right:8px}}.error-message,.loading-message,.no-contacts-message{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px 20px;text-align:center}.action-buttons{flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;justify-content:flex-start!important;min-width:80px!important}.action-buttons,.btn-action{align-items:center!important;display:flex!important}.btn-action{background:#f8f9fa!important;border:1px solid #dee2e6!important;border-radius:6px!important;cursor:pointer!important;flex-shrink:0!important;font-size:1rem!important;height:34px!important;justify-content:center!important;padding:.5rem!important;transition:all .2s ease!important;width:34px!important}.btn-action:hover{background:#e9ecef!important;border-color:#adb5bd!important}.btn-action.btn-danger:hover{background:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.upload-modal-overlay{align-items:center!important;background-color:#000c!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}.upload-modal-content{background:#fff!important;border:2px solid #007bff!important;border-radius:12px!important;box-shadow:0 25px 50px -12px #00000040!important;max-height:90vh!important;max-width:600px!important;overflow:auto!important;width:90%!important}.upload-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.upload-modal-header h3{color:#333;font-size:1.5rem;margin:0}.upload-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.upload-modal-close:hover{background-color:#f0f0f0;color:#333}.upload-modal-body{padding:20px}.upload-form-group{margin-bottom:20px}.upload-form-group label{color:#333;display:block;font-weight:600;margin-bottom:5px}.upload-form-group input,.upload-form-group select,.upload-form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.upload-form-group input:focus,.upload-form-group select:focus,.upload-form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.upload-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:20px}.file-info{background-color:#f8f9fa;font-size:14px;margin-top:10px;padding:10px}.file-info span{color:#666}.upload-document-btn{align-items:center!important;background-color:#007bff!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:16px!important;font-weight:700!important;gap:8px!important;padding:12px 24px!important}.upload-document-btn:hover{background-color:#0056b3!important}.document-count{color:var(--text-muted);font-size:.9em;margin-left:1rem}.documents-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-select{border:1px solid var(--border-color);color:var(--text-color);font-size:.9rem;min-width:150px}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.loading-state{color:var(--text-muted)}.spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--primary-color);height:32px;width:32px}.error-message{justify-content:space-between;padding:1rem}.btn-link{background:none;border:none;color:#0056b3;cursor:pointer;font-size:.9rem;text-decoration:underline}.btn-link:hover{color:#004085}.empty-state{background:#f8f9fa;padding:3rem 1rem}.empty-state h3{color:var(--text-color);margin-bottom:.5rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.documents-list-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.documents-table-header{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;display:flex;font-weight:600}.header-cell{border-right:1px solid #dee2e6;flex:1 1;min-width:120px;padding:1rem}.header-cell:first-child{flex:2 1;min-width:200px}.header-cell:last-child{border-right:none;min-width:160px}.documents-list-body{max-height:calc(100vh - 350px);min-height:200px;overflow-y:auto}.document-row{border-bottom:1px solid #dee2e6;display:flex;transition:background-color .2s ease}.document-row:hover{background-color:#f8f9fa}.document-cell{align-items:center;border-right:1px solid #eee;display:flex;flex:1 1;min-width:120px;padding:1rem}.document-cell:first-child{flex:2 1;min-width:200px}.document-cell:last-child{border-right:none;justify-content:flex-start;min-width:160px}.document-info{align-items:center;gap:.75rem;width:100%}.document-icon{font-size:1.5rem}.document-name{word-break:break-word}.document-description{font-size:.85rem;word-break:break-word}.category-badge{background:#e9ecef;color:#495057}.category-badge,.security-badge{font-size:.8rem;padding:.25rem .75rem}.security-badge{border-radius:12px;color:#fff;display:inline-block;font-weight:500;text-transform:capitalize}.status-badge{border:1px solid #ddd;color:#000!important}.action-buttons{flex-wrap:nowrap}.btn-action{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:34px;justify-content:center;padding:.5rem;transition:all .2s ease;width:34px}.btn-action:hover{background:#e9ecef;border-color:#adb5bd}.btn-action.btn-danger:hover{background:#dc3545;border-color:#dc3545;color:#fff}.btn-action.btn-disabled{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d;cursor:not-allowed;opacity:.5}.btn-action.btn-disabled:hover{background:#f8f9fa;border-color:#dee2e6;color:#6c757d}.modal-overlay{background:#0009;padding:1rem}.modal-content{max-width:500px;overflow:auto}.modal-header{padding:1.5rem 1.5rem 0}.modal-header h3{color:var(--text-color)}.modal-close{color:var(--text-muted);padding:.5rem}.modal-close:hover{color:var(--text-color)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-color);margin-top:1rem;padding:1rem 1.5rem 1.5rem}.form-group label{color:var(--text-color)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);color:var(--text-color)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)}.file-info{background:#f8f9fa;border-radius:4px;color:var(--text-muted);font-size:.85rem;margin-top:.5rem;padding:.5rem}.file-info span{display:block}@media (max-width:768px){.documents-filters{flex-direction:column}.filter-select{width:100%}.documents-table-container{max-height:60vh;overflow-x:auto}.documents-table{min-width:800px}.action-buttons{flex-direction:column}.btn-action{height:auto;padding:.5rem;width:auto}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}@media print{.action-buttons,.documents-filters,.header-actions,.modal-overlay{display:none!important}.documents-table{font-size:.8rem}.documents-table td,.documents-table th{padding:.5rem}}.viewer-modal{max-height:95vh!important;max-width:1200px!important;width:95%!important}.document-viewer-content{max-height:70vh;min-height:400px;overflow:auto;padding:20px}.pdf-viewer{text-align:center}.viewer-fallback{color:#666;font-size:.9rem;margin-top:10px}.viewer-fallback a{color:#007bff;text-decoration:none}.viewer-fallback a:hover{text-decoration:underline}.image-viewer{padding:20px;text-align:center}.generic-viewer{align-items:center;display:flex;flex-direction:column;gap:30px;padding:40px}.file-info{gap:20px;text-align:left}.file-icon{color:#007bff;font-size:4rem}.file-details h4{color:#333;font-size:1.3rem;margin:0 0 10px}.file-details p{color:#666;font-size:.9rem;margin:5px 0}.viewer-actions{display:flex;gap:15px}.viewer-actions .btn-primary{align-items:center;display:inline-flex;font-size:1rem;gap:8px;padding:12px 24px;text-decoration:none}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:5px;width:30px}.modal-close-btn:hover{background-color:#f0f0f0;color:#333}.loan-application-info{font-size:.85rem}.application-id{color:#007bff;font-weight:600;margin-bottom:2px}.loan-purpose{color:#666;font-size:.75rem}.no-application{color:#888;font-size:.85rem}.documents-summary{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;margin:15px 0;padding:10px}.documents-summary p{color:#666;font-size:.9rem;margin:0}.pagination-controls{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;justify-content:space-between;margin-top:20px;padding:15px}.pagination-info{display:flex;flex-direction:column;font-size:.9rem;gap:4px}.pagination-buttons{align-items:center;display:flex;gap:5px}.btn-pagination{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:.875rem;min-width:40px;padding:8px 12px;text-align:center;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.btn-pagination:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.btn-pagination.active{background:#007bff;border-color:#007bff;color:#fff}.btn-pagination.active:hover{background:#0056b3;border-color:#004085}.pagination-size,.pagination-size label{align-items:center;display:flex;gap:8px}.pagination-size label{color:#666;font-size:.9rem}.pagination-select{background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:.875rem;padding:4px 8px}.pagination-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:15px;text-align:center}.pagination-buttons{flex-wrap:wrap;justify-content:center}.btn-pagination{min-width:35px;padding:6px 10px}}.notifications-section{padding:0}.notifications-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.filter-buttons{display:flex;gap:.5rem}.filter-btn{border:2px solid #e1e5e9;border-radius:6px;font-size:.9rem;padding:.5rem 1rem}.filter-btn:hover{border-color:#3498db;color:#3498db}.filter-btn.active{background:#3498db;border-color:#3498db}.action-buttons{gap:.5rem}.notification-badge{background:#e74c3c;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.loading-state{padding:3rem}.empty-state p{font-size:.9rem}.notifications-list{gap:1rem}.notification-item{border:1px solid #e1e5e9;gap:1rem;padding:1.5rem}.notification-item:hover{border-color:#3498db;box-shadow:0 2px 8px #0000001a}.notification-item.unread{background:linear-gradient(90deg,#f8fbff,#fff 10%);border-left:4px solid #3498db}.notification-item.read{opacity:.8}.notification-item.priority-high{border-left-color:#e74c3c}.notification-item.priority-medium{border-left-color:#f39c12}.notification-item.priority-low{border-left-color:#27ae60}.notification-item.unread.priority-high{background:linear-gradient(90deg,#fdf2f2,#fff 10%)}.notification-item.unread.priority-medium{background:linear-gradient(90deg,#fef9f2,#fff 10%)}.notification-item.unread.priority-low{background:linear-gradient(90deg,#f2fdf6,#fff 10%)}.notification-icon{font-size:1.5rem;margin-top:.25rem}.notification-header{gap:1rem;margin-bottom:.5rem}.notification-title{color:#2c3e50;font-size:1.1rem;line-height:1.3;margin:0}.notification-meta{flex-shrink:0}.notification-timestamp{color:#666;font-size:.8rem;white-space:nowrap}.action-required-badge{background:#e74c3c;border-radius:4px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.notification-message{color:#555;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.notification-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.notification-source{color:#666;font-size:.8rem;font-style:italic}.notification-category{border-radius:12px;font-size:.75rem;font-weight:600;padding:.2rem .6rem;text-transform:capitalize}.category-documents{background:#e3f2fd;color:#1976d2}.category-application{background:#f3e5f5;color:#7b1fa2}.category-payment{background:#e8f5e8;color:#388e3c}.category-deadline{background:#fff3e0;color:#f57c00}.category-contact{background:#f1f8e9;color:#689f38}.notification-actions{flex-direction:column;flex-shrink:0;gap:.5rem}.action-btn.mark-read{background:#e8f5e8;color:#388e3c}.action-btn.mark-read:hover{background:#c8e6c9;transform:scale(1.1)}.action-btn.mark-unread{background:#e3f2fd;color:#1976d2}.action-btn.mark-unread:hover{background:#bbdefb;transform:scale(1.1)}.action-btn.delete{background:#ffebee;color:#d32f2f}.action-btn.delete:hover{background:#ffcdd2}@media (max-width:768px){.notifications-controls{align-items:stretch;flex-direction:column}.filter-buttons{justify-content:center}.notification-item{gap:.75rem;padding:1rem}.notification-header{flex-direction:column;gap:.5rem}.notification-footer,.notification-meta{align-items:flex-start}.notification-footer{flex-direction:column;gap:.5rem}.notification-actions{flex-direction:row;position:absolute;right:1rem;top:1rem}}.notification-item{animation:slideInRight .3s ease-out}.notification-item:hover .notification-title{color:#3498db}.notification-item:hover .action-btn{opacity:1}.action-btn{opacity:.7;transition:opacity .2s ease,transform .2s ease}.action-btn:hover{opacity:1}.account-settings-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.account-settings-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:flex-start;background:#fff;color:#000;padding:24px 32px 16px}.header-left{align-items:flex-start;flex-direction:column;text-align:left}.header-left h1{color:#000;font-size:24px;text-align:left}.header-left p{font-size:14px;text-align:left}.close-button{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.close-button:hover{background:#f1f5f9;color:#334155}.modal-content{flex:1 1;padding:0}.nav-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;padding:0 32px}.nav-tab{align-items:center;background:none;border-bottom:3px solid #0000;display:flex;gap:8px;padding:16px 20px;position:relative}.nav-tab:hover{background:#64748b0d}.nav-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.nav-tab svg{transition:all .2s ease}.nav-tab.active svg{color:#667eea}.tab-content{padding:32px}.tab-panel{display:flex;flex-direction:column;gap:32px}.profile-section{margin-bottom:8px}.profile-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:24px}.avatar-container{position:relative}.user-avatar{box-shadow:0 8px 16px #667eea33;font-size:32px;height:80px;width:80px}.avatar-edit-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;bottom:0;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:0;transition:all .2s ease;width:28px}.avatar-edit-btn:hover{background:#f8fafc;color:#334155;transform:scale(1.1)}.profile-info h3{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 4px}.profile-info p{color:#64748b;font-size:14px;margin:0 0 8px}.user-role{background:#dbeafe;border-radius:20px;color:#1e40af;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.settings-section h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px;padding:24px 24px 0}.section-description{margin:0 0 20px;padding:0 24px}.form-grid{padding:24px}.form-field{gap:6px}.form-field.span-2{grid-column:1/-1}.form-field label{color:#374151;font-size:14px;font-weight:500}.form-field input,.form-field select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-field input:focus,.form-field select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-field input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.mode-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:24px}.mode-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:24px;position:relative;transition:all .2s ease}.mode-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.mode-card.active{background:linear-gradient(135deg,#f8fafc,#fff);border-color:#667eea;box-shadow:0 8px 25px #667eea26}.mode-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.mode-card h5{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px}.mode-card p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 16px}.active-badge{align-items:center;background:#dbeafe;border-radius:20px;color:#1e40af;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;position:absolute;right:16px;top:16px}.preferences-grid{display:flex;flex-direction:column;gap:24px;padding:24px}.preference-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1fr}.preference-item label{color:#374151;font-size:14px;font-weight:500}.preference-item select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px}.preference-toggle{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 0}.preference-toggle:last-child{border-bottom:none}.toggle-content label{color:#374151;font-size:14px;font-weight:500;margin:0 0 4px}.toggle-content p{color:#64748b;font-size:13px;margin:0}.switch{display:inline-block;height:24px;position:relative;width:48px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#667eea}input:checked+.slider:before{transform:translateX(24px)}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;padding:24px}.info-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-label{color:#64748b}.info-label,.info-value{font-size:14px;font-weight:500}.info-value{color:#1e293b;max-width:200px;text-align:right;word-break:break-all}.security-grid{display:flex;flex-direction:column;gap:16px;padding:24px}.security-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.security-item:hover:not(.disabled){border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.security-item.disabled{cursor:not-allowed;opacity:.6}.security-icon{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;height:40px;justify-content:center;width:40px}.security-content h5{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px}.security-content p{color:#64748b;font-size:13px;margin:0 0 4px}.disabled-note{color:#94a3b8;font-size:12px;font-style:italic}.activity-list{padding:24px}.activity-item{align-items:center}.activity-icon.success{background:#10b981}.activity-icon.info{background:#3b82f6}.activity-icon.warning{background:#f59e0b}.activity-content h6{color:#1e293b;font-size:14px;font-weight:500;margin:0 0 2px}.activity-content p{font-size:12px;margin:0}.modal-footer{border-top:1px solid #f1f5f9;padding:24px 32px}.btn{display:flex}.btn-secondary{color:#64748b}.btn-primary:hover{box-shadow:0 6px 16px #667eea66}@media (max-width:768px){.account-settings-modal{margin:10px;max-height:calc(100vh - 20px)}.modal-header{padding:20px 24px}.header-left h1{font-size:20px}.tab-content{padding:24px}.form-grid{gap:16px}.form-grid,.info-grid,.mode-grid{grid-template-columns:1fr}.nav-tabs{overflow-x:auto;padding:0 24px}.nav-tab{padding:12px 16px;white-space:nowrap}}.marketing-icon{height:16px;margin-right:8px;width:16px}.grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.reputation-score{background:#f8fafc;border-radius:8px;margin-top:16px;padding:20px}.score-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.score-header h5{color:#334155;font-size:16px;font-weight:600;margin:0}.score-badge{border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px}.score-badge.good{background:#dcfce7;color:#166534}.score-badge.warning{background:#fef3c7;color:#92400e}.score-badge.danger{background:#fee2e2;color:#991b1b}.score-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric{text-align:center}.metric-label{font-size:12px;margin-bottom:4px}.metric-value{color:#334155;display:block;font-size:18px}.social-platforms{display:flex;flex-direction:column;gap:16px;margin-top:16px}.platform-item{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.platform-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000001a}.platform-info{align-items:center;display:flex;gap:12px}.platform-icon{height:24px;width:24px}.platform-icon.facebook{color:#1877f2}.platform-icon.instagram{color:#e4405f}.platform-icon.youtube{color:red}.platform-icon.linkedin{color:#0077b5}.platform-info h6{color:#334155;font-size:14px;font-weight:600;margin:0 0 4px}.platform-info p{color:#64748b;font-size:12px;margin:0}.connect-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.connect-btn:hover{border-color:#3b82f6;color:#3b82f6}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:16px 0 24px}.analytics-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.analytics-number{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:4px}.analytics-label{color:#64748b;font-size:14px;margin-bottom:8px}.analytics-change{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.analytics-change.positive{background:#dcfce7;color:#166534}.analytics-change.negative{background:#fee2e2;color:#991b1b}.marketing-actions{display:flex;gap:12px;margin-top:20px}.marketing-actions .btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn.btn-primary{border:1px solid #3b82f6}.btn.btn-outline{border:1px solid #e2e8f0}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.marketing-actions,.platform-item{flex-direction:column}.platform-item{align-items:flex-start;gap:12px}.connect-btn{align-self:stretch;text-align:center}}.header{align-items:center;background:#b7c9e2;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;min-height:48px;padding:.5rem 2rem}.header-logo-section,.logo-area{align-items:center;display:flex;gap:.75rem}.logo-area{transition:opacity .2s ease}.logo-area:hover{opacity:.8}.header-logo-section .logo-container{background:#0000;box-shadow:none;height:50px;margin:0;padding:8px;width:60px}.header-logo-section .screenshot-image{height:42px;width:52px}.header .brand,.header-logo-section .brand{color:#2196f3;font-size:.9rem!important;font-weight:700;margin:0}.user-section{gap:1rem}.app-mode-display,.user-section{align-items:center;display:flex}.mode-indicator{border:1px solid #fff3;border-radius:16px;font-size:11px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.mode-indicator.admin{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.mode-indicator.loan{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a7454d;color:#fff}.ai-chat-header-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.ai-chat-header-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px) scale(1.05)}.user-menu-container{position:relative}.user-icon{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #00000026;font-size:1.2rem;font-weight:700;transition:transform .2s ease}.user-avatar:hover{transform:scale(1.05)}.user-dropdown{background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:220px;padding:.75rem 0;position:absolute;right:0;top:50px;z-index:1000}.user-info{margin-bottom:.5rem;padding:.5rem 1rem}.user-name{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.user-email{color:#666;font-size:.85rem}.dropdown-divider{background:#eee;height:1px;margin:.5rem 0}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:#f8f9fa}.signout-btn{color:#e74c3c;font-size:.85rem}.signout-btn:hover{background:#fef5f5}.navigation-dropdowns{align-items:center;display:flex;gap:1rem;margin-left:1.5rem}.dashboard-dropdown-container{position:relative}.dashboard-button-group{align-items:center;background:#ffffffe6;border:1px solid #2c3e504d;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;overflow:hidden}.dashboard-dropdown-btn{flex:1 1;font-size:1rem;font-weight:700;max-width:200px;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;white-space:nowrap}.dashboard-dropdown-arrow,.dashboard-dropdown-btn{background:#0000;border:none;color:#2c3e50;cursor:pointer;transition:all .2s ease}.dashboard-dropdown-arrow{align-items:center;border-left:1px solid #2c3e5033;display:flex;font-size:.8rem;justify-content:center;padding:.75rem .5rem;width:32px}.dashboard-button-group:hover{background:#fff;border-color:#2c3e50;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.dashboard-dropdown-arrow:hover,.dashboard-dropdown-btn:hover{background:#2c3e500d}.account-dropdown-container{position:relative}.account-button-group{align-items:center;background:#ffffffe6;border:1px solid #2c3e504d;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;overflow:hidden}.account-dropdown-btn{flex:1 1;font-size:1rem;font-weight:700;max-width:200px;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;white-space:nowrap}.account-dropdown-arrow,.account-dropdown-btn{background:#0000;border:none;color:#2c3e50;cursor:pointer;transition:all .2s ease}.account-dropdown-arrow{align-items:center;border-left:1px solid #2c3e5033;display:flex;font-size:.8rem;justify-content:center;padding:.75rem .5rem;width:32px}.account-button-group:hover{background:#fff;border-color:#2c3e50;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.account-dropdown-arrow:hover,.account-dropdown-btn:hover{background:#2c3e500d}.account-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;border:2px solid #2c3e50;border-radius:10px;box-shadow:0 8px 24px #00000040;left:0;margin-top:.5rem;min-width:300px;padding:.75rem 0;position:absolute;top:100%;z-index:9999}.account-dropdown-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;color:#2c3e50;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.account-dropdown-item:hover{background:#f8f9fa;color:#2c3e50;transform:translateX(2px)}.account-dropdown-item .icon{font-size:1rem;text-align:center;width:20px}.new-account{color:#2c3e50;font-weight:600}.new-account .icon{color:#27ae60}.search-account{color:#2c3e50;font-weight:600}.search-account .icon{color:#3498db}.recent-accounts-header{background:#e8f4f8;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;color:#2c3e50;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:.5rem 0 .25rem;padding:.75rem 1.25rem;text-transform:uppercase}.recent-account{padding:.75rem 1rem!important}.account-info{display:flex;flex-direction:column;gap:.25rem}.account-name{color:#333;font-size:.9rem}.account-type{color:#666;font-size:.8rem}.dropdown-search-section{border-bottom:1px solid #e0e0e0;padding:.75rem}.search-input-container{align-items:center;display:flex;gap:.5rem}.dropdown-search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.9rem;outline:none;padding:.5rem;transition:border-color .2s ease}.dropdown-search-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.search-icon-btn{align-items:center;background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.search-icon-btn:hover:not(:disabled){background:#1976d2;box-shadow:0 2px 4px #2196f34d;transform:translateY(-1px)}.search-icon-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.search-loading{color:#666;font-size:.85rem;font-style:italic;padding:.5rem;text-align:center}.search-results-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#2196f3;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.search-result{border-bottom:1px solid #f0f0f0;padding:.75rem 1rem!important}.search-result:last-child{border-bottom:none}.search-result .account-info{display:flex;flex-direction:column;gap:.2rem}.search-result .account-id{color:#666;font-family:monospace;font-size:.75rem}.no-results{color:#666;font-size:.9rem;font-style:italic;padding:1rem;text-align:center}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.bg-icon{animation:float 6s ease-in-out infinite;color:#fff;opacity:.15;position:absolute}.bg-icon.icon-1{font-size:4rem;left:10%;top:20%}.bg-icon.icon-2{animation-delay:2s;font-size:3.5rem;right:10%;top:60%}.bg-icon.icon-3{animation-delay:4s;bottom:20%;font-size:3rem;left:15%}.bg-icon.icon-4{animation-delay:1s;font-size:2.5rem;left:5%;top:40%}.bg-icon.icon-5{animation-delay:3s;font-size:3rem;right:5%;top:30%}.bg-icon.icon-6{animation-delay:5s;bottom:40%;font-size:2.8rem;right:20%}.bg-icon.icon-7{animation-delay:1.5s;font-size:2.5rem;left:25%;top:70%}.bg-icon.icon-8{animation-delay:3.5s;bottom:30%;font-size:2.8rem;left:35%}.bg-icon.icon-9{animation-delay:2.5s;font-size:2.5rem;right:30%;top:50%}.bg-icon.icon-10{animation-delay:4.5s;bottom:60%;font-size:2.8rem;right:25%}.feature-keywords-container{bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.feature-keyword{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000001a;border-radius:4px;color:#fff;display:flex;font-weight:400;gap:.3rem;padding:.2rem .5rem;position:absolute;text-shadow:1px 1px 2px #0006}.feature-keyword.keyword-1{animation:bounceAround 45s ease-in-out infinite;font-size:1rem;left:20%;top:15%}.feature-keyword.keyword-2{animation:bounceAround 50s ease-in-out infinite;animation-delay:5s;font-size:.9rem;right:25%;top:25%}.feature-keyword.keyword-3{animation:bounceAround 40s ease-in-out infinite;animation-delay:10s;bottom:35%;font-size:1.1rem;left:25%}.feature-keyword.keyword-4{animation:bounceAround 55s ease-in-out infinite;animation-delay:15s;bottom:25%;font-size:.95rem;right:20%}.feature-keyword.keyword-5{animation:bounceAround 42s ease-in-out infinite;animation-delay:20s;font-size:.9rem;left:10%;top:60%}.feature-keyword.keyword-6{animation:bounceAround 48s ease-in-out infinite;animation-delay:25s;font-size:1rem;right:15%;top:45%}.feature-keyword.keyword-7{animation:bounceAround 52s ease-in-out infinite;animation-delay:30s;font-size:.95rem;left:30%;top:75%}.feature-keyword.keyword-8{animation:bounceAround 38s ease-in-out infinite;animation-delay:8s;font-size:.9rem;left:15%;top:35%}.feature-keyword.keyword-9{animation:bounceAround 58s ease-in-out infinite;animation-delay:12s;bottom:45%;font-size:.85rem;left:35%}.feature-keyword.keyword-10{animation:bounceAround 35s ease-in-out infinite;animation-delay:18s;font-size:.9rem;right:30%;top:55%}.feature-keyword.keyword-11{animation:bounceAround 60s ease-in-out infinite;animation-delay:22s;bottom:55%;font-size:.85rem;right:25%}.feature-keyword.keyword-12{animation:bounceAround 32s ease-in-out infinite;animation-delay:28s;font-size:.9rem;right:35%;top:80%}.large-feature-text{animation:fadeSlide 8s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:8px;color:#fff;font-weight:700;padding:.5rem 1rem;position:absolute;text-shadow:3px 3px 6px #000c}.large-feature-text.feature-1{animation-delay:7s;font-size:1.1rem;left:45%;top:35%}.large-feature-text.feature-2{animation-delay:8s;bottom:45%;font-size:1.2rem;right:8%}.large-feature-text.feature-3{animation-delay:9s;font-size:1.1rem;right:35%;top:55%}.large-feature-text.feature-4{animation-delay:10s;bottom:55%;font-size:1rem;left:8%}.large-feature-text.feature-5{animation-delay:11s;font-size:1.1rem;right:30%;top:80%}.large-feature-text.feature-6{animation-delay:12s;bottom:65%;font-size:1rem;right:45%}.login-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:420px;min-width:400px;padding:1.5rem;position:relative;z-index:10}.login-header{margin-bottom:1.5rem;text-align:center}.form-header{margin-bottom:1.5rem}.form-header,.form-title-section{flex-direction:column;justify-content:center;text-align:center;width:100%}.form-title-section{align-items:center;display:flex;gap:0;margin-bottom:1rem}.screenshot-container{align-items:center;background:#f7dc6f;border-radius:12px;box-shadow:0 4px 15px #f7dc6f66;display:flex;height:48px;justify-content:center;margin:0 auto .75rem;overflow:hidden;padding:6px;width:60px}.screenshot-image{border-radius:8px;filter:drop-shadow(0 2px 4px rgba(255,255,255,.3));height:60px;object-fit:contain;width:80px}.logo-container{align-items:center;background:#0000;border-radius:12px;box-shadow:none;display:flex;height:80px;justify-content:center;margin:0 auto .5rem;padding:16px;width:100px}.logo-container svg{filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.logo-icon{background:#f7e9a0;border-radius:12px;margin-bottom:1rem;padding:12px}.app-title{color:#2196f3;font-size:2rem;font-weight:700;line-height:1.1;margin:0 0 .2rem;text-align:center}.app-tagline{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2196f3,#667eea);background-clip:text;-webkit-background-clip:text;font-size:1rem;font-weight:600;line-height:1.2}.app-tagline,.welcome-text{margin:0 0 .6rem;text-align:center}.welcome-text{color:#666;font-size:.9rem;line-height:1.3;max-width:100%}.feature-highlights{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1rem;text-align:center}.feature-badge{border-radius:16px;font-size:.75rem;font-weight:500;padding:.2rem .6rem}.feature-badge.ai-powered{background:#2196f31a;border:1px solid #2196f333;color:#1976d2}.feature-badge.agentic{background:#4caf501a;border:1px solid #4caf5033;color:#388e3c}.app-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2196f3,#667eea);background-clip:text;-webkit-background-clip:text;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.app-description{color:#666;font-size:.95rem;margin:0 0 1rem}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.feature-tag{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.feature-tag.ai-powered{background:#2196f31a;color:#1976d2}.feature-tag.agentic{background:#4caf501a;color:#388e3c}.form-group{margin-bottom:1rem}.form-group.last{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;text-shadow:none}.login-form-container .form-label{color:#333!important}.auth-method-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:12px 0;padding:16px;transition:all .3s ease}.auth-method-card:hover{background:#f5f7ff;border-color:#2196f3}.auth-option-header{gap:12px}.auth-icon,.auth-option-header{align-items:center;display:flex}.auth-icon{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:20px;height:32px;justify-content:center;width:32px}.auth-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.auth-title{color:#333;font-size:14px;font-weight:600;line-height:1.2}.auth-subtitle{color:#666;font-size:12px;line-height:1.2}.auth-toggle-btn{background:#e0e0e0;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;min-width:44px;padding:6px 16px;text-transform:uppercase;transition:all .3s ease}.auth-toggle-btn.active{background:#2196f3;box-shadow:0 2px 8px #2196f34d;color:#fff}.auth-toggle-btn:hover{transform:translateY(-1px)}.auth-warning{background:#fff3e0;border:1px solid #ffb74d;border-radius:6px;color:#e65100;font-size:12px;margin-top:12px;padding:8px 12px}.auth-fields-section{border-top:1px solid #eee;margin-top:12px;padding-top:12px}.sso-ready-message{align-items:center;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #2196f3;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:16px;text-align:center}.sso-icon{font-size:24px;line-height:1}.sso-ready-message p{color:#1976d2;font-size:14px;font-weight:500;margin:0}.form-group:last-of-type{margin-bottom:20px}.login-form-container .form-input{border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 14px;transition:all .3s ease}.login-form-container .form-input:focus{box-shadow:0 0 0 3px #2196f31a}.form-label{color:#333!important;font-size:14px;font-weight:600;margin-bottom:6px}.submit-button{border-radius:8px;font-size:15px;font-weight:600;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.submit-button:not(:disabled):hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.login-form-container .form-input{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#333!important;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.login-form-container .form-input::placeholder{color:#999!important}.login-form-container .form-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;color:#333!important;outline:none}.form-input{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#333!important;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input::placeholder{color:#999!important}.form-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;color:#333!important;outline:none}.form-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;color:#333!important;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.form-select option{background-color:#fff;color:#333!important}.environment-description{align-items:center;color:#666;display:flex;font-size:.8rem;justify-content:space-between;margin-top:.5rem}.login-form-container .form-select{color:#333!important}.login-form-container .form-select option{background-color:#fff;color:#333!important}.env-status-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.env-status-badge.env-dev,.env-status-badge.env-local{background-color:#e3f2fd;color:#1976d2}.env-status-badge.env-prod{background-color:#e8f5e8;color:#2e7d32}.environment-help{align-items:center;color:#666;display:flex;font-size:.8rem;gap:.5rem;margin-top:.25rem}.environment-badge{font-size:.7rem;padding:2px 6px}.environment-badge.local{color:#1976d2}.error-message{background:#fdf2f2;margin-bottom:1rem;padding:.75rem}.submit-button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .3s ease;width:100%}.submit-button:hover{background:#1976d2}.submit-button.loading,.submit-button:disabled{background:#bbb;cursor:not-allowed}.toggle-section{margin-top:1.5rem;text-align:center}.toggle-button{background:none;border:none;color:#2196f3;cursor:pointer;text-decoration:underline}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes fadeSlide{0%,to{opacity:.3;transform:translateX(0)}50%{opacity:.8;transform:translateX(10px)}}@keyframes fadeInOut{0%,to{opacity:.2}50%{opacity:.7}}@keyframes floatText{0%,to{opacity:.3;transform:translate(0) rotate(0deg)}25%{opacity:.7;transform:translate(15px,-10px) rotate(1deg)}50%{opacity:.6;transform:translate(-10px,-20px) rotate(-1deg)}75%{opacity:.8;transform:translate(20px,-5px) rotate(.5deg)}}@keyframes bounceAround{0%{opacity:0;transform:translate(0) rotate(0deg)}12.5%{opacity:.8;transform:translate(50px,-30px) rotate(2deg)}25%{opacity:1;transform:translate(80px,20px) rotate(-1deg)}37.5%{opacity:.9;transform:translate(40px,60px) rotate(1.5deg)}50%{opacity:.3;transform:translate(-20px,40px) rotate(-2deg)}62.5%{opacity:1;transform:translate(-60px,10px) rotate(.5deg)}75%{opacity:.8;transform:translate(-40px,-40px) rotate(-1.5deg)}87.5%{opacity:.6;transform:translate(-10px,-60px) rotate(1deg)}to{opacity:0;transform:translate(0) rotate(0deg)}}.toggle-form-section{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1rem;text-align:center}.toggle-form-button{background:none;border:none;color:#2196f3;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.toggle-form-button:hover{color:#1976d2;text-decoration:none}.left-margin{background:#b3c7f7;float:left;height:100vh;min-height:100vh;width:220px}.sidebar,.sidebar ul{margin:0;padding:0}.sidebar ul{list-style:none}.sidebar li{border-bottom:1px solid #ffffff1a;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.sidebar li:hover{background-color:#ffffff1a}.sidebar li.active{background-color:#fff3;font-weight:700}.admin-section{padding:0!important}.admin-header{background-color:#ffffff0d;border-bottom:1px solid #ffffff1a;cursor:pointer;font-weight:600;padding:12px 16px;transition:background-color .2s ease}.admin-header:hover{background-color:#ffffff1a}.admin-header.open{background-color:#ffffff26}.arrow{font-size:10px;transition:transform .2s ease}.admin-submenu{background-color:#0000001a;border-left:3px solid #ffffff4d}.admin-submenu li{border-bottom:1px solid #ffffff0d;font-size:14px;padding:10px 24px}.admin-submenu li:hover{background-color:#ffffff1a}.admin-submenu li.active{background-color:#fff3;border-left:3px solid #fff;font-weight:700}.log-level-selector{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:12px 0;padding:16px}.log-level-selector.embedded{background:#0000;border:none;margin:8px 0;padding:8px 0}.log-level-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.log-level-title{align-items:center;color:#495057;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.log-level-stats{color:#6c757d;font-size:12px}.total-logs{background:#e9ecef;border-radius:12px;font-weight:500;padding:2px 8px}.log-level-description{margin-bottom:16px}.log-level-description p{color:#6c757d;font-size:14px;line-height:1.4;margin:0}.log-level-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.log-level-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.log-level-option:hover{border-color:#dee2e6;box-shadow:0 2px 4px #0000001a}.log-level-option.selected{background:#f0f7ff;border-color:#4a90e2;box-shadow:0 2px 8px #4a90e233}.log-level-radio{align-items:center;display:flex;gap:8px}.log-level-radio input[type=radio]{height:16px;margin:0;width:16px}.log-level-indicator{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000001a;height:12px;width:12px}.log-level-content{flex:1 1}.log-level-label{color:#495057;font-size:14px;font-weight:600;margin-bottom:2px}.log-level-desc{color:#6c757d;font-size:12px;line-height:1.3}.log-level-count{color:#28a745;font-size:11px;font-weight:500;margin-top:4px}.log-level-features{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:16px;padding:12px}.feature-item{align-items:center;color:#495057;display:flex;font-size:12px;gap:8px;margin-bottom:8px}.feature-item:last-child{margin-bottom:0}.feature-icon{font-size:14px;min-width:20px}.feature-text{line-height:1.4}.log-level-actions{border-top:1px solid #e9ecef;display:flex;gap:8px;padding-top:12px}.log-action-button{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s ease}.log-action-button:hover{background:#f8f9fa;border-color:#adb5bd}.log-action-button:active{transform:translateY(1px)}@media (max-width:768px){.log-level-option{padding:10px}.log-level-actions{flex-direction:column}.log-action-button{width:100%}}.integration-logger-manager{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin-top:16px}.logger-manager-header{align-items:center;background:#fff;border-bottom:1px solid #e1e5e9;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.logger-manager-header h4{color:#333;font-size:14px;font-weight:600;margin:0}.add-logger-button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.add-logger-button:hover{background:#218838}.loggers-list{padding:12px}.no-loggers{color:#6c757d;padding:24px 16px;text-align:center}.no-loggers p{font-size:13px;margin:4px 0}.no-loggers .hint{font-size:12px;font-style:italic}.logger-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:box-shadow .2s}.logger-item:hover{box-shadow:0 2px 4px #0000001a}.logger-info{flex:1 1}.logger-name{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.logger-description{color:#6c757d;font-size:12px;line-height:1.3;margin-bottom:6px}.logger-stats{display:flex;font-size:11px;gap:12px}.log-count{color:#17a2b8;font-weight:500}.log-level{color:#6f42c1;font-weight:500}.status.enabled{color:#28a745;font-weight:500}.status.disabled{color:#dc3545;font-weight:500}.logger-actions{display:flex;gap:6px}.logger-actions button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 8px;transition:all .2s}.logger-actions button:hover:not(:disabled){background:#e9ecef}.logger-actions button:disabled{cursor:not-allowed;opacity:.5}.logger-actions .delete-button:hover{background:#f5c6cb;border-color:#f1b0b7}.create-logger-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.create-logger-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:90vw;overflow:hidden;width:500px}.create-logger-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:16px 20px}.create-logger-header h3{color:#333;font-size:16px;margin:0}.close-button{color:#6c757d}.create-logger-body{max-height:400px;overflow-y:auto;padding:20px}.form-group input,.form-group label,.form-group select,.form-group textarea{font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#80bdff}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.form-checkboxes{display:flex;flex-direction:column;gap:8px}.form-checkboxes .checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:13px}.form-checkboxes .checkbox-label input{margin-right:8px;width:auto}.create-logger-footer{background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.create-logger-footer button{border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.create-logger-footer button.primary{background:#007bff;border-color:#007bff;color:#fff}.create-logger-footer button.primary:hover{background:#0056b3;border-color:#0056b3}.log-viewer-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.log-viewer-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;height:600px;max-height:90vh;max-width:95vw;width:800px}.log-viewer-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.log-viewer-header h3{color:#333;font-size:16px;margin:0}.log-viewer-body{background:#fafafa;flex:1 1;overflow-y:auto;padding:16px}.no-logs{color:#6c757d;font-size:14px}.logs-list{display:flex;flex-direction:column;gap:8px}.log-entry{background:#fff;border:1px solid #e1e5e9;border-radius:6px;font-size:12px;padding:12px}.log-entry.log-error{border-left:4px solid #dc3545}.log-entry.log-info{border-left:4px solid #17a2b8}.log-entry.log-debug{border-left:4px solid #ffc107}.log-entry.log-trace{border-left:4px solid #6c757d}.log-timestamp{color:#6c757d;font-family:monospace;font-size:11px;margin-bottom:4px}.log-level-badge{border-radius:3px;display:inline-block;font-size:10px;font-weight:600;margin-bottom:4px;padding:2px 6px}.log-entry.log-error .log-level-badge{background:#f8d7da;color:#721c24}.log-entry.log-info .log-level-badge{background:#d1ecf1;color:#0c5460}.log-entry.log-debug .log-level-badge{background:#fff3cd;color:#856404}.log-entry.log-trace .log-level-badge{background:#e2e3e5;color:#383d41}.log-message{color:#333;line-height:1.4;margin-bottom:8px}.log-data{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-top:8px;padding:8px}.log-data pre{color:#495057;font-family:Consolas,Monaco,Courier New,monospace;font-size:11px;margin:0;white-space:pre-wrap;word-break:break-word}.log-viewer-footer{background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.log-viewer-footer button{background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.log-viewer-footer button:hover{background:#e9ecef}.properties-panel{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;border-radius:8px;box-shadow:-4px 0 20px #0000001a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;margin:0;max-height:100vh;position:fixed;transform:translateX(0);transition:all .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:1000}.properties-panel.dragging{border-radius:12px;box-shadow:0 8px 32px #0003;height:100vh;max-height:100vh;position:fixed;transition:none;z-index:1002}.properties-panel.embedded{background:linear-gradient(135deg,#fff,#f8fafc);border:none;border-radius:12px;box-shadow:0 8px 32px #0000001f;height:100%;margin:0;max-height:none;position:relative;transform:none;width:100%}.properties-panel.closed{transform:translateX(100%)}.properties-panel:not(.embedded){height:100vh;max-height:100vh}.properties-content{scrollbar-color:#3b82f64d #0000;scrollbar-width:thin}.properties-content::-webkit-scrollbar-thumb{background-color:#3b82f64d}.properties-content::-webkit-scrollbar-thumb:hover{background-color:#3b82f680}.properties-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#334155;overflow:hidden;padding:20px 24px;position:relative}.properties-header.draggable-header{cursor:grab;-webkit-user-select:none;user-select:none}.properties-header.draggable-header:active{cursor:grabbing}.properties-header:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.properties-header h3{font-size:20px;font-weight:600;letter-spacing:-.025em;margin:0;pointer-events:none;text-shadow:0 1px 2px #0000001a}.close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3341551a;color:#334155;pointer-events:auto}.close-button:hover{background:#33415533;transform:scale(1.05)}.properties-panel.dragging .properties-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.properties-panel.dragging .properties-header h3{color:#fff}.properties-panel.dragging .close-button{background:#fff3;color:#fff}.properties-panel.dragging .close-button:hover{background:#ffffff4d}.card-navigation{background:#fffc;box-shadow:0 4px 16px #0000001a;gap:4px;margin:20px 20px 0;padding:6px}.card-tab{background:#0000;border:none;color:#64748b;font-weight:600;gap:10px;padding:14px 20px}.card-tab:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.card-tab:hover:before{opacity:.1}.card-tab:hover{color:#475569;transform:translateY(-1px)}.card-tab.active{box-shadow:0 4px 12px #667eea66}.card-tab.active:before{opacity:0}.card-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:18px}.properties-content{overflow-x:hidden;padding:0}.properties-content::-webkit-scrollbar{width:6px}.properties-content::-webkit-scrollbar-track{background:#0000}.properties-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.properties-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.properties-content.embedded-content{background:#0000;padding:0}.node-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#475569;font-size:14px;margin:20px 20px 0;padding:16px 20px}.node-info code{background:#667eea1a;border:1px solid #667eea33;border-radius:6px;color:#667eea;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:12px;font-weight:500;padding:4px 8px}.properties-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #00000014;margin:20px;overflow:hidden;padding:24px}.property-group{margin-bottom:32px;position:relative}.property-group:last-child{margin-bottom:0}.property-header{align-items:center;border-bottom:2px solid #667eea1a;padding-bottom:12px}.property-header h4{align-items:center;color:#334155;display:flex;font-weight:700;gap:8px;letter-spacing:-.025em}.checkbox-label{color:#475569;font-weight:600;padding:8px 0;position:relative;transition:all .2s ease}.checkbox-label:hover{color:#334155}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #cbd5e1;border-radius:6px;box-sizing:border-box;flex-shrink:0;height:24px!important;min-height:24px!important;min-width:24px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px!important}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.05)}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label input[type=checkbox]:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.required-label{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.required-label input[type=checkbox]{height:18px;margin:0;width:18px}.property-input,.property-select,.property-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:10px;color:#334155;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.property-input:focus,.property-select:focus,.property-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.property-input::placeholder,.property-textarea::placeholder{color:#94a3b8;font-style:italic}.payload-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #e2e8f099;border-radius:8px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;margin-top:8px;min-height:120px;padding:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.payload-textarea:focus{background:#fffffff2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payload-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.modal-overlay{background:#0006;height:100vh;width:100vw}.modal-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:350px;padding:32px}.modal-content.large{max-height:80vh;max-width:700px;min-width:500px;overflow:auto}.modal-header{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:20px}.modal-buttons{margin-top:24px;text-align:right}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;text-transform:none;transition:all .2s ease}.modal-button.secondary{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.modal-button.secondary:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-1px)}.modal-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.modal-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.modal-button.primary:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.error-message{color:#ef4444;margin-top:8px}.response-header{align-items:center;display:flex;margin-bottom:20px}.response-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-right:12px;width:20px}.response-icon.success{background:linear-gradient(135deg,#3b82f6,#2563eb)}.response-icon.error{background:linear-gradient(135deg,#f59e0b,#d97706)}.response-title{font-size:18px;font-weight:600;margin:0}.response-title.success{color:#059669}.response-title.error{color:#dc2626}.response-message{border-radius:8px;font-size:14px;line-height:1.5;margin-bottom:16px;padding:16px}.response-message.success{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #05966933;color:#064e3b}.response-message.error{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #dc262633;color:#7f1d1d}.response-status{align-items:center;display:flex;font-size:14px;gap:12px;margin-bottom:16px}.status-badge.success{background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #0596694d;color:#064e3b}.status-badge.error{background:linear-gradient(135deg,#ef444426,#dc262626);border:1px solid #dc26264d;color:#7f1d1d}.property-field{margin-bottom:20px}.property-field label{color:#475569;display:block;font-weight:600;letter-spacing:.025em;margin-bottom:8px;text-transform:uppercase}.mode-checkboxes{grid-gap:16px;display:grid;gap:16px;margin-top:16px}.mode-checkbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:2px solid #e2e8f099;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-checkbox:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.mode-checkbox:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.mode-checkbox:hover:before{opacity:.05}.mode-checkbox input[type=checkbox],.mode-checkbox input[type=radio]{cursor:pointer;flex-shrink:0;height:20px;margin-right:16px;margin-top:2px;width:20px}.mode-checkbox input[type=radio]{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #cbd5e1;border-radius:50%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-checkbox input[type=radio]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.mode-checkbox input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.mode-checkbox input[type=radio]:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mode-checkbox input[type=checkbox]:checked+.mode-content .mode-label,.mode-checkbox input[type=radio]:checked+.mode-content .mode-label{color:#667eea;font-weight:700}.mode-content{flex:1 1}.mode-label{color:#334155;display:block;font-size:16px;font-weight:600;letter-spacing:-.025em;margin-bottom:6px}.mode-description{color:#64748b;font-size:13px;line-height:1.5;margin:0}.required-label input[type=checkbox]{cursor:pointer;height:14px;margin-right:4px;width:14px}.property-textarea{border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;min-height:60px;padding:8px}.property-textarea:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.property-textarea::placeholder{color:#999;font-style:italic}.properties-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #eee;gap:8px;padding:16px 20px}.properties-footer.embedded-footer{border-radius:0;padding:12px 0}.cancel-button,.save-button{border-radius:4px;padding:8px 16px;transition:background .2s}.save-button{background:#28a745;font-size:14px}.save-button:hover{background:#218838}@media (max-width:1200px){.properties-panel{width:300px}}@media (max-width:900px){.properties-panel{width:250px}.properties-content{padding:16px}.property-textarea{font-size:11px}}.property-field{display:flex;flex-direction:column;margin-bottom:16px}.property-field label{color:#374151;font-size:13px;font-weight:500;margin-bottom:4px}.property-input,.property-select{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:8px 12px;transition:border-color .2s ease;width:100%}.property-input:focus,.property-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.test-connection-btn{align-self:flex-start;background:#6b7280;border-radius:6px;color:#fff;font-size:12px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .2s ease}.test-connection-btn.connected{background:#3b82f6}.test-connection-btn.connecting{background:#f59e0b;cursor:not-allowed}.test-connection-btn.error{background:#f59e0b}.test-connection-btn:hover:not(:disabled){box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.mapping-config-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;font-weight:500;padding:8px 12px;transition:all .2s ease}.mode-selector{margin-top:8px}.mode-options{display:flex;flex-direction:column;gap:8px}.mode-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s ease}.mode-option:hover{background:#f8f9ff;border-color:#2196f3}.mode-option.selected{background:#e3f2fd;border-color:#2196f3}.mode-option input[type=radio]{margin-right:12px;scale:1.2}.mode-option .mode-icon{font-size:20px;margin-right:12px}.mode-info{flex:1 1}.mode-info strong{color:#333;display:block;font-size:14px;margin-bottom:2px}.mode-info small{color:#666;font-size:12px;line-height:1.3}.demo-info{background:#e8f5e8;border-left:4px solid #4caf50;border-radius:6px;margin-top:12px;padding:12px}.demo-description p{color:#2e7d32;margin:0 0 8px}.demo-description ul{color:#388e3c;font-size:12px;padding-left:16px}.demo-description li{margin-bottom:4px}.demo-data-btn:hover{background:#1976d2!important;transform:translateY(-1px)}.mapping-config-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.mapping-config-button:disabled{background:#9ca3af}.mapping-count{border-radius:10px;font-weight:600}.mapping-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;color:#92400e;font-size:12px}.mapping-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-top:8px;padding:12px}.mapping-confidence-display{color:#1e40af;font-size:13px}.mapping-rules-preview{display:flex;flex-direction:column;gap:4px}.mapping-rule-preview{background:#ffffffb3;border-radius:4px;color:#374151;font-family:Monaco,Courier New,monospace;font-size:11px;padding:4px 8px}.mapping-more{color:#6b7280;font-size:11px}.mapping-warnings-preview{color:#dc2626}.property-subgroup{margin-left:24px;margin-top:8px}.sub-checkbox{color:#666;font-weight:400}.sub-checkbox input[type=checkbox]{box-sizing:border-box;flex-shrink:0;height:20px!important;min-height:20px!important;min-width:20px!important;width:20px!important}.mode-checkboxes{display:flex;flex-direction:column;gap:12px;margin-top:8px}.mode-checkbox{align-items:flex-start;background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:all .2s ease}.mode-checkbox:hover{background:#f5f9ff;border-color:#2196f3}.mode-checkbox input[type=checkbox]{cursor:pointer;height:16px;margin-right:12px;margin-top:2px;width:16px}.mode-checkbox input[type=checkbox]:checked+.mode-label{color:#2196f3}.test-mode-config{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffbebcc,#fef9c3cc);border:2px solid #fbbf244d;border-radius:16px;margin-top:20px;padding:20px}.test-connection-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.05em;margin-top:16px;overflow:hidden;padding:14px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.test-connection-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.test-connection-btn:hover:before{left:100%}.test-connection-btn.disconnected{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.test-connection-btn.connecting{animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.test-connection-btn.connected{background:linear-gradient(135deg,#059669,#047857);color:#fff}.test-connection-btn.error{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.test-connection-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.properties-footer{justify-content:flex-end}.cancel-button,.save-button{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.05em;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d}.save-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.demo-info{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border:2px solid #3b82f633;border-radius:16px;margin-top:16px;padding:20px}.demo-description p{color:#334155;font-weight:600;margin:0 0 12px}.demo-description ul{color:#64748b;margin:0;padding:0 0 0 20px}.demo-description li{line-height:1.5;margin-bottom:8px}.demo-data-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:none!important;border-radius:10px!important;color:#fff!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;letter-spacing:.05em!important;margin-top:16px!important;padding:10px 16px!important;text-transform:uppercase!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.demo-data-btn:hover{box-shadow:0 6px 20px #3b82f666!important;transform:translateY(-2px)!important}.mapping-config-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.mapping-config-button:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.mapping-config-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.mapping-count{background:#fff3;border-radius:4px;font-size:10px;padding:2px 6px}.mapping-summary{background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;margin-top:12px;padding:16px}.mapping-confidence-display{color:#8b5cf6;font-weight:600;margin-bottom:8px}.mapping-rules-preview{color:#64748b;font-size:12px}.mapping-rule-preview{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;padding:4px 0}.mapping-more{color:#8b5cf6;font-style:italic;font-weight:500;margin-top:4px}.mapping-warnings-preview{color:#f59e0b;font-size:12px;font-weight:500;margin-top:8px}.mapping-warning{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#f59e0b;font-size:13px;margin-top:8px;padding:8px 12px}.sub-checkbox{color:#64748b;font-size:13px;font-weight:500;margin-top:12px}.sub-checkbox input[type=checkbox]{height:20px;width:20px}.property-subgroup{background:#f8fafccc;border:1px solid #e2e8f099;border-radius:12px;margin-top:16px;padding:16px}.payload-format-label{font-size:13px;font-weight:500}.payload-format-select{margin-bottom:8px;margin-left:8px}.response-dialog-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.response-dialog-content{background:#fff;border-radius:8px;box-shadow:0 2px 16px #888;max-height:80vh;max-width:700px;min-width:500px;overflow:auto;padding:24px}.response-dialog-header{align-items:center;display:flex;margin-bottom:16px}.response-dialog-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-right:8px;width:20px}.response-dialog-icon.success{background-color:#28a745}.response-dialog-icon.error{background-color:#dc3545}.response-dialog-title{margin:0}.response-dialog-title.success{color:#28a745}.response-dialog-title.error{color:#dc3545}.response-message-container{margin-bottom:16px}.response-message{border:1px solid;border-radius:4px;padding:12px}.response-message.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.response-message.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.response-http-status{font-size:14px;margin-bottom:12px}.response-status-badge{border-radius:3px;font-size:12px;font-weight:700;margin-left:8px;padding:2px 6px}.response-status-badge.success{background-color:#d4edda;color:#155724}.response-status-badge.error{background-color:#f8d7da;color:#721c24}.response-endpoint{font-size:14px;margin-bottom:12px}.response-endpoint-value{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:monospace;font-size:12px;margin-top:4px;padding:8px;word-break:break-all}.response-data-container{font-size:14px;margin-bottom:16px}.response-data-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:monospace;font-size:12px;margin-top:4px;max-height:200px;overflow:auto;padding:12px}.response-data-pre{word-wrap:break-word;margin:0;white-space:pre-wrap}.response-timestamp{color:#666;font-size:14px;margin-bottom:16px}.response-dialog-footer{margin-top:16px;text-align:right}.response-dialog-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 18px}.display-name-label{color:#333;font-size:14px;font-weight:600}.property-description,.property-description-small{color:#666;font-size:11px;margin-top:4px}.test-mode-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:11px;margin-bottom:8px;padding:8px}.test-mode-format-container{align-items:center;display:flex;margin-bottom:8px}.test-mode-format-label{font-size:13px;margin-right:8px}.test-mode-format-select{font-size:13px;padding:8px 12px}.test-mode-edit-button{background:#fff;border:1px solid #2196f3;border-radius:4px;color:#2196f3;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 8px}.test-mode-textarea{font-family:monospace;font-size:12px}.test-mode-textarea.error{border:2px solid #ef4444}.error-message{color:#e74c3c;font-size:11px;margin-top:4px}.format-container{align-items:center;display:flex;margin-bottom:8px}.format-label{font-size:13px;font-weight:500;margin-right:8px}.monospace-textarea{font-family:monospace;font-size:13px}.error-text{color:#e74c3c}.demo-data-btn,.demo-data-button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:8px 16px}.conditional-header-info{align-items:center;display:flex;gap:8px}.rules-count-badge{background:#ddd6fe;border-radius:12px;color:#6b21a8;font-size:12px;font-weight:600;padding:4px 12px}.logic-operator-badge{background:#fef3c7;border-radius:8px;color:#92400e;font-size:11px;font-weight:600;padding:4px 8px}.conditional-rules-overview{display:flex;flex-direction:column;gap:24px;margin-top:16px}.overview-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.overview-description{line-height:1.4}.rules-preview-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.rules-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rules-preview-header h5{color:#334155;font-size:16px;font-weight:600;margin:0}.configure-rules-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.configure-rules-button:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.no-rules-preview{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;display:flex;gap:16px;padding:24px}.no-rules-icon{font-size:32px;opacity:.6}.no-rules-text p{color:#334155;font-size:14px;margin:0 0 8px}.no-rules-subtitle{color:#64748b!important;font-size:13px!important;line-height:1.4}.rules-preview-list{display:flex;flex-direction:column;gap:12px}.rule-preview-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;transition:all .2s ease}.rule-preview-item:hover{background:#faf5ff;border-color:#7c3aed}.rule-preview-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.rule-field-preview{background:#ddd6fe;color:#6b21a8}.rule-field-preview,.rule-operator-preview{border-radius:6px;font-size:12px;font-weight:500;padding:3px 8px}.rule-operator-preview{background:#fef3c7;color:#92400e}.rule-value-preview{background:#dcfce7;border-radius:6px;color:#166534;font-size:12px;font-weight:500;padding:3px 8px}.rule-description-preview{color:#64748b;font-size:12px;font-style:italic;margin-top:4px}.more-rules-indicator{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:13px;font-style:italic;padding:8px;text-align:center}.rules-logic-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:13px;margin-top:12px;padding:12px}.logic-explanation{color:#3b82f6;font-weight:400}.evaluation-status-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.evaluation-status-section h5{color:#334155;font-size:16px;font-weight:600;margin:0 0 16px}.evaluation-status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{border:1px solid #e2e8f0}.status-label{color:#64748b;font-size:13px;font-weight:500}.status-value{color:#334155;font-size:13px;font-weight:600}.status-value.enabled,.status-value.ready{color:#059669}.status-value.disabled,.status-value.not-ready{color:#dc2626}.conditional-help-section{background:#fffbeb;border:1px solid #fed7aa;border-radius:12px;padding:20px}.help-categories{gap:8px}.help-category{line-height:1.4}.document-rules-overview{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;margin:16px;padding:24px}.overview-section{background:#eff6ff99;border:1px solid #3b82f633;border-radius:12px;margin-bottom:28px;padding:20px;transition:all .2s ease}.overview-section:hover{background:#eff6ffcc;border-color:#3b82f64d;transform:translateY(-1px)}.overview-description{color:#64748b;font-size:13px;font-style:italic;line-height:1.5;margin-top:8px}.document-types-section{background:#f0fdf499;border:1px solid #22c55e33;border-radius:12px;margin-bottom:28px;padding:20px}.document-types-header{margin-bottom:16px}.document-types-header h5{align-items:center;color:#065f46;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 6px}.document-types-header h5:before{content:"📄";font-size:14px}.document-types-description{color:#047857;font-size:13px;line-height:1.4}.checkbox-group{grid-gap:12px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:16px}.checkbox-group .checkbox-label{align-items:center;background:#fffc;border:2px solid #22c55e33;border-radius:8px;color:#065f46;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;letter-spacing:.5px;padding:10px 12px;text-transform:uppercase;transition:all .2s ease}.checkbox-group .checkbox-label:hover{background:#fff;border-color:#22c55e66;transform:translateY(-1px)}.checkbox-group .checkbox-label input[type=checkbox]{accent-color:#10b981;height:14px;width:14px}.checkbox-group .checkbox-label input[type=checkbox]:checked+span{color:#059669;font-weight:600}.checkbox-group-horizontal{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.checkbox-label-horizontal{align-items:center;background:#fffc;border:2px solid #22c55e33;border-radius:6px;color:#065f46;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;letter-spacing:.3px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.checkbox-label-horizontal:hover{background:#fff;border-color:#22c55e66;transform:translateY(-1px)}.checkbox-label-horizontal input[type=checkbox]{accent-color:#10b981;height:12px;width:12px}.checkbox-label-horizontal input[type=checkbox]:checked+span{color:#059669;font-weight:600}.file-size-section{background:#fef2f299;border:1px solid #ef444433;border-radius:12px;margin-bottom:28px;padding:20px}.file-size-header{margin-bottom:16px}.file-size-header h5{align-items:center;color:#991b1b;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 6px}.file-size-header h5:before{content:"📏";font-size:14px}.file-size-description{color:#dc2626;font-size:13px;line-height:1.4}.file-size-slider{background:linear-gradient(90deg,#fecaca,#ef4444 50%,#dc2626);border-radius:3px;cursor:pointer;height:6px;margin:16px 0;outline:none;width:100%}.file-size-slider::-webkit-slider-thumb{appearance:none;background:#dc2626;border-radius:50%;box-shadow:0 2px 8px #dc26264d;cursor:pointer;height:20px;width:20px}.file-size-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preset-button{background:#fffc;border:2px solid #ef444433;border-radius:6px;color:#991b1b;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.preset-button:hover{background:#fff;border-color:#ef444466;transform:translateY(-1px)}.preset-button.active{background:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #dc26264d;color:#fff}.extraction-fields-section{background:#fce7f399;border:1px solid #ec489933;border-radius:12px;margin-bottom:28px;padding:20px}.extraction-fields-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.extraction-fields-header h5{align-items:center;color:#be185d;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 6px}.extraction-fields-header h5:before{content:"🔧";font-size:14px}.extraction-fields-description{color:#ec4899;font-size:13px;line-height:1.4;margin-bottom:8px}.add-field-button{background:linear-gradient(135deg,#ec4899,#be185d);border-radius:8px;box-shadow:0 2px 8px #ec489933;font-size:13px}.add-field-button:hover{box-shadow:0 4px 16px #ec48994d;transform:translateY(-2px)}.extraction-fields-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.extraction-field-item{background:#ffffffe6;border:2px solid #ec48991a;border-radius:12px;padding:16px;transition:all .2s ease}.extraction-field-item:hover{background:#fff;border-color:#ec489933;box-shadow:0 4px 16px #ec48991a;transform:translateY(-1px)}.field-header{flex-wrap:wrap;gap:12px;margin-bottom:12px}.field-name-input{border:2px solid #ec489933;border-radius:6px;flex:1 1;font-size:13px;font-weight:500;min-width:120px;padding:8px 12px;transition:all .2s ease}.field-name-input:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a;outline:none}.field-type-select{background:#fff;border:2px solid #ec489933;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s ease}.field-type-select:focus{border-color:#ec4899;outline:none}.remove-field-button{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-field-button:hover{background:#dc2626;transform:scale(1.1)}.field-details{border-top:1px solid #ec48991a;display:flex;flex-direction:column;gap:12px;padding-top:12px}.field-options-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.extraction-method-select,.fallback-input,.pattern-input{border:2px solid #ec489933;border-radius:6px;font-size:13px;padding:8px 12px;transition:all .2s ease}.extraction-method-select:focus,.fallback-input:focus,.pattern-input:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a;outline:none}.ai-prompt-textarea{border:2px solid #ec489933;border-radius:6px;font-family:inherit;font-size:13px;padding:8px 12px;resize:vertical;transition:all .2s ease}.ai-prompt-textarea:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a;outline:none}.no-fields-message{background:#f8fafccc;border:2px dashed #94a3b84d;border-radius:12px;color:#94a3b8;font-style:italic;line-height:1.5;padding:32px;text-align:center}.output-configuration-section{background:#e7e5ff99;border:1px solid #8b5cf633;border-radius:12px;margin-bottom:28px;padding:20px}.output-configuration-header h5{align-items:center;color:#6d28d9;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.output-configuration-header h5:before{content:"⚙️";font-size:14px}.output-format-selection{align-items:center;display:flex;gap:12px;margin-bottom:16px}.output-format-selection label{color:#6d28d9;font-size:13px;font-weight:600}.output-format-select{background:#fff;border:2px solid #8b5cf633;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;padding:8px 12px;transition:all .2s ease}.output-format-select:focus{border-color:#8b5cf6;outline:none}.confidence-threshold-section{margin-top:16px}.confidence-threshold-section label{color:#6d28d9;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.confidence-slider{background:linear-gradient(90deg,#e0e7ff,#8b5cf6 50%,#6d28d9);border-radius:3px;cursor:pointer;height:6px;margin-bottom:8px;outline:none;width:100%}.confidence-slider::-webkit-slider-thumb{appearance:none;background:#8b5cf6;border-radius:50%;box-shadow:0 2px 8px #8b5cf64d;cursor:pointer;height:20px;width:20px}.confidence-description{color:#8b5cf6;font-size:12px;font-style:italic;line-height:1.4}.input-rules-overview{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;margin:16px;padding:24px}.input-validation-toggle-section{background:#ecfeff99;border:1px solid #0ea5e933;border-radius:12px;margin-bottom:32px;padding:24px;transition:all .3s ease}.input-validation-toggle-section:hover{background:#ecfeffcc;border-color:#0ea5e94d;box-shadow:0 4px 12px #0ea5e91a;transform:translateY(-1px)}.toggle-header h5{align-items:center;color:#0c4a6e;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.toggle-header h5:before{content:"🎛️";font-size:15px}.toggle-description{color:#0369a1;font-size:13px;line-height:1.5;margin-bottom:16px}.validation-toggle-container{display:flex;flex-direction:column;gap:12px}.validation-toggle-label{align-items:center;background:#fffc;border:2px solid #0ea5e933;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.validation-toggle-label:hover{background:#fff;border-color:#0ea5e966}.validation-toggle-input{display:none}.validation-toggle-slider{background:#cbd5e1;border-radius:24px;height:24px;position:relative;transition:background .3s ease;width:48px}.validation-toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.validation-toggle-input:checked+.validation-toggle-slider{background:#3b82f6}.validation-toggle-input:checked+.validation-toggle-slider:after{transform:translateX(24px)}.validation-toggle-text{color:#0c4a6e;font-size:14px;font-weight:600}.validation-impact{color:#64748b;font-size:12px;font-style:italic;margin-left:60px}.required-input-section{background:#ecfdf599;border:1px solid #22c55e33;border-radius:12px;margin-bottom:32px;padding:24px}.required-input-header h5{align-items:center;color:#065f46;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.required-input-header h5:before{content:"🎯";font-size:15px}.required-input-description{color:#047857;font-size:13px;line-height:1.5;margin-bottom:20px}.input-type-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.input-type-card{background:#ffffffe6;border:2px solid #22c55e33;border-radius:12px;cursor:pointer;display:block;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.input-type-card:hover{background:#fff;border-color:#22c55e66;box-shadow:0 8px 24px #22c55e1a;transform:translateY(-2px)}.input-type-card.selected{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633}.input-type-card.selected:before{background:linear-gradient(90deg,#3b82f6,#2563eb);content:"";height:3px;left:0;position:absolute;right:0;top:0}.input-type-radio{display:none}.input-type-content{align-items:flex-start;display:flex;gap:16px;position:relative}.input-type-icon{font-size:24px;margin-top:4px}.input-type-info{flex:1 1}.input-type-title{color:#065f46;font-size:15px;font-weight:600;margin-bottom:6px}.input-type-description{color:#047857;font-size:13px;line-height:1.4;margin-bottom:4px}.input-type-example{color:#6b7280;font-size:11px;font-style:italic}.input-type-indicator{align-items:center;background:#3b82f6;border-radius:50%;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:-4px;top:-4px;transform:scale(.8);transition:all .3s ease;width:24px}.input-type-card.selected .input-type-indicator{opacity:1;transform:scale(1)}.selected-indicator{font-size:12px}.additional-types-section{background:#fff7ed99;border:1px solid #f59e0b33;border-radius:12px;margin-bottom:32px;padding:24px}.additional-types-header h5{align-items:center;color:#92400e;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.additional-types-header h5:before{content:"🔄";font-size:15px}.additional-types-description{color:#a16207;font-size:13px;line-height:1.5;margin-bottom:20px}.additional-types-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.additional-type-option{background:#fffc;border:2px solid #f59e0b33;border-radius:10px;cursor:pointer;display:block;padding:16px;position:relative;transition:all .2s ease}.additional-type-option:hover{background:#fff;border-color:#f59e0b66;transform:translateY(-1px)}.additional-type-option.selected{background:#f59e0b0d;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b26}.additional-type-checkbox{display:none}.additional-type-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.additional-type-icon{font-size:18px}.additional-type-label{color:#92400e;flex:1 1;font-size:13px;font-weight:500}.additional-type-status{align-items:center;background:#f59e0b1a;border-radius:50%;color:#a16207;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;transition:all .2s ease;width:20px}.additional-type-option.selected .additional-type-status{background:#f59e0b;color:#fff}.validation-summary-section{background:#f8fafccc;border:1px solid #94a3b84d;border-radius:12px;margin-bottom:32px;padding:24px}.summary-header h5{align-items:center;color:#475569;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.summary-header h5:before{content:"📊";font-size:15px}.summary-description{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:20px}.summary-grid{grid-gap:16px;gap:16px}.summary-card{background:#ffffffe6;border:1px solid #94a3b833;gap:12px}.summary-card:hover{background:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.summary-card.primary{background:#eff6ff99;border-color:#3b82f64d}.summary-card.validation{background:#ecfdf599;border-color:#22c55e4d}.summary-card.additional{background:#fff7ed99;border-color:#f59e0b4d}.summary-card.status{background:#faf5ff99;border-color:#a855f74d}.summary-icon{font-size:20px}.summary-label{margin-bottom:4px}.summary-value{font-size:14px;text-transform:capitalize}.validation-guide-section{background:#fefce8cc;border:1px solid #facc154d;border-radius:12px;padding:24px}.guide-header h5{color:#a16207}.guide-description{color:#a16207;font-size:13px;line-height:1.5}.guide-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.guide-card{background:#ffffffe6;border:1px solid #facc1533}.guide-card:hover{background:#fff;border-color:#facc1566;transform:translateY(-1px)}.guide-card.payload{border-left:4px solid #3b82f6}.guide-card.email{border-left:4px solid #f59e0b}.guide-icon{font-size:18px}.guide-title{color:#a16207;font-size:14px}.guide-content{gap:6px}.guide-point{color:#92400e;padding-left:4px}.validation-warning{background:#fef2f2cc;border:1px solid #f871714d;gap:8px;margin-top:16px;padding:12px 16px}.warning-icon{color:#dc2626}.warning-text{font-size:12px;line-height:1.4}.rules-status-section{background:#f0f9ff99;border:1px solid #0ea5e933;border-radius:12px;margin-bottom:28px;padding:20px}.rules-status-section h5{align-items:center;color:#0c4a6e;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 16px}.rules-status-section h5:before{content:"📊";font-size:14px}.rules-status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-item{background:#fffc;border:1px solid #0ea5e91a;border-radius:8px;justify-content:space-between;padding:12px;transition:all .2s ease}.status-item:hover{background:#fff;border-color:#0ea5e933;transform:translateY(-1px)}.rules-help-section{background:#fffbebcc;border:1px solid #f59e0b4d;border-radius:12px;margin-bottom:16px;padding:20px}.help-title{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.help-categories{display:flex;flex-direction:column;gap:12px}.help-category{border-bottom:1px solid #f59e0b1a;color:#a16207;font-size:13px;line-height:1.5;padding:8px 0}.help-category:last-child{border-bottom:none}.help-category strong{color:#92400e;font-weight:600}@media (max-width:768px){.conditional-header-info{align-items:flex-start;flex-direction:column;gap:6px}.rules-preview-header{align-items:stretch;flex-direction:column;gap:12px}.no-rules-preview{flex-direction:column;gap:12px;text-align:center}.rule-preview-content{align-items:flex-start;flex-direction:column;gap:6px}.evaluation-status-grid{grid-template-columns:1fr}.document-rules-overview{margin:8px;padding:16px}.checkbox-group{gap:8px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.field-header{gap:8px}.extraction-fields-header,.field-header,.output-format-selection{align-items:stretch;flex-direction:column}.output-format-selection{gap:8px}.rules-status-grid{grid-template-columns:1fr}}.queue-selection-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;margin:16px 0;padding:20px;transition:all .3s ease}.queue-selection-section:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.queue-selection-header{margin-bottom:16px}.queue-selection-header h5{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.queue-selection-description{color:#64748b;font-size:14px;line-height:1.5}.queue-assignment-container{display:flex;flex-direction:column;gap:16px}.processing-mode-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .3s ease}.processing-mode-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.checkbox-label{color:#1e293b;gap:10px;margin-bottom:8px}.processing-mode-description{color:#64748b;font-size:13px;line-height:1.4;margin-left:28px}.queue-selector-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.queue-selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.queue-selector-header label{color:#1e293b;font-size:14px;font-weight:500}.queue-actions{gap:8px}.create-queue-btn,.refresh-queues-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.refresh-queues-btn:hover{background:#e2e8f0;border-color:#94a3b8}.create-queue-btn{background:#3b82f6;border-color:#3b82f6}.create-queue-btn:hover{background:#2563eb;border-color:#2563eb}.refresh-queues-btn:disabled{cursor:not-allowed;opacity:.6}.queue-dropdown-container{display:flex;flex-direction:column;gap:12px}.queue-selector{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1e293b;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.queue-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.queue-selector:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.selected-queue-info{margin-top:12px}.queue-info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:8px;padding:16px;transition:all .3s ease}.queue-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.queue-name{color:#0c4a6e;font-size:14px;font-weight:600}.queue-status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.queue-status.active{background:#dcfce7;color:#166534}.queue-status.paused{background:#fef3c7;color:#92400e}.queue-status.stopped{background:#fecaca;color:#991b1b}.queue-info-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.queue-detail{align-items:center;display:flex;font-size:13px;justify-content:space-between}.detail-label{color:#475569}.detail-value{color:#0c4a6e}.processing-behavior-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.behavior-header h6{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 12px}.behavior-options{gap:12px}.behavior-option{background:#f8fafc;border-radius:6px;padding:12px;transition:background .2s ease}.behavior-option:hover{background:#f1f5f9}.behavior-icon{font-size:16px;margin-top:2px}.behavior-details{flex:1 1}.no-queues-message{align-items:center;background:linear-gradient(135deg,#fef7cd,#fef3c7);border:1px solid #f59e0b;border-radius:8px;display:flex;flex-direction:column;margin-top:16px;padding:32px 16px;text-align:center}.no-queues-icon{font-size:48px;margin-bottom:16px;opacity:.8}.no-queues-text{max-width:280px}.no-queues-title{color:#92400e;font-size:16px;font-weight:600;margin-bottom:8px}.no-queues-description{color:#a16207;font-size:14px;line-height:1.5;margin-bottom:16px}.create-first-queue-btn{align-items:center;background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s ease}.create-first-queue-btn:hover{background:#d97706;transform:translateY(-1px)}.quick-queue-creation-form{background:#fff;border:2px solid #3b82f6;border-radius:8px;box-shadow:0 4px 12px #3b82f61a;margin:16px 0;padding:20px}.quick-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quick-form-title{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px}.close-quick-form{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:18px;padding:4px;transition:all .2s ease}.close-quick-form:hover{background:#f1f5f9;color:#1e293b}.quick-form-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.quick-form-field{display:flex;flex-direction:column;gap:6px}.quick-form-field label{color:#374151;font-size:14px;font-weight:500}.quick-form-field input,.quick-form-field select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.quick-form-field input:focus,.quick-form-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quick-form-actions{display:flex;gap:12px;justify-content:flex-end}.quick-form-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.quick-form-btn.cancel{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.quick-form-btn.cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.quick-form-btn.create{background:#3b82f6;border-color:#3b82f6;color:#fff}.quick-form-btn.create:hover{background:#2563eb;border-color:#2563eb}.quick-form-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.queue-selection-section{margin:12px;padding:16px}.queue-actions{flex-direction:column;gap:6px}.create-queue-btn,.refresh-queues-btn{font-size:11px;padding:6px 10px}.queue-info-details{grid-template-columns:1fr}.behavior-options{gap:8px}.behavior-option{padding:10px}.no-queues-message{padding:24px 12px}.quick-form-actions{flex-direction:column}}.ocr-configuration-section{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:2px solid #6366f133;border-radius:16px;margin-top:24px;padding:20px}.ocr-config-header{margin-bottom:20px}.ocr-config-header h5{align-items:center;color:#334155;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.ocr-config-description{color:#64748b;font-size:13px;line-height:1.4}.ocr-options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.ocr-option-group{display:flex;flex-direction:column;gap:8px}.ocr-option-group label{color:#475569;font-size:13px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.document-type-select,.language-select,.ocr-engine-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.document-type-select:focus,.language-select:focus,.ocr-engine-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a;outline:none;transform:translateY(-1px)}.option-description{background:#fff9;border:1px solid #e2e8f080;border-radius:8px;color:#64748b;font-size:12px;line-height:1.4;margin-top:4px;padding:8px 12px}.preprocessing-section{background:#ffffffb3;border:1px solid #e2e8f099;border-radius:12px;margin-top:24px;padding:20px}.preprocessing-section h6{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.preprocessing-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.preprocessing-option{display:flex;flex-direction:column;gap:8px}.preprocessing-option label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.brightness-slider,.contrast-slider,.dpi-slider{background:#e2e8f0;border-radius:3px;cursor:pointer;height:6px;outline:none;transition:all .3s ease;width:100%}.brightness-slider::-webkit-slider-thumb,.contrast-slider::-webkit-slider-thumb,.dpi-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 8px #6366f14d;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.brightness-slider::-webkit-slider-thumb:hover,.contrast-slider::-webkit-slider-thumb:hover,.dpi-slider::-webkit-slider-thumb:hover{box-shadow:0 6px 12px #6366f166;transform:scale(1.1)}.brightness-slider::-moz-range-thumb,.contrast-slider::-moz-range-thumb,.dpi-slider::-moz-range-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;box-shadow:0 4px 8px #6366f14d;cursor:pointer;height:20px;width:20px}.brightness-value,.contrast-value,.dpi-value{background:#6366f11a;border:1px solid #6366f133;border-radius:6px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 8px;text-align:center}.preprocessing-checkboxes{display:flex;gap:20px;grid-column:1/-1;margin-top:8px}.preprocessing-checkboxes .checkbox-label{background:#fffc;border:2px solid #e2e8f099;border-radius:10px;flex:1 1;justify-content:center;padding:12px 16px;transition:all .3s ease}.preprocessing-checkboxes .checkbox-label:hover{background:#fffffff2;border-color:#6366f1;transform:translateY(-1px)}.preprocessing-checkboxes .checkbox-label input[type=checkbox]:checked+span{color:#6366f1;font-weight:600}.preprocessing-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.preprocessing-title-section{flex:1 1}.preprocessing-master-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0}.preprocessing-master-checkbox input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:16px;width:16px}.preprocessing-master-checkbox h6{color:#374151;font-size:14px;font-weight:600;margin:0;transition:color .2s ease}.preprocessing-master-checkbox input[type=checkbox]:checked+h6,.preprocessing-master-checkbox:hover h6{color:#6366f1}.preprocessing-section-header h6{flex:1 1;margin:0}.preprocessing-toggle{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #6366f133;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.preprocessing-toggle:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#6366f14d;transform:translateY(-1px)}.preprocessing-toggle.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.preprocessing-toggle.active:hover{background:linear-gradient(135deg,#5856eb,#7c3aed)}@media (max-width:768px){.ocr-options-grid,.preprocessing-grid{grid-template-columns:1fr}.preprocessing-checkboxes{flex-direction:column;gap:12px}}.field-extraction-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #6366f126;border-radius:12px;margin-top:16px;padding:16px}.field-preview-header{margin-bottom:12px}.field-preview-title{align-items:center;color:#475569;display:flex;font-size:13px;font-weight:600;gap:6px}.field-preview-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.field-tag{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid #6366f133;border-radius:8px;color:#6366f1;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.field-tag:hover{background:linear-gradient(135deg,#6366f126,#a855f726);box-shadow:0 2px 8px #6366f133;transform:translateY(-1px)}.field-preview-note{align-items:flex-start;background:#f9fafbcc;border:1px solid #d1d5db99;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:12px}.note-icon{font-size:14px;margin-top:1px}.note-text{color:#64748b;flex:1 1;font-size:12px;line-height:1.4}@media (max-width:480px){.field-preview-list{flex-direction:column}.field-tag{justify-content:center}}.ocr-extraction-fields-section{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #e0e7ff;border-radius:12px;margin-top:20px;padding:20px}.ocr-extraction-fields-section .extraction-fields-header{margin-bottom:20px}.ocr-extraction-fields-section .extraction-fields-header h5{align-items:center;color:#4f46e5;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:8px}.ocr-extraction-fields-section .extraction-fields-description{color:#6b7280;font-size:14px;margin-bottom:15px}.ocr-extraction-fields-section .add-field-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.ocr-extraction-fields-section .add-field-button:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.ocr-extraction-fields-section .extraction-fields-table{margin-top:20px}.ocr-extraction-fields-section .fields-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.ocr-extraction-fields-section .fields-table th{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 8px;text-align:left;text-transform:uppercase}.ocr-extraction-fields-section .fields-table td{border-bottom:1px solid #e5e7eb;padding:8px;vertical-align:middle}.ocr-extraction-fields-section .field-row:hover{background-color:#f8f9ff}.ocr-extraction-fields-section .field-row:last-child td{border-bottom:none}.ocr-extraction-fields-section .table-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;font-size:13px;min-width:80px;padding:6px 8px;width:100%}.ocr-extraction-fields-section .table-input:focus{background:#fff;border-color:#4f46e5;outline:none}.ocr-extraction-fields-section .table-input.field-name{font-weight:500;min-width:120px}.ocr-extraction-fields-section .table-input.description{min-width:150px}.ocr-extraction-fields-section .table-input.fallback{min-width:100px}.ocr-extraction-fields-section .table-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:13px;min-width:110px;padding:6px 8px;width:100%}.ocr-extraction-fields-section .table-select:focus{border-color:#4f46e5;outline:none}.ocr-extraction-fields-section .table-select:disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.ocr-extraction-fields-section .table-checkbox{accent-color:#4f46e5;cursor:pointer;transform:scale(1.2)}.ocr-extraction-fields-section .table-action-button{background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.ocr-extraction-fields-section .table-action-button:hover{background:#fecaca;border-color:#f87171}.ocr-extraction-fields-section .additional-config-section{background:#f8f9ff80;border:1px solid #e0e7ff;border-radius:8px;margin-top:20px;padding:16px}.ocr-extraction-fields-section .additional-config-section h6{align-items:center;color:#4f46e5;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:12px}.ocr-extraction-fields-section .config-item{margin-bottom:12px}.ocr-extraction-fields-section .config-item label{color:#374151;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.ocr-extraction-fields-section .config-item .ai-prompt-textarea,.ocr-extraction-fields-section .config-item .pattern-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;padding:8px 12px;width:100%}.ocr-extraction-fields-section .config-item .ai-prompt-textarea{font-family:inherit;min-height:50px;resize:vertical}.ocr-extraction-fields-section .config-item .ai-prompt-textarea:focus,.ocr-extraction-fields-section .config-item .pattern-input:focus{border-color:#4f46e5;outline:none}@media (max-width:768px){.ocr-extraction-fields-section .fields-table{font-size:12px}.ocr-extraction-fields-section .fields-table td,.ocr-extraction-fields-section .fields-table th{padding:6px 4px}.ocr-extraction-fields-section .table-input,.ocr-extraction-fields-section .table-select{font-size:12px;min-width:60px}.ocr-extraction-fields-section .table-input.field-name{min-width:80px}.ocr-extraction-fields-section .table-input.description{min-width:100px}}.agent-hub-config{background:linear-gradient(135deg,#f0f7ff,#e0f2ff);border:2px solid #3b82f6;border-radius:12px;margin:15px 0;padding:20px}.agent-hub-config h3{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;box-shadow:0 2px 8px #3b82f633;color:#1d4ed8;color:#fff;font-size:16px;font-weight:700;margin:0 0 20px;padding:10px;text-align:center}.agent-hub-config h4{background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:6px;color:#1e40af;font-size:14px;font-weight:600;margin:20px 0 10px;padding:8px 12px}.checkbox-group{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox-label{color:#4b5563;font-size:12px;padding:4px 8px;transition:background-color .2s}.checkbox-label:hover{background:#3b82f61a}.checkbox-label input[type=checkbox]{margin-right:6px}.property-range{background:#e5e7eb;border-radius:3px;height:6px;margin:8px 0;outline:none;width:100%}.property-range::-webkit-slider-thumb{appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.range-value{background:#3b82f6;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-left:10px;min-width:20px;padding:2px 8px;text-align:center}.connected-systems-list{background:#fff;border:1px solid #d1d5db;border-radius:8px;margin:8px 0;max-height:200px;overflow-y:auto;padding:12px}.connected-system-item{align-items:center;background:#f9fafb;border-bottom:1px solid #f3f4f6;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.connected-system-item:last-child{border-bottom:none;margin-bottom:0}.status{border-radius:12px;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.status.connected{background:#dcfce7;color:#166534}.status.disconnected{background:#fee2e2;color:#991b1b}.status.pending{background:#fef3c7;color:#92400e}.remove-btn{background:#ef4444;font-size:11px;padding:4px 8px;transition:background-color .2s}.remove-btn:hover{background:#dc2626}.add-system-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:10px 16px;transition:all .2s;width:100%}.add-system-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.property-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:13px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.property-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.agent-hub-config .property-select{background:#fff;border:2px solid #d1d5db;border-radius:8px;font-weight:500;transition:all .2s}.agent-hub-config .property-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.agent-rules-overview{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;margin:16px;padding:24px}.rules-header-info{align-items:center;display:flex;gap:12px}.rules-status-badge{border-radius:6px;font-size:12px;letter-spacing:.05em;padding:4px 8px}.rules-status-badge.enabled{background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #0596694d;color:#064e3b}.rules-status-badge.disabled{background:linear-gradient(135deg,#9ca3af26,#6b728026);border:1px solid #6b72804d;color:#374151}.rule-type-section{margin-top:32px}.rule-type-header h5{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.rule-type-header h5:before{content:"🎯";font-size:15px}.rule-type-description{margin-bottom:20px}.rule-type-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:16px}.rule-type-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;margin:0;padding:16px;position:relative;transition:all .3s ease}.rule-type-card:hover{background:#3b82f605;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.rule-type-card.selected{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rule-type-radio{height:0;opacity:0;position:absolute;width:0}.rule-type-content{align-items:center;display:flex;gap:16px;width:100%}.rule-type-icon{align-items:center;background:#3b82f61a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.rule-type-card.selected .rule-type-icon{background:#3b82f633}.rule-type-info{flex:1 1;min-width:0}.rule-type-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.rule-type-description{color:#64748b;font-size:14px;margin-bottom:4px}.rule-type-capabilities{color:#94a3b8;font-size:12px;font-style:italic}.rule-type-indicator{flex-shrink:0}.selected-indicator{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.agent-behavior-section{background:#fef9c366;border:1px solid #f59e0b33;border-radius:12px;margin-top:32px;padding:24px}.behavior-header h5{align-items:center;color:#92400e;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.behavior-header h5:before{content:"⚙️";font-size:15px}.behavior-description{color:#a16207;font-size:14px;margin-bottom:20px}.behavior-settings{display:flex;flex-direction:column;gap:16px}.behavior-setting{background:#fffc;border:1px solid #f59e0b4d;border-radius:8px;padding:16px}.setting-description{color:#92400e;font-size:13px;font-style:italic;margin-top:8px}.agent-guide-section{margin-top:32px}.guide-header h5{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.guide-header h5:before{content:"💡";font-size:15px}.guide-description{color:#64748b;font-size:14px;margin-bottom:20px}.guide-cards{grid-template-columns:1fr;margin-top:20px}.guide-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.guide-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0000001a}.guide-card.workflow{border-left:4px solid #3b82f6}.guide-card.document{border-left:4px solid #10b981}.guide-card.data{border-left:4px solid #f59e0b}.guide-card.custom{border-left:4px solid #8b5cf6}.guide-card-header{gap:12px;margin-bottom:16px}.guide-icon{font-size:20px}.guide-title{color:#1e293b;font-size:16px}.guide-content{display:flex;flex-direction:column;gap:8px}.guide-point{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.guide-point:before{color:#10b981;content:"✓";font-weight:700}.validation-warning{align-items:center;background:#ef44440d;border:1px solid #ef444433;border-radius:8px;display:flex;gap:12px;margin-top:24px;padding:16px}.warning-icon{font-size:16px}.warning-text{color:#dc2626;font-size:13px}@media (max-width:768px){.agent-rules-overview{margin:8px;padding:16px}.rule-type-cards{gap:8px}.rule-type-card{padding:12px}.guide-cards{gap:12px}.guide-card{padding:16px}}.document-processing-section{background:linear-gradient(135deg,#fef9c34d,#f59e0b1a);border:1px solid #f59e0b33;border-radius:12px;margin-top:32px;padding:24px}.document-processing-header h5{align-items:center;color:#92400e;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 8px}.document-processing-header h5:before{content:"📄";font-size:15px}.document-processing-description{color:#a16207;margin-bottom:20px}.document-processing-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:16px}.document-processing-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;margin:0;padding:16px;position:relative;transition:all .3s ease}.document-processing-card:hover{background:#f59e0b05;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b1a;transform:translateY(-1px)}.document-processing-card.selected{background:#f59e0b0d;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.document-processing-radio{height:0;opacity:0;position:absolute;width:0}.document-processing-content{align-items:center;display:flex;gap:16px;width:100%}.document-processing-icon{align-items:center;background:#f59e0b1a;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.document-processing-card.selected .document-processing-icon{background:#f59e0b33}.document-processing-info{flex:1 1;min-width:0}.document-processing-title{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:4px}.document-processing-description{color:#64748b;font-size:14px;margin-bottom:4px}.document-processing-features{color:#94a3b8;font-size:12px;font-style:italic}.document-processing-indicator{flex-shrink:0}.document-processing-indicator .selected-indicator{align-items:center;background:#f59e0b;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}@media (max-width:768px){.document-processing-section{margin-top:24px;padding:16px}.document-processing-cards{gap:8px}.document-processing-card{padding:12px}.document-processing-content{gap:12px}.document-processing-icon{font-size:20px;height:40px;width:40px}}.save-status-indicator{border-radius:8px;font-size:13px;font-weight:500;gap:8px;padding:8px 12px}.save-status,.save-status-indicator{align-items:center;display:flex;transition:all .3s ease}.save-status{border-radius:20px;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.save-status.saving{animation:pulse-saving 1.5s infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.save-status.saving .save-spinner{animation:spin 1s linear infinite}.save-status.saved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-status.unsaved{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.save-check,.save-dot,.save-spinner{font-size:14px;font-weight:700}@keyframes pulse-saving{0%,to{opacity:1}50%{opacity:.7}}.properties-footer{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-top:1px solid #e2e8f099;display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.properties-footer.embedded-footer{background:#0000;border-top:none;justify-content:center;padding:24px 20px 0}.cancel-button{background:#94a3b81a;border:2px solid #94a3b84d;border-radius:10px;color:#64748b;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-button:hover{background:#94a3b833;color:#475569;transform:translateY(-1px)}@media (max-width:480px){.save-status-indicator{align-items:flex-start;flex-direction:column;gap:6px}.save-status{font-size:11px;padding:4px 8px}.properties-footer{flex-direction:column;gap:8px;padding:16px}}.variable-help{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:8px;padding:12px}.variable-help p{color:#495057;font-size:13px;font-weight:600;margin:0 0 8px}.variable-examples{display:flex;flex-direction:column;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;gap:4px}.variable-examples div{align-items:center;display:flex;gap:8px}.variable-examples code{background:#e9ecef;border-radius:4px;color:#6f42c1;font-weight:600;min-width:240px;padding:2px 6px;text-align:left}.variable-examples div:after{border-bottom:1px dotted #dee2e6;content:"";flex:1 1;margin:0 8px}.variable-examples div:last-child:after{content:none}.request-body-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.body-format-btn,.body-template-btn,.body-validate-btn,.import-swagger-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.body-format-btn:hover,.body-template-btn:hover,.body-validate-btn:hover,.import-swagger-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.import-swagger-btn{background:#3b82f6;border-color:#2563eb;color:#fff;margin-left:8px}.import-swagger-btn:hover{background:#2563eb;border-color:#1d4ed8}.request-body-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4}.test-connection-btn-small{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;font-size:11px;margin-top:8px;padding:6px 12px;transition:all .2s ease}.test-connection-btn-small:hover{background:#e2e8f0;border-color:#cbd5e1}.test-connection-btn-small.connecting{background:#fbbf24;border-color:#f59e0b;color:#92400e}.test-connection-btn-small.connected{background:#10b981;border-color:#059669;color:#fff}.test-connection-btn-small.failed{background:#ef4444;border-color:#dc2626;color:#fff}.test-connection-btn-small:disabled{cursor:not-allowed;opacity:.6}.get-token-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;font-size:11px;min-width:80px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.get-token-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.get-token-btn.fetching{background:#fbbf24;border-color:#f59e0b;color:#92400e}.get-token-btn.success{background:#10b981;border-color:#059669;color:#fff}.get-token-btn.error{background:#ef4444;border-color:#dc2626;color:#fff}.get-token-btn:disabled{cursor:not-allowed;opacity:.6}.swagger-help-note{background:#e3f2fd;border:1px solid #90caf9;border-radius:4px;color:#1565c0;font-size:12px;margin-top:8px;padding:8px 12px}.swagger-help-note a{color:#1976d2;font-weight:500;margin-left:4px;text-decoration:none}.swagger-help-note a:hover{text-decoration:underline}.output-mapping-help{background:#f8f9fa;border-left:3px solid #17a2b8;border-radius:4px;margin-bottom:8px;padding:8px}.output-mapping-help small{color:#6c757d;display:block;margin-bottom:4px}.output-mapping-help code{background:#e9ecef;border-radius:3px;color:#495057;font-size:11px;padding:2px 6px}.runtime-properties-header{background:linear-gradient(135deg,#f8f9ff,#f1f5f9);border-left:4px solid #4f46e5;border-radius:8px;margin-bottom:16px;padding:12px}.runtime-properties-header strong{align-items:center;color:#374151;display:flex;font-size:14px;gap:8px}.runtime-properties-header strong:before{content:"⚙️";font-size:16px}.runtime-properties-grid{grid-gap:12px;display:grid;gap:12px;margin-bottom:16px}.runtime-property-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.runtime-property-item:hover{border-color:#4f46e5;box-shadow:0 2px 8px #4f46e51a}.runtime-property-name{color:#4f46e5;font-family:Monaco,Consolas,monospace;font-size:13px;font-weight:600;margin-bottom:4px}.runtime-property-desc{color:#6b7280;font-size:12px;font-style:italic}.runtime-properties-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:6px;font-size:12px;line-height:1.5;padding:12px}.runtime-properties-note strong{color:#92400e}.variable-suggestions .variable-group{background:#f0f9ff;border-left:3px solid #0ea5e9;border-radius:6px;margin-bottom:12px;padding:8px}.variable-suggestions .variable-group strong{color:#0c4a6e;display:block;font-size:12px;margin-bottom:6px}.variable-suggestions .variable-group strong:before{content:"🔧";margin-right:6px}.agent-memory-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9}.runtime-properties-section{background:linear-gradient(135deg,#f8f9ff,#f1f5f9);border-left:4px solid #4f46e5}.test-notification-section{background:linear-gradient(135deg,#fefefe,#f8fafc);border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:16px;text-align:center}.test-notification-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.test-notification-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.test-notification-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.test-notification-button:disabled:hover{background:#9ca3af}.test-result{border-radius:6px;font-size:13px;margin-top:12px;padding:12px;text-align:left}.test-result.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#166534}.test-result.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#991b1b}.test-result-header{font-weight:600;margin-bottom:4px}.test-result-details{line-height:1.4;opacity:.9}.execution-time{font-size:12px;margin-top:4px;opacity:.8}.pause-rules-overview{margin:16px 0}.rules-toggle-section{align-items:center;display:flex;gap:12px}.rules-toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:48px}.rules-toggle-input{height:0;opacity:0;width:0}.rules-toggle-slider{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:2px solid #e2e8f0cc;border-radius:24px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;left:0;right:0;top:0}.rules-toggle-slider,.rules-toggle-slider:before{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.rules-toggle-slider:before{background:#fff;border-radius:50%;bottom:1px;box-shadow:0 2px 4px #0003;content:"";height:16px;left:2px;width:16px}.rules-toggle-input:checked+.rules-toggle-slider{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f199;box-shadow:0 0 0 3px #6366f11a}.rules-toggle-input:checked+.rules-toggle-slider:before{box-shadow:0 2px 8px #6366f14d;transform:translateX(24px)}.rules-toggle-switch:hover .rules-toggle-slider{box-shadow:0 0 0 3px #6366f11a}.rules-status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;transition:all .2s ease}.rules-status-badge.enabled{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e33;color:#166534}.rules-status-badge.disabled{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef444433;color:#991b1b}.pause-actions-section.disabled,.pause-behavior-section.disabled,.pause-duration-section.disabled,.pause-reason-section.disabled,.pause-rules-overview.disabled{opacity:.5;pointer-events:none;position:relative}.pause-actions-section.disabled:after,.pause-behavior-section.disabled:after,.pause-duration-section.disabled:after,.pause-reason-section.disabled:after,.pause-rules-overview.disabled:after{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#f8fafccc;border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.behavior-option.disabled{background:#f1f5f9!important;cursor:not-allowed;opacity:.6}.behavior-option.disabled:hover,.pause-action-button:disabled{box-shadow:none!important;transform:none!important}.pause-action-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pause-action-button:disabled:before{display:none}.duration-input:disabled,.duration-unit-select:disabled,.pause-reason-textarea:disabled{background:#f8fafc!important;border-color:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed}.duration-input:disabled:focus,.duration-unit-select:disabled:focus,.pause-reason-textarea:disabled:focus{border-color:#e2e8f0!important;box-shadow:none!important}.pause-behavior-section,.pause-duration-section,.pause-reason-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0cc;border-radius:12px;margin:20px 0;padding:16px;transition:all .2s ease}.pause-behavior-section:hover,.pause-duration-section:hover,.pause-reason-section:hover{border-color:#6366f133;box-shadow:0 2px 8px #6366f10d}.pause-behavior-header h5,.pause-duration-header h5,.pause-reason-header h5{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 4px}.pause-behavior-description,.pause-duration-description,.pause-reason-description{color:#64748b;font-size:12px;line-height:1.4;margin-bottom:12px}.duration-input-container{margin-top:12px}.duration-input-group{align-items:center;display:flex;gap:8px;margin-bottom:8px}.duration-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;max-width:100px;padding:8px 12px;transition:all .2s ease}.duration-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.duration-unit-select{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.duration-unit-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.duration-display{background:#6366f10d;border:1px solid #6366f11a;border-radius:6px;color:#475569;font-size:12px;padding:8px 12px}.pause-reason-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.pause-reason-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.behavior-options{display:flex;flex-direction:column;gap:10px;margin-top:12px}.behavior-option{align-items:flex-start;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s ease}.behavior-option:hover{background:#6366f105;border-color:#6366f14d;box-shadow:0 2px 8px #0000000a;transform:translateY(-1px)}.behavior-option input[type=checkbox]{accent-color:#6366f1;margin:0;transform:scale(1.2)}.behavior-content{flex:1 1}.behavior-title{align-items:center;color:#1e293b;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:4px}.behavior-description{color:#64748b;font-size:12px;line-height:1.4}.pause-actions-section{background:linear-gradient(135deg,#fefefe,#f8fafc);border:1px solid #e2e8f099;border-radius:12px;margin:24px 0;padding:20px}.actions-header h5{align-items:center;color:#334155;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 4px}.actions-description{color:#64748b;font-size:12px;line-height:1.4;margin-bottom:16px}.pause-actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.pause-action-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease}.pause-action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.pause-action-button:hover:before{left:100%}.pause-action-button.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f133;color:#fff}.pause-action-button.primary:hover{background:linear-gradient(135deg,#5b21b6,#4338ca);box-shadow:0 4px 16px #6366f14d;transform:translateY(-2px)}.pause-action-button.secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #94a3b833;color:#475569}.pause-action-button.secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 4px 12px #4755691a;color:#334155;transform:translateY(-2px)}.pause-action-button.accent{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b33;color:#fff}.pause-action-button.accent:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 16px #f59e0b4d;transform:translateY(-2px)}.button-icon{align-items:center;display:flex;font-size:14px}.button-text{font-size:12px;font-weight:500}.pause-action-button:active{transform:translateY(0);transition:all .1s ease}.pause-summary-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #38bdf833;border-radius:12px;margin:24px 0;padding:20px}.summary-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:16px}.summary-card{border:1px solid #e2e8f080;border-radius:10px;cursor:default;gap:10px;padding:12px}.summary-card:hover{border-color:#6366f133;box-shadow:0 4px 12px #0000000d}.summary-icon{font-size:18px;opacity:.8}.summary-content{flex:1 1}.summary-label{color:#64748b;font-size:11px;letter-spacing:.5px;margin-bottom:2px}.summary-value{color:#1e293b;font-size:13px;font-weight:600}.pause-guide-section{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #d1d5db99;border-radius:12px;margin:24px 0;padding:20px}.guide-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.guide-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:10px;padding:16px;transition:all .2s ease}.guide-card:hover{border-color:#6366f133;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.guide-card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.guide-icon{font-size:16px}.guide-title{color:#334155;font-size:13px;font-weight:600}.guide-point{color:#475569;font-size:12px;line-height:1.4;margin-bottom:6px}.pause-info{align-items:center;background:#3b82f60d;border:1px solid #3b82f626;border-radius:8px;display:flex;gap:8px;margin-top:16px;padding:12px}.info-icon{color:#3b82f6;font-size:14px}.info-text{color:#1e40af;font-size:12px;line-height:1.4}@media (max-width:768px){.pause-actions-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.guide-cards{grid-template-columns:1fr}.duration-input-group{align-items:stretch;flex-direction:column}}.mcp-rules-overview{margin-top:16px}.document-types-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:12px}.document-type-checkbox{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:12px;padding:12px;text-align:center;transition:all .2s ease}.document-type-checkbox:hover{background:#f1f5f9;border-color:#cbd5e1}.document-type-checkbox input[type=checkbox]{margin-right:6px}.document-type-checkbox input[type=checkbox]:checked+span,.document-type-checkbox:has(input:checked){background:#dbeafe;border-color:#3b82f6;color:#1e40af}.extraction-fields-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:12px}.extraction-field-checkbox{background:#fefefe;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:11px;padding:8px 12px;transition:all .2s ease}.extraction-field-checkbox:hover{background:#f9fafb;border-color:#d1d5db}.extraction-field-checkbox input[type=checkbox]:checked+span,.extraction-field-checkbox:has(input:checked){background:#ecfdf5;border-color:#10b981;color:#047857}.cost-estimation{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-top:12px;padding:16px}.cost-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cost-label{color:#92400e;font-size:12px}.cost-value{color:#92400e;font-size:14px;font-weight:700}.cost-description{color:#78350f;font-size:11px;font-style:italic;margin-top:8px}.rules-completion-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:16px}.completion-checkbox{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s ease}.completion-checkbox:hover{background:#dcfce7;border-color:#86efac}.completion-checkbox input[type=checkbox]:checked+.completion-text{color:#15803d;font-weight:600}.completion-text{color:#166534;font-size:14px;margin-left:8px}.document-types-list,.extraction-fields-list{border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;max-height:200px;overflow-y:auto;padding:8px}.document-type-item,.extraction-field-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 12px;transition:all .2s ease}.document-type-item:hover,.extraction-field-item:hover{background:#f3f4f6;border-color:#d1d5db}.document-type-name,.field-name{color:#374151;font-size:13px;font-weight:500}.remove-field-button{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:4px;transition:opacity .2s ease}.remove-field-button:hover{opacity:1}.add-field-form{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:6px;display:flex;gap:8px;margin:12px 0;padding:12px}.add-field-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:13px;padding:8px 12px}.add-field-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-field-actions{display:flex;gap:4px}.add-field-cancel,.add-field-save{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.add-field-save{background:#10b981;color:#fff}.add-field-save:hover{background:#059669}.add-field-cancel{background:#ef4444;color:#fff}.add-field-cancel:hover{background:#dc2626}.add-field-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.add-field-button:hover{box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.mcp-configuration .config-section:first-child{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-bottom:20px;padding:16px}.mcp-configuration .config-section:first-child h5{color:#92400e;margin-bottom:12px}.mcp-configuration .config-section:first-child .field-description{color:#78350f;font-style:italic}.mapping-dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.mapping-dialog{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:95vw}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.mapping-dialog-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.mapping-dialog-header h3{font-size:18px;font-weight:600;margin:0}.dialog-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.dialog-close:hover{background:#fff3}.mapping-schemas{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin:20px 24px}.schema-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.schema-panel h4{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#374151;font-size:14px;font-weight:600;margin:0;padding:12px 16px}.schema-display{background:#fff;border:none;color:#1f2937;font-family:Monaco,Courier New,monospace;font-size:12px;line-height:1.5;margin:0;max-height:200px;overflow-y:auto;padding:16px}.schema-error{color:#dc2626;font-style:italic;padding:16px}.mapping-arrow{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}.ai-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-weight:600;min-width:80px;padding:12px 16px;text-align:center}.ai-icon{font-size:20px;margin-bottom:4px}.ai-model-label{font-size:11px;opacity:.9}.arrow{color:#6b7280;font-size:24px}.mapping-controls{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;gap:20px;padding:20px 24px}.generate-mapping-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.generate-mapping-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.generate-mapping-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.confidence-indicator{align-items:center;display:flex;flex:1 1;gap:12px}.confidence-label{color:#374151;font-size:14px;font-weight:500}.confidence-bar{background:#e5e7eb;border-radius:12px;box-shadow:inset 0 1px 3px #0000001a;height:24px;position:relative;width:150px}.confidence-fill{border-radius:12px;height:100%;transition:width .3s ease}.confidence-bar.confidence-high .confidence-fill{background:linear-gradient(90deg,#10b981,#34d399)}.confidence-bar.confidence-medium .confidence-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.confidence-bar.confidence-low .confidence-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.confidence-text{color:#374151;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.mapping-results{padding:20px 24px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.results-header h4{color:#374151;font-size:16px;margin:0}.add-mapping-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s ease}.add-mapping-btn:hover{background:#059669}.mapping-list{display:flex;flex-direction:column;gap:12px}.mapping-item{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:2fr auto 2fr auto auto;padding:16px;transition:all .2s ease}.mapping-item:hover{border-color:#c7d2fe;box-shadow:0 2px 8px #0000001a}.mapping-source,.mapping-target{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:13px;padding:8px 12px}.mapping-arrow{color:#6b7280;font-size:18px;font-weight:700;text-align:center}.mapping-confidence{border-radius:12px;font-size:12px;min-width:45px;padding:4px 8px;text-align:center}.mapping-confidence.confidence-high{background:#d1fae5;color:#065f46}.mapping-confidence.confidence-medium{background:#fef3c7;color:#92400e}.mapping-confidence.confidence-low{background:#fee2e2;color:#991b1b}.mapping-actions{display:flex;gap:4px}.mapping-delete-btn,.mapping-edit-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 8px;transition:all .2s ease}.mapping-edit-btn:hover{background:#e0e7ff}.mapping-delete-btn:hover{background:#fee2e2}.mapping-description{border-top:1px solid #f3f4f6;color:#6b7280;font-size:12px;font-style:italic;grid-column:1/-1;margin-top:8px;padding-top:8px}.mapping-edit-form{background:#f8fafc;border-radius:6px;display:flex;flex-direction:column;gap:12px;grid-column:1/-1;padding:16px}.edit-row{align-items:center;display:flex;gap:12px}.edit-row label{color:#374151;font-size:13px;font-weight:500;min-width:80px}.edit-row input,.edit-row select{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-family:Monaco,Courier New,monospace;font-size:13px;padding:8px 12px}.edit-actions{gap:8px;justify-content:flex-end}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.save-btn{background:#10b981}.save-btn:hover{background:#059669}.cancel-btn{background:#6b7280;color:#fff}.cancel-btn:hover{background:#4b5563}.mapping-suggestions,.mapping-warnings{background:#fef7f0;border-top:1px solid #fed7aa;padding:16px 24px}.mapping-warnings{background:#fef2f2;border-top-color:#fecaca}.mapping-suggestions h4,.mapping-warnings h4{color:#374151;font-size:14px;margin:0 0 12px}.mapping-suggestions ul,.mapping-warnings ul{margin:0;padding-left:20px}.warning-item{color:#dc2626}.suggestion-item,.warning-item{font-size:13px;margin-bottom:4px}.suggestion-item{color:#d97706}.mapping-dialog-actions{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.dialog-button{border-radius:8px;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.dialog-button.cancel{background:#6b7280;color:#fff}.dialog-button.cancel:hover{background:#4b5563}.dialog-button.apply{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dialog-button.apply:hover:not(:disabled){box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.dialog-button.apply:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.mapping-schemas{gap:16px;grid-template-columns:1fr}.mapping-arrow{transform:rotate(90deg)}.mapping-item{gap:8px;grid-template-columns:1fr;text-align:center}.mapping-source,.mapping-target{justify-self:stretch}.mapping-actions,.mapping-confidence{justify-self:center}}.conditional-rules-dialog-overlay{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.conditional-rules-dialog{animation:none;background:#fff;border:1px solid #333;border-radius:0;box-shadow:none;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}@keyframes slideInDialog{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-bottom:1px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.dialog-header h2{font-size:20px;font-weight:600;margin:0}.dialog-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background .2s ease;width:32px}.dialog-close-button:hover{background:#ffffff4d}.dialog-content{flex:1 1;max-height:calc(90vh - 200px);overflow-y:auto;padding:24px 32px}.logic-operator-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:32px;padding:20px}.logic-operator-label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.logic-operator-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.logic-operator-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.logic-operator-description{color:#64748b;font-size:13px;font-style:italic;margin-top:8px}.existing-rules-section{margin-bottom:32px}.section-header h3{color:#334155;font-size:16px;font-weight:600;margin:0}.add-rule-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.add-rule-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.empty-rules-state{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:48px 24px;text-align:center}.empty-rules-icon{font-size:48px;margin-bottom:16px}.empty-rules-state p{color:#334155;font-size:16px;margin:0 0 8px}.empty-rules-subtitle{color:#64748b!important;font-size:14px!important}.rules-list{display:flex;flex-direction:column;gap:16px}.rule-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.rule-item:hover{border-color:#7c3aed;box-shadow:none}.rule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rule-number{background:#7c3aed;border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.rule-delete-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;box-sizing:border-box;color:#dc2626;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.rule-delete-btn:hover{background:#fecaca;transform:scale(1.05)}.rule-edit-btn{align-items:center;background:#e0f2fe;border:none;border-radius:6px;box-sizing:border-box;color:#0369a1;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:6px 8px;transition:all .2s ease}.rule-edit-btn:hover{background:#b3e5fc;transform:scale(1.05)}.rule-actions{align-items:center;display:flex;gap:4px}.rule-summary{display:flex;flex-direction:column;gap:8px}.rule-logic{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.rule-field{background:#ddd6fe;color:#6b21a8}.rule-field,.rule-operator{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.rule-operator{background:#fef3c7;color:#92400e}.rule-value{background:#dcfce7;border-radius:6px;color:#166534;font-size:12px;font-weight:500;padding:4px 8px}.rule-description{color:#64748b;font-size:13px;font-style:italic}.rule-custom-path{background:#f3f4f6;border-radius:6px;color:#7c3aed;font-size:12px;padding:6px 8px}.add-rule-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:24px}.form-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.form-header h3{color:#334155;font-size:18px;font-weight:600;margin:0}.form-close-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;width:28px}.form-close-btn:hover{background:#e2e8f0}.form-content{grid-gap:20px;display:grid;gap:20px}.form-input,.form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease}.form-input:focus,.form-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-input.error,.form-select.error{border-color:#dc2626}.error-message{font-size:12px;font-weight:500}.field-description,.field-help{color:#64748b;font-size:12px;font-style:italic}.field-help{background:#fff7ed;border-left:3px solid #f59e0b;border-radius:6px;padding:8px 12px}.form-actions{gap:12px;margin-top:24px;padding-top:16px}.form-cancel-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.form-cancel-btn:hover{background:#e2e8f0}.form-add-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.form-add-btn:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.dialog-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 32px}.rules-summary-footer{display:flex;flex-direction:column;gap:4px}.rules-count{color:#334155;font-size:14px;font-weight:600}.logic-summary{color:#64748b;font-size:12px}.dialog-actions{display:flex;gap:12px}.dialog-cancel-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .2s ease}.dialog-cancel-btn:hover{background:#e2e8f0}.dialog-save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.dialog-save-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}@media (max-width:768px){.conditional-rules-dialog{margin:20px;width:95%}.dialog-content,.dialog-footer,.dialog-header{padding:16px 20px}.rule-logic{align-items:flex-start;gap:8px}.dialog-actions,.form-actions,.rule-logic{flex-direction:column}.dialog-actions,.dialog-cancel-btn,.dialog-save-btn{width:100%}}.ai-message-composer-overlay{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.ai-message-composer{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.composer-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.composer-header h3{font-size:20px;font-weight:600;margin:0}.close-button{transition:background .3s ease}.composer-content{flex:1 1;overflow-y:auto;padding:24px}.message-editor-section{margin-bottom:24px}.message-editor-section label{color:#333;display:block;font-weight:600;margin-bottom:8px}.message-editor{border:2px solid #e1e5e9;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.message-editor:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.selected-text-info{background:#f0f4ff;border:1px solid #667eea;border-radius:6px;color:#333;font-size:13px;margin-top:8px;padding:8px 12px}.ai-actions-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px}.ai-actions-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.action-group{margin-bottom:16px}.action-group label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.template-button{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px;box-shadow:0 2px 8px #4caf504d;font-size:14px;font-weight:600;padding:12px 20px}.template-button:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.prompt-type-select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.prompt-type-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.custom-prompt-input{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.custom-prompt-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.generate-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.generate-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.variables-section{background:#fef7e0;border:1px solid #f59e0b;border-radius:12px;margin-bottom:24px;padding:20px}.variables-section h4{color:#92400e;font-size:16px;font-weight:600;margin:0 0 16px}.variable-buttons{display:flex;flex-wrap:wrap;gap:8px}.variable-button{background:#fff;border:2px solid #f59e0b;border-radius:6px;color:#92400e;cursor:pointer;font-family:Courier New,monospace;font-size:13px;font-weight:600;padding:6px 12px;transition:all .3s ease}.variable-button:hover{background:#f59e0b;color:#fff;transform:translateY(-1px)}.suggestions-section{margin-bottom:24px}.suggestions-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.suggestion-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:16px;transition:border-color .3s ease}.suggestion-item:hover{border-color:#667eea}.suggestion-text{color:#374151;font-size:14px;line-height:1.6;margin-bottom:12px;white-space:pre-wrap}.apply-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.apply-button:hover{box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.confidence{color:#6b7280}.composer-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-button{background:#6b7280;border:none;border-radius:8px;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.cancel-button:hover{background:#4b5563}.done-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.done-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}@media (max-width:768px){.ai-message-composer{max-height:95vh;width:95%}.composer-content,.composer-footer,.composer-header{padding:16px}.variable-buttons{gap:6px}.variable-button{font-size:12px;padding:4px 8px}.suggestion-actions{align-items:flex-start;flex-direction:column;gap:8px}}.scenario-card{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;box-shadow:0 4px 15px #f093fb4d;color:#fff;transform:scale(1)}.scenario-card:hover{box-shadow:0 8px 25px #f093fb66;transform:scale(1.05)}.scenario-card.selected{box-shadow:0 8px 25px #667eea66;transform:scale(1.02)}.scenario-name{font-size:14px}.scenario-type{opacity:.9}.template-card{align-items:center;border:2px solid #e0e0e0;border-radius:12px;flex-direction:column;height:100%;padding:20px;text-align:center}.template-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.template-card.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px #667eea4d;color:#fff}.template-icon{font-size:40px;margin-bottom:15px}.template-info{display:flex;flex:1 1;flex-direction:column;gap:10px}.template-name{font-size:16px;font-weight:600;margin-bottom:8px}.template-description{flex:1 1;font-size:13px;line-height:1.4;opacity:.8}.template-stats{display:flex;gap:15px;justify-content:center;margin-top:10px}.stat-item{font-size:12px;opacity:.8}.stat-icon{font-size:14px}.benefits-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:20px 0;padding:30px}.benefit-item{border-radius:10px;box-shadow:0 4px 10px #0000001a}.benefit-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:45px;justify-content:center;width:45px}.benefit-item strong{font-size:14px}.benefit-item p{font-size:12px}.configuration-section{background:#f8f9fa;border-radius:10px;margin-top:20px;padding:25px}.config-content{display:flex;flex-direction:column;gap:20px}.dynamic-values{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.dynamic-values h4{margin:0 0 10px}.dynamic-values p{color:#666;font-size:13px;margin:0 0 15px}.input-group{margin-bottom:15px}.input-group label{color:#333;display:block;font-size:13px}.input-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.advanced-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.toggle-advanced{padding:0}.toggle-advanced:hover{color:#764ba2}.config-display pre{line-height:1.4;padding:15px}.config-display pre,.node-list{background:#f5f5f5;border-radius:6px;max-height:200px;overflow-y:auto}.node-list{padding:10px}.node-preview{background:#fff;border:1px solid #e0e0e0;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.node-type{border-radius:4px;padding:4px 8px}.node-label{color:#333;font-size:12px;font-weight:500}@media (max-width:768px){.benefits-grid{grid-template-columns:1fr}.template-stats{flex-direction:column;gap:8px}.advanced-config{grid-template-columns:1fr}}.template-library-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.template-library-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.template-library-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.template-library-header h2{font-size:24px;font-weight:600;margin:0}.close-button{transition:background .2s}.template-library-content{flex:1 1;overflow-y:auto;padding:30px}.template-section{margin-bottom:40px}.template-section h3{font-size:20px;font-weight:600;margin-bottom:10px}.section-description{color:#666;margin-bottom:20px}.core-templates-section h3{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-left:4px solid #10b981;border-radius:6px;color:#059669;padding:10px 15px}.scenario-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.scenario-card{background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.scenario-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.scenario-card.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px #667eea4d;color:#fff}.scenario-icon{font-size:32px;margin-bottom:10px}.scenario-name{font-size:16px;font-weight:600;margin-bottom:5px}.scenario-type{font-size:12px;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.core-template-card{background:linear-gradient(135deg,#f8fffe,#f0f9ff);border:2px solid #e8f5e8;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.core-template-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.core-template-card.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 8px 25px #10b9814d;color:#fff}.core-template-card .scenario-icon{font-size:32px;margin-bottom:10px}.core-template-card .scenario-name{font-size:16px;font-weight:600;margin-bottom:5px}.core-template-card .scenario-type{font-size:12px;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.template-details{background:#f8f9fa;border-radius:8px;padding:25px}.template-info{margin-bottom:25px}.template-info h4{color:#333;font-size:18px;margin-bottom:8px}.template-info p{color:#666;line-height:1.5}.dynamic-values h4{color:#333;font-size:16px;margin-bottom:15px}.input-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.input-group{display:flex;flex-direction:column}.input-group label{color:#555;font-size:14px;font-weight:500;margin-bottom:5px}.input-group input,.input-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.input-group input:focus,.input-group select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.advanced-section{border-top:1px solid #e1e5e9;margin-top:20px;padding-top:20px}.toggle-advanced{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 0}.toggle-advanced:hover{color:#5a67d8}.advanced-config{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:15px}.config-display,.template-preview{background:#fff;border:1px solid #e1e5e9;border-radius:6px;padding:15px}.config-display h5,.template-preview h5{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.config-display pre{background:#f8f9fa;border-radius:4px;font-size:12px;margin:0;overflow-x:auto;padding:10px}.node-list{display:flex;flex-direction:column;gap:8px}.node-preview{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;gap:10px;padding:8px}.node-type{background:#667eea;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.node-label{color:#555;font-size:13px}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item{align-items:flex-start;background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;gap:15px;padding:20px;transition:all .2s ease}.benefit-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.benefit-icon{flex-shrink:0;font-size:24px}.benefit-item strong{color:#333;display:block;font-size:16px;margin-bottom:5px}.benefit-item p{color:#666;font-size:14px;line-height:1.4;margin:0}.template-library-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px 30px}.footer-info p{color:#666;font-size:14px;margin:0}.footer-actions{display:flex;gap:15px}.cancel-button,.deploy-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}.deploy-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.deploy-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b3fa0);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.deploy-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width:768px){.template-library-modal{max-height:95vh;width:95%}.template-library-content{padding:20px}.advanced-config,.benefits-grid,.input-grid,.scenario-grid{grid-template-columns:1fr}.template-library-footer{flex-direction:column;gap:15px;text-align:center}}.flow-analysis-popup{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:85vh;max-width:800px;overflow:hidden;width:90%}.analysis-summary{margin-bottom:24px}.summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:16px}.summary-card h3{color:#2196f3;font-size:1.2rem}.summary-card p{color:#495057;font-weight:500;margin:4px 0}.analysis-section{background:#fafbfc;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:16px}.analysis-section h3{color:#2196f3;font-size:1.1rem;font-weight:600;margin:0 0 16px}.analysis-section.warning{background:#fff8e1;border-color:#ffc107}.analysis-section.warning h3{color:#f57c00}.analysis-section.recommendations{background:#f1f8e9;border-color:#4caf50}.analysis-section.recommendations h3{color:#388e3c}.component-list{list-style:none;margin:0;padding:0}.component-list li{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;margin:4px 0;padding:8px 12px}.start-node{border-left:4px solid #4caf50}.end-node{border-left:4px solid #f44336}.isolated-node{border-left:4px solid #ffc107}.cycle-node{border-left:4px solid #ff9800}.node-icon{font-size:16px;margin-right:8px}.no-items{color:#6c757d;font-style:italic;margin:8px 0}.warning-text{color:#f57c00;font-weight:500;margin-bottom:12px}.execution-paths{display:flex;flex-direction:column;gap:16px}.execution-path{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px}.execution-path h4{color:#2196f3;font-size:1rem;margin:0 0 8px}.path-steps{flex-wrap:wrap;gap:8px}.path-step,.path-steps{align-items:center;display:flex}.path-step{gap:4px}.step-number{background:#2196f3;color:#fff;font-size:12px;font-weight:700;height:20px;width:20px}.step-name{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:12px;padding:4px 8px}.step-arrow{color:#6c757d;font-weight:700}.recommendations-list{list-style:none;margin:0;padding:0}.recommendations-list li{background:#fff;border:1px solid #e9ecef;border-left:4px solid #4caf50;border-radius:6px;margin:4px 0;padding:8px 12px}.close-btn{padding:10px 20px}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.flow-help-popup{animation:popupSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:85vh;max-width:900px;overflow:hidden;width:90%}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-header{background:linear-gradient(135deg,#2196f3,#1976d2);padding:20px}.popup-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-button{font-size:18px}.popup-content{max-height:calc(85vh - 140px);overflow-y:auto;padding:24px}.help-section{background:#fafbfc;border:1px solid #e9ecef;border-radius:10px;margin-bottom:32px;padding:20px}.help-section h3{color:#2196f3;font-size:1.3rem;font-weight:600;margin:0 0 16px}.help-section.tips{background:#f1f8e9;border-color:#4caf50}.help-section.tips h3{color:#388e3c}.help-content{color:#495057;line-height:1.6}.help-content p{margin:0 0 12px}.help-steps{color:#495057;padding-left:20px}.help-steps li{line-height:1.5;margin:8px 0}.component-types{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:16px}.component-type{background:#fff;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;gap:12px;padding:12px}.component-icon,.component-type{align-items:center;border-radius:8px;display:flex}.component-icon{flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.component-icon.start{background:linear-gradient(135deg,#4caf50,#388e3c)}.component-icon.stop{background:linear-gradient(135deg,#f44336,#d32f2f)}.component-icon.process{background:linear-gradient(135deg,#2196f3,#1976d2)}.component-icon.decision{background:linear-gradient(135deg,#ff9800,#f57c00)}.component-info h4{color:#2196f3;font-size:1rem;font-weight:600;margin:0 0 4px}.component-info p{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}.best-practices{display:flex;flex-direction:column;gap:12px}.practice-item{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-left:4px solid #4caf50;border-radius:8px;display:flex;gap:12px;padding:12px}.practice-icon{flex-shrink:0;font-size:18px;margin-top:2px}.practice-item h4{color:#2196f3;font-size:1rem;font-weight:600;margin:0 0 4px}.practice-item p{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}.toolbar-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-left:4px solid #2196f3;border-radius:8px;display:flex;gap:12px;padding:12px}.action-icon{flex-shrink:0;font-size:20px;text-align:center;width:36px}.action-item h4{color:#2196f3;font-size:.95rem;font-weight:600;margin:0 0 4px}.action-item p{color:#6c757d;font-size:.85rem;line-height:1.3;margin:0}.issue-item{background:#fff;border:1px solid #e9ecef;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:16px;padding:12px}.issue-item h4{color:#f57c00;font-size:1rem;font-weight:600;margin:0 0 6px}.issue-item p{color:#6c757d;font-size:.9rem;line-height:1.4;margin:0}.tips-content{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px}.tips-list{color:#495057;margin:0;padding-left:20px}.tips-list li{line-height:1.5;margin:8px 0}.popup-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;padding:16px 24px;text-align:right}.close-btn{background:#2196f3;border-radius:6px;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.close-btn:hover{background:#1976d2}.agent-creator-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.agent-creator-modal{animation:slideUp .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;color:#333;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.agent-creator-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.agent-creator-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.close-button{transition:all .3s ease}.close-button:hover{background:#0000001a}.agent-creator-content{color:#333;max-height:60vh;overflow-y:auto;padding:2rem}.agent-creator-content *{color:inherit}.agent-explanation{margin-bottom:32px}.explanation-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.explanation-card h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.explanation-card p{color:#666;line-height:1.5;margin:0 0 .75rem}.explanation-card ul{color:#666;margin:.75rem 0;padding-left:1.25rem}.explanation-card li{line-height:1.4;margin:.375rem 0}.form-section h3{border-bottom:1px solid #0000001a;color:#333;font-size:1.2rem;margin:0 0 1rem;padding-bottom:.5rem}.form-row{margin-bottom:1rem}.form-field{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-field label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333!important;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-field input::placeholder,.form-field textarea::placeholder{color:#999!important}.form-field select option{background:#fff;color:#333}.list-input{display:flex;gap:.5rem;margin-bottom:.75rem}.list-input input{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333!important;flex:1 1;font-size:.9rem;padding:.5rem .75rem}.list-input button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.list-input button:hover{background:#229954}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#e3f2fd;border:1px solid #bbdefb;border-radius:16px;font-size:.75rem;gap:.375rem;padding:.25rem .5rem}.tag,.tag button{align-items:center;color:#1976d2;display:flex}.tag button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:12px;height:16px;justify-content:center;padding:0;transition:background .2s;width:16px}.tag button:hover{background:#1976d21a}.agent-creator-footer{border-top:1px solid #0000001a;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.cancel-button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button:hover{background:#f8f9fa;color:#333}.create-button{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.create-button:hover:not(:disabled){background:#229954;transform:translateY(-1px)}.create-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.agent-creator-modal{margin:20px;width:95%}.form-row{grid-template-columns:1fr}.agent-creator-content{padding:16px}}.agent-builder{background:#f8f9fa;display:flex;flex-direction:column;height:100%;width:100%}.agent-builder-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.back-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:1rem;padding:.5rem 1rem;transition:all .2s ease}.back-btn:hover{background:#fff3;transform:translateX(-2px)}.agent-builder-header h2{font-size:1.5rem;font-weight:600;margin:0}.agent-builder-actions{align-items:center;display:flex;gap:1rem}.agent-type-badge{background:#fff3;border-radius:20px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.close-btn{background:#ffffff1a;border:1px solid #ffffff4d;font-size:1.2rem;height:36px;width:36px}.close-btn:hover{background:#fff3}.agent-builder-content{flex:1 1;overflow:hidden}.agent-builder-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;height:60vh;justify-content:center}.loading-spinner{animation:pulse 2s infinite}.agent-builder-loading p{color:#666;font-size:1.1rem;margin:0}.agent-builder-error{align-items:center;display:flex;flex-direction:column;gap:1rem;height:60vh;justify-content:center;margin:0 auto;max-width:500px;padding:2rem;text-align:center}.error-icon{color:#e74c3c;font-size:3rem}.agent-builder-error h3{color:#e74c3c;font-size:1.3rem;margin:0}.agent-builder-error p{color:#666;line-height:1.5;margin:0}.agent-builder-error button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s ease}.agent-builder-error button:hover{background:#5a67d8}@media (max-width:768px){.agent-builder-header{padding:1rem}.agent-builder-header h2{font-size:1.2rem}.agent-type-badge{display:none}}.agent-hub-dashboard{background:#f8f9fa;min-height:100vh;padding:2rem}.dashboard-header{border-bottom:2px solid #e9ecef;padding-bottom:1rem}.header-content h1{color:#333}.header-content p{color:#666;font-size:1.1rem;margin:.5rem 0 0}.create-agent-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;font-size:1rem;padding:12px 24px;transition:all .2s ease}.create-agent-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.error-banner{background:#fff5f5;margin-bottom:2rem;padding:1rem}.loading-container{height:60vh}.loading-spinner{font-size:3rem}.empty-state h2{color:#333;margin-bottom:1rem}.empty-state p{margin-bottom:2rem}.create-first-agent-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .2s ease}.create-first-agent-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.agents-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.agent-card{background:#fff;border:1px solid #e9ecef;box-shadow:0 4px 12px #0000001a;padding:1.5rem;transition:all .2s ease}.agent-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.agent-header{align-items:center;margin-bottom:1rem}.agent-icon{font-size:2rem;margin-right:1rem}.agent-info h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.agent-type{color:#666;font-size:.9rem;margin:.25rem 0 0}.agent-status{margin-left:auto}.status-badge.active{background:#d4edda}.status-badge.published{background:#d1ecf1;color:#0c5460}.status-badge.draft{background:#fff3cd;color:#856404}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.maintenance{background:#fff3cd;color:#856404}.agent-description{margin-bottom:1rem}.agent-description p{color:#666;line-height:1.5;margin:0}.agent-capabilities h4{color:#333;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.capabilities-list{gap:.5rem;margin-bottom:1rem}.capability-tag{background:#e9ecef;color:#495057;font-size:.8rem;padding:4px 8px}.agent-metrics{background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.metric{flex:1 1;flex-direction:column}.metric-label{font-size:.8rem}.metric-value{font-size:1.2rem}.design-brain-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.design-brain-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.edit-agent-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.edit-agent-btn:hover{background:#5a6268;transform:translateY(-1px)}.delete-agent-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.delete-agent-btn:hover{background:#c82333;transform:translateY(-1px)}.publish-agent-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.publish-agent-btn.unpublished{background:#28a745;color:#fff}.publish-agent-btn.unpublished:hover{background:#218838;transform:translateY(-1px)}.publish-agent-btn.published{background:#ffc107;color:#212529}.publish-agent-btn.published:hover{background:#e0a800;transform:translateY(-1px)}@media (max-width:768px){.agents-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;gap:1rem}.agent-actions,.dashboard-header{flex-direction:column}}.agent-brain-designer-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3000}.agent-brain-designer{background:#fff;border-radius:12px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;height:90%;max-height:900px;max-width:1400px;overflow:hidden;width:95%}.designer-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.header-info h2{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.header-info p{font-size:.9rem;margin:0;opacity:.9}.help-text{background:#ffffff1a;border-left:4px solid #ffffff4d;border-radius:6px;margin-top:8px;padding:8px 12px}.help-text small{color:#ffffffe6;font-size:.75rem;line-height:1.4}.header-actions{gap:.75rem}.save-button,.test-button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.test-button{background:#27ae60;color:#fff}.test-button:hover{background:#229954;transform:translateY(-1px)}.save-button{background:#3498db}.save-button:hover{background:#2980b9;transform:translateY(-1px)}.close-button{background:#fff3;border-radius:50%;color:#fff;font-size:1.5rem;height:32px;width:32px}.close-button:hover{background:#ffffff4d}.designer-content{display:flex;flex:1 1;overflow:hidden}.node-palette{background:#f8f9fa;border-right:1px solid #e9ecef;overflow-y:auto;padding:1rem;width:280px}.node-palette h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.node-types{display:flex;flex-direction:column;gap:.5rem}.palette-node{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:grab;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.palette-node:hover{background:#f1f3f4;border-color:#3498db;box-shadow:0 2px 8px #3498db26;transform:translateY(-1px)}.palette-node:active{cursor:grabbing}.palette-node .node-icon{font-size:1.25rem;text-align:center;width:24px}.node-info{display:flex;flex-direction:column}.node-name{color:#333;font-size:.9rem;font-weight:600}.node-desc{color:#666;font-size:.75rem;line-height:1.2}.canvas-container{flex:1 1;overflow:hidden;position:relative}.workflow-canvas{background:radial-gradient(circle at 20px 20px,#e9ecef 1px,#0000 0),radial-gradient(circle at 20px 20px,#e9ecef 1px,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px;cursor:default;height:100%;overflow:auto;position:relative;width:100%}.connections-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.connection-line{stroke-width:3;cursor:pointer;pointer-events:stroke;transition:stroke-width .2s ease}.connection-line:hover{stroke-width:4;stroke:#e74c3c}.connection-delete{cursor:pointer;pointer-events:all;transition:all .2s ease}.connection-delete:hover{r:6;fill:#c0392b}.connection-preview{opacity:.7;pointer-events:none}.canvas-instructions{color:#666;left:50%;max-width:400px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.canvas-instructions h3{color:#333;font-size:1.25rem;margin:0 0 1rem}.canvas-instructions p{line-height:1.5;margin:0 0 1rem}.canvas-instructions ul{margin:0;padding-left:1.5rem;text-align:left}.canvas-instructions li{line-height:1.4;margin:.5rem 0}.canvas-node{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;min-width:160px;position:absolute;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:2}.canvas-node:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.canvas-node.selected{border-color:#3498db;box-shadow:0 6px 20px #3498db40}.connector{background:#fff;border:2px solid #3498db;border-radius:50%;cursor:pointer;height:12px;position:absolute;transition:all .2s ease;width:12px;z-index:3}.connector:hover{background:#3498db;box-shadow:0 0 8px #3498db80;height:16px;margin:-2px;width:16px}.input-connector{border-color:#27ae60;left:-6px;top:50%;transform:translateY(-50%)}.input-connector:hover{background:#27ae60;box-shadow:0 0 8px #27ae6080}.output-connector{border-color:#e74c3c;right:-6px;top:50%;transform:translateY(-50%)}.output-connector:hover{background:#e74c3c;box-shadow:0 0 8px #e74c3c80}.node-delete{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:4}.canvas-node:hover .node-delete{opacity:1}.node-delete:hover{background:#c0392b;transform:scale(1.1)}.node-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:10px 10px 0 0;gap:.5rem;padding:.75rem}.node-header .node-icon{font-size:1.1rem}.node-title{color:#333;font-size:.9rem}.node-type{color:#666;font-size:.8rem;padding:.5rem .75rem;text-align:center}.node-config-panel{background:#fff;border-left:1px solid #e9ecef;display:flex;flex-direction:column;width:320px}.config-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem}.config-header h3{color:#333;font-size:1rem;font-weight:600;margin:0}.config-header button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.config-header button:hover{background:#e9ecef;color:#333}.config-content{flex:1 1;overflow-y:auto;padding:1rem}.config-field{margin-bottom:1rem}.config-field label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.config-field input,.config-field select,.config-field textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.9rem;padding:.5rem;transition:border-color .2s ease;width:100%}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.config-field textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;min-height:80px;resize:vertical}.config-field input[type=range]{accent-color:#3498db}@media (max-width:1200px){.agent-brain-designer{height:95%;width:98%}.node-palette{width:240px}.node-config-panel{width:280px}}@media (max-width:768px){.node-palette{height:100%;left:-280px;position:absolute;top:0;transition:left .3s ease;z-index:10}.node-palette.open{box-shadow:2px 0 10px #0000001a;left:0}.node-config-panel{height:100%;position:absolute;right:-320px;top:0;transition:right .3s ease;z-index:10}.node-config-panel.open{box-shadow:-2px 0 10px #0000001a;right:0}}.agent-canvas-overlay{align-items:center;animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.agent-canvas{animation:canvasSlideIn .4s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:85vh;max-width:1200px;overflow:hidden;width:90vw}.canvas-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:20px 24px}.header-title h2{color:#fff;font-size:24px;margin:0}.header-title p{color:#fffc;font-size:14px;margin:4px 0 0}.close-canvas-btn{align-items:center;background:#ff6b35cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-canvas-btn:hover{background:#ff6b35;transform:scale(1.1)}.create-agent-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:12px;padding:8px 16px;transition:all .3s ease}.create-agent-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.canvas-tabs{background:#ffffff0d;display:flex;gap:8px;padding:0 24px}.tab-btn{border-radius:8px 8px 0 0;color:#ffffffb3;padding:12px 20px;transition:all .3s ease}.tab-btn:hover{background:#ffffff1a;color:#ffffffe6}.tab-btn.active{background:#ffffff26;border-bottom-color:#ff6b35;color:#fff}.tab-btn.disabled{cursor:not-allowed;opacity:.5}.canvas-content{background:#ffffff0d;overflow-y:auto;padding:24px}.agents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.agent-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #0000;border-radius:12px;cursor:pointer;padding:16px;position:relative;transition:all .3s ease}.agent-card:hover{background:#ffffff26;border-color:#ff6b3580;transform:translateY(-2px)}.agent-card.selected{background:#ff6b351a;border-color:#ff6b35}.agent-card.assigned{background:#4caf501a;border-color:#4caf50}.agent-card.assigned:before{align-items:center;background:#4caf50;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.agent-header{display:flex;gap:12px;margin-bottom:12px}.agent-avatar{align-items:center;display:flex;justify-content:center;position:relative}.agent-type-icon{background:#ffffff1a;border-radius:8px;font-size:24px;padding:8px}.agent-status{border:2px solid #fff;border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.agent-status.available{background:#4caf50}.agent-status.busy{background:#ff9800}.agent-status.offline{background:#9e9e9e}.agent-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.agent-description{color:#fffc;font-size:12px;margin:0 0 8px}.agent-capabilities{display:flex;flex-wrap:wrap;gap:4px}.capability-tag{background:#ff6b354d;border-radius:4px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.agent-metrics{border-top:1px solid #ffffff1a;margin:12px 0;padding:8px 0}.metric{align-items:center;display:flex;gap:8px;margin-bottom:8px}.metric-label{color:#ffffffb3;font-size:11px;min-width:70px}.performance-bar{background:#fff3;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.performance-fill{background:linear-gradient(90deg,#ff6b35,#4caf50);height:100%;transition:width .3s ease}.metric-value{font-size:11px;min-width:30px;text-align:right}.agent-actions{background:#fafafa;border-radius:0 0 8px 8px;border-top:1px solid #f0f0f0;display:flex;gap:.5rem;padding:.75rem}.action-btn{padding:.4rem .8rem;text-align:center}.brain-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.brain-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px)}.assign-btn{background:#27ae60;color:#fff}.assign-btn:hover{background:#219a52;transform:translateY(-1px)}.remove-btn{background:#e74c3c;color:#fff}.remove-btn:hover{background:#c0392b;transform:translateY(-1px)}.empty-state,.loading-state{align-items:center;color:#fffc;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{border:3px solid #ffffff4d;border-top-color:#ff6b35}.assign-first-btn,.refresh-btn{background:#ff6b35;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 20px;transition:background .3s ease}.assign-first-btn:hover,.refresh-btn:hover{background:#ff8c65}.agent-details-panel{background:#ffffff1a;border-radius:12px;margin:0 auto;max-width:600px;padding:20px}.details-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.details-header h3{color:#fff;font-size:20px;margin:0}.close-details-btn{background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:16px;padding:8px 12px;transition:color .3s ease}.close-details-btn:hover{background:#ffffff1a;color:#fff}.detail-section h4{color:#fff;font-size:16px}.capabilities-list{display:flex;flex-wrap:wrap;gap:8px}.capability-badge{background:#ff6b3566;border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.metrics-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-card{padding:12px}.metric-title{color:#ffffffb3;display:block;font-size:11px;margin-bottom:4px}.metric-number{color:#fff;font-size:18px}.config-info{display:flex;flex-direction:column;gap:8px}.config-item{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.config-label{color:#ffffffb3;font-size:12px;font-weight:500}.config-value{color:#fff;font-size:12px;font-weight:600}.performance-dashboard{margin:0 auto;max-width:800px}.performance-summary h3{color:#fff;font-size:20px;margin:0 0 20px;text-align:center}.summary-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.summary-card{background:#ffffff1a;flex-direction:column;gap:8px;padding:20px}.summary-number{color:#fff;font-size:28px}.summary-label{color:#ffffffb3;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes canvasSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.agent-canvas{height:90vh;width:95vw}.agents-grid{grid-template-columns:1fr}.canvas-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;min-width:120px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.summary-metrics{grid-template-columns:1fr}}.agent-selection{left:8px;position:absolute;top:8px;z-index:10}.agent-checkbox{accent-color:#ff6b35;height:16px;width:16px}.sequence-number{background:#ff6b35;font-size:11px;height:20px;width:20px}.sequence-controls{margin-right:8px}.sequence-btn{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.sequence-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.selected-agents-section{display:flex;flex-direction:column;gap:20px}.selected-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.selected-header h3{color:#fff;font-size:18px;margin:0}.selected-header p{color:#ffffffb3;font-size:14px;margin:4px 0 0}.assign-all-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.assign-all-btn:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.selected-agents-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.selected-agent-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ff6b35;border-radius:12px;padding:16px;position:relative}.selected-agent-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.sequence-indicator{align-items:center;background:#ff6b35;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.sequence-number-large{color:#fff;font-size:16px;font-weight:700}.agent-basic-info{align-items:center;display:flex;flex:1 1;gap:12px}.agent-avatar-small{align-items:center;display:flex;justify-content:center;position:relative}.agent-type-icon-small{background:#ffffff1a;border-radius:6px;font-size:20px;padding:6px}.agent-name-desc h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 2px}.agent-name-desc p{color:#ffffffb3;font-size:12px;margin:0}.selected-agent-actions{margin-left:auto}.remove-selected-btn{align-items:center;background:#f44336cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.remove-selected-btn:hover{background:#f44336;transform:scale(1.1)}.selected-agent-details{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:8px}.capabilities-preview{display:flex;gap:4px}.capability-tag-small{background:#ff6b354d;border-radius:4px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.performance-preview{color:#ffffffb3;display:flex;font-size:11px;gap:12px}.empty-selected-state{color:#ffffffb3;padding:40px;text-align:center}.empty-selected-state p{margin:8px 0}.go-discover-btn{background:#ff6b35cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:10px 20px;transition:all .3s ease}.go-discover-btn:hover{background:#ff6b35;transform:translateY(-1px)}.agent-assignment-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.modal-header{border-bottom:1px solid #e0e0e0;padding:24px;position:relative}.modal-header h2{margin:0 0 8px}.modal-header p{color:#7f8c8d;font-size:1rem;margin:0}.agent-info-note{margin-top:8px}.agent-info-note small{color:#8e44ad;font-style:italic}.close-button{color:#999;padding:4px;position:absolute;right:20px;top:20px;transition:all .2s ease}.close-button:hover{background:#f5f5f5;color:#666}.modal-body{min-height:300px;padding:20px 24px}.loading-spinner{animation:spin 2s linear infinite;font-size:48px;margin-bottom:16px}.error-banner{background:#fee;border:1px solid #fed7d7;color:#c53030;padding:12px 16px}.empty-icon{margin-bottom:16px}.empty-state h3{color:#4a5568;margin:0 0 8px}.empty-state p{color:#718096;font-size:.95rem}.agents-list{display:flex;flex-direction:column;gap:12px}.agent-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.agent-item:hover{background:#f8fafc;border-color:#3498db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.agent-item.selected{background:#f0f9f0;border-color:#2ecc71}.agent-selection{align-items:center;display:flex;gap:8px;margin-right:12px}.agent-checkbox{accent-color:#2ecc71;cursor:pointer;height:18px;width:18px}.sequence-number{align-items:center;background:#2ecc71;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.sequence-controls{display:flex;flex-direction:column;gap:2px;margin-left:12px}.sequence-btn{align-items:center;background:#fffc;border:1px solid #0003;border-radius:3px;color:#666;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;transition:all .2s ease;width:24px}.sequence-btn:hover:not(:disabled){background:#fff;border-color:#0000004d}.sequence-btn:disabled{cursor:not-allowed;opacity:.3}.up-btn{border-bottom:none;border-radius:3px 3px 0 0}.down-btn{border-radius:0 0 3px 3px}.agent-item .agent-icon{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;font-size:32px;height:48px;justify-content:center;margin-right:16px;width:48px}.agent-item.selected .agent-icon{background:#e8f5e8}.agent-info{flex:1 1;min-width:0}.agent-info h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 4px}.agent-type{color:#7c3aed;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.agent-description{color:#666;font-size:.9rem;line-height:1.4;margin:0}.agent-status{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;margin-right:16px;padding:4px 8px}.status-indicator{font-size:12px;margin-right:6px}.status-indicator.active,.status-indicator.published{color:#2ecc71}.status-indicator.draft{color:#f39c12}.status-indicator.inactive{color:#95a5a6}.status-text{color:#666;font-size:.8rem;text-transform:capitalize}.modal-footer{align-items:center;border-top:1px solid #e0e0e0;justify-content:space-between}.selected-info{display:flex;flex-direction:column;gap:4px}.selected-count{color:#666;font-size:.9rem;font-weight:500}.execution-sequence{color:#888;font-size:.8rem}.execution-sequence small{font-style:italic}.assign-button,.cancel-button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.cancel-button:hover{background:#e9ecef;color:#495057}.assign-button{background:#2ecc71;color:#fff}.assign-button:hover:not(:disabled){background:#27ae60;box-shadow:0 4px 12px #2ecc714d;transform:translateY(-1px)}.assign-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.workflow-builder-container{background:#f8f9fa;display:flex;flex-direction:column;height:100vh}.workflow-builder-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.workflow-back-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:1rem;padding:.5rem 1rem;transition:all .2s ease}.workflow-back-btn:hover{background:#fff3;transform:translateX(-2px)}.workflow-builder-header h2{font-size:1.5rem;font-weight:600;margin:0}.workflow-header-info{align-items:center;display:flex;gap:1rem}.workflow-name-badge{background:#fff3;border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.workflow-toolbar{align-items:center;background:#fff;border-radius:0;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1rem;padding:1rem}.workflow-title{color:#2c3e50;margin:0}.workflow-user-info{align-items:center;display:flex;gap:1rem;margin:.25rem 0 0}.workflow-user-text{color:#666;font-size:.9rem;margin:0}.environment-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:2px 8px}.environment-badge.local{background-color:#e3f2fd;c .log-panel-overlay{background:#222;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;flex-direction:column;left:10px;max-height:300px;position:absolute;top:10px;width:400px;z-index:999}.save-success-toast{animation:slideInRight .3s ease-out,fadeOut .3s ease-in 1.7s;animation-fill-mode:both;position:fixed;right:20px;top:20px;z-index:10000}.toast-content{align-items:center;background:#2ecc71;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-weight:500;gap:8px;padding:12px 20px}.toast-icon{font-size:16px}.toast-message{font-size:14px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}}.environment-badge.dev{background-color:#e3f2fd;color:#1976d2}.environment-badge.prod{background-color:#e8f5e9;color:#388e3c}.save-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.save-button.disabled{background:#bdc3c7;cursor:not-allowed}.save-button.saving{animation:pulse 1.5s infinite;background:#3498db;cursor:not-allowed}.save-button.success{animation:success-glow 2s ease-out;background:#2ecc71;color:#fff}@keyframes success-glow{0%{background:#2ecc71;box-shadow:0 0 5px #2ecc7180}50%{background:#27ae60;box-shadow:0 0 20px #2ecc71cc}to{background:#2ecc71;box-shadow:0 0 5px #2ecc7180}}.save-button.modified{background:#e67e22}.save-button.saved{background:#27ae60}.template-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.template-button:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b3fa0);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.template-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.analyze-button{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.analyze-button:hover:not(:disabled){background:linear-gradient(135deg,#3cbfb8,#3a8f7f);box-shadow:0 4px 12px #4ccdc44d;transform:translateY(-1px)}.analyze-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.help-button{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border:none;border-radius:6px;color:#2d3436;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.help-button:hover{background:linear-gradient(135deg,#fdcb6e,#e17055);box-shadow:0 4px 12px #ffeaa766;transform:translateY(-1px)}.ai-generator-button{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-right:.5rem;padding:.5rem 1rem;transition:all .3s ease}.ai-generator-button:hover:not(:disabled){background:linear-gradient(135deg,#e879f9,#8b5cf6);box-shadow:0 4px 12px #f093fb66;transform:translateY(-1px)}.ai-generator-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.log-button{background:#3498db;border-radius:6px;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .3s ease}.log-button:hover{background:#2980b9}.workflow-canvas-container{background:#f5f6fa;border-radius:0;box-shadow:0 2px 8px #eee;display:flex;flex:1 1;min-height:0;overflow:hidden;padding:10px}.workflow-sidebar{background:#e3eafc;border-radius:8px;margin-right:16px;position:relative;transition:width .2s}.workflow-sidebar.open{width:180px}.workflow-sidebar.closed{width:32px}.sidebar-toggle{background:#2196f3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;position:absolute;right:-16px;top:10px;width:32px;z-index:2}.sidebar-content{display:flex;flex-direction:column;height:calc(100vh - 120px);padding:1rem .5rem}.sidebar-title{background:#e3eafc;flex-shrink:0;margin-bottom:12px;padding:.5rem 0;position:sticky;text-align:center;top:0;z-index:1}.components-list{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-right:4px}.components-list::-webkit-scrollbar{width:6px}.components-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.components-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.components-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.component-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #ddd;cursor:pointer;display:flex;margin-bottom:12px;padding:4px;position:relative;transition:all .2s ease}.component-item:hover{background:#f8f9fa;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.component-item:active{box-shadow:0 1px 4px #ddd;transform:translateY(0)}.component-icon-container{align-items:center;display:flex;justify-content:center;position:relative}.component-icon{height:32px;margin:8px;object-fit:contain;width:32px}.component-sparkle{animation:sparkle 2s ease-in-out infinite;font-size:12px;position:absolute;right:-2px;top:-2px}.agent-hub-component{background:linear-gradient(135deg,#8a2be20d,#1e90ff0d);border:1px solid #8a2be233}.agent-hub-component:hover{background:linear-gradient(135deg,#8a2be21a,#1e90ff1a);box-shadow:0 2px 8px #8a2be233}.component-name{color:#333!important;font-weight:500}.sidebar-help-text{background:#e3eafc;bottom:0;color:#888;font-size:12px;margin-top:auto;padding:.5rem 0;position:sticky;text-align:center}.workflow-canvas{display:flex;flex:1 1;flex-direction:column;min-height:0}.canvas-title{flex-shrink:0;margin-bottom:10px}.canvas-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.reactflow-wrapper{flex:1 1;min-height:0}.properties-panel-container{background:#f8f9fa;border:1px solid #dee2e6;border-radius:0;display:flex;flex-direction:column;flex-shrink:0;margin-top:8px;overflow:hidden;position:relative;transition:height .3s}.properties-panel-container.resizing{transition:none}.properties-resize-handle{background-color:initial;cursor:ns-resize;height:4px;left:0;position:absolute;right:0;top:0;transition:background-color .2s;z-index:1000}.properties-resize-handle.active,.properties-resize-handle:hover{background-color:#007bff}.properties-header{align-items:center;background:#e9ecef;cursor:pointer;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.properties-header.with-border{border-bottom:1px solid #dee2e6}.properties-title{color:#495057;font-size:16px;font-weight:700}.properties-id-badge{background:#fff;border-radius:4px;color:#6c757d;font-family:monospace;font-size:11px;margin-left:8px;padding:2px 6px}.properties-actions{align-items:center;display:flex;gap:8px}.log-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px}.properties-expand-icon{color:#495057;font-size:1rem;transition:transform .2s}.properties-expand-icon.expanded{transform:rotate(90deg)}.properties-content{background:#fff;flex:1 1;min-height:0;overflow-y:auto;padding:16px}.properties-empty-state{align-items:center;color:#6c757d;display:flex;flex:1 1;font-size:14px;justify-content:center}.entity-node{background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;min-width:260px;padding:10px;position:relative;text-align:center}.agentic-node,.entity-node,.entity-node *{color:#333!important}.agentic-node{align-items:center;background:#fff;border:2px solid #2196f3;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:120px;min-width:180px;padding:16px;position:relative;text-align:center;transition:all .3s ease}.agentic-node:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.agentic-node *,.ingest-node{color:#333!important}.ingest-node{border-radius:8px;cursor:pointer;min-width:180px;padding:10px;position:relative;text-align:center}.ingest-node *{color:#333!important}.ingest-node.start{background:#d1ffd6;border:2.5px solid #43a047}.ingest-node.regular{background:#e3f2fd;border:2px solid #1976d2}.generic-node{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:16px;position:relative;text-align:center;transition:all .3s ease;width:180px}.generic-node,.generic-node *{color:#333!important}.generic-node:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.generic-node img{height:32px;margin-bottom:8px;width:32px}.docprocessor-node{background:#f3e5f5;border-color:#9c27b0}.ocr-node{background:#e8f5e8;border-color:#4caf50}.classifier-node{background:#e3f2fd;border-color:#1976d2}.riskassessment-node{background:#ffebee;border-color:#f44336}.scorer-node{background:#e3f2fd;border-color:#2196f3}.validator-node{background:#e8f5e8;border-color:#4caf50}.decision-node{background:#fce4ec;border-color:#e91e63}.router-node{background:#f1f8e9;border-color:#8bc34a}.approval-node{background:#fff8e1;border-color:#ffc107}.apiconnector-node{background:#e0f2f1;border:2px solid #009688!important}.notification-node{background:#ede7f6;border-color:#673ab7}.mcp-document-node{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #5a67d8;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:16px;position:relative;text-align:center;transition:all .3s ease;width:180px}.mcp-document-node,.mcp-document-node *{color:#fff!important}.mcp-document-node:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.mcp-document-node .node-header{margin-bottom:12px}.mcp-document-node .node-icon{filter:brightness(0) invert(1);height:32px;margin-bottom:8px;width:32px}.mcp-document-node .node-title{font-size:14px;font-weight:600;text-shadow:0 1px 2px #0000004d}.mcp-document-node .node-status-summary{display:flex;flex-direction:column;font-size:11px;gap:4px;margin-top:8px}.mcp-document-node .status-item{align-items:center;background:#ffffff1a;border-radius:4px;display:flex;justify-content:space-between;padding:2px 8px}.mcp-document-node .status-label{opacity:.9}.mcp-document-node .status-value{font-weight:700}.mcp-document-node .status-badge{border-radius:12px;font-size:10px;font-weight:700;margin-top:4px;padding:4px 8px}.mcp-document-node .status-badge.configured{background:#4ade8033;border:1px solid #4ade8080}.mcp-document-node .status-badge.pending{background:#fbbf2433;border:1px solid #fbbf2480}.export-node{background:#efebe9;border-color:#795548}.node-icon{display:block;margin:0 auto 8px}.node-title{font-size:16px}.node-title.start{font-weight:700}.node-start-label{color:#43a047;margin-left:6px}.node-delete-button{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:10}.agentic-node:hover .node-delete-button,.api-connector-node:hover .node-delete-button,.entity-node:hover .node-delete-button,.generic-node:hover .node-delete-button,.ingest-node:hover .node-delete-button,.mcp-document-node:hover .node-delete-button{opacity:1}.node-delete-button:hover{background:#c0392b;transform:scale(1.1)}.node-help-text{color:#888;font-size:12px;margin-top:8px}.payload-dialog-overlay{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.payload-dialog{background:#fff;border-radius:8px;box-shadow:0 2px 16px #888;min-width:350px;padding:24px}.dialog-title{margin-bottom:16px}.dialog-format-label{font-size:13px;font-weight:500}.dialog-format-select{margin-bottom:8px;margin-left:8px}.dialog-textarea{border-radius:4px;font-family:monospace;font-size:13px;margin-top:4px;padding:6px;width:100%}.dialog-textarea.error{border:1px solid #e74c3c}.dialog-textarea.valid{border:1px solid #ccc}.dialog-error{color:#e74c3c;font-size:12px;margin-top:4px}.dialog-actions{margin-top:16px;text-align:right}.dialog-button{border:none;border-radius:4px;cursor:pointer;margin-left:8px;padding:8px 18px}.dialog-button.close{background:#888;color:#fff}.dialog-button.ok{color:#fff}.dialog-button.ok.enabled{background:#2196f3;cursor:pointer}.dialog-button.ok.disabled{background:#aaa;cursor:not-allowed}.log-panel-overlay{background:#222;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;flex-direction:column;left:10px;max-height:300px;position:absolute;top:10px;width:400px;z-index:999}.log-panel-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:12px 16px}.log-panel-title{font-size:14px;font-weight:700}.log-panel-actions{display:flex;gap:8px}.log-panel-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px}.log-panel-button.clear{background:#e67e22}.log-panel-button.close{background:#e74c3c}.log-panel-content{flex:1 1;font-family:monospace;font-size:11px;max-height:250px;overflow-y:auto;padding:12px 16px}.log-panel-empty{color:#aaa;font-size:11px}.log-entry{margin-bottom:4px}.log-timestamp{color:#90caf9;font-size:10px;margin-right:8px}.log-message{font-size:11px}.edge-delete-button{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;width:32px}.react-flow__edge{pointer-events:all;z-index:1000}.react-flow__edge-path{stroke-width:4px;stroke:#2196f3;filter:drop-shadow(0 2px 4px rgba(33,150,243,.3));opacity:.9;transition:all .3s cubic-bezier(.4,0,.2,1)}.react-flow__edge:hover .react-flow__edge-path{stroke-width:5px;stroke:#1976d2;filter:drop-shadow(0 3px 6px rgba(25,118,210,.4));opacity:1}.react-flow__edge.selected .react-flow__edge-path{stroke-width:5px;stroke:#0d47a1;filter:drop-shadow(0 3px 8px rgba(13,71,161,.5));opacity:1}.react-flow__edge-text{fill:#1565c0;font-size:12px;font-weight:600;pointer-events:none;text-shadow:0 1px 2px #fffc;z-index:1001}.react-flow__edge-textpath{dominant-baseline:central}.react-flow__arrowhead{fill:#2196f3;stroke:#2196f3;stroke-width:1px;filter:drop-shadow(0 1px 2px rgba(33,150,243,.3));z-index:1002}.react-flow__edge.selected .react-flow__edge-path{stroke-dasharray:5,5;animation:dash-flow 1s linear infinite;cursor:grab}.react-flow__edge.selected .react-flow__edge-path:active{cursor:grabbing}.react-flow__edgeupdater{background:#fff;border:2px solid #2196f3;border-radius:50%;cursor:grab;height:12px;opacity:0;transition:opacity .2s ease;width:12px}.react-flow__edge.selected .react-flow__edgeupdater{opacity:1}.react-flow__edgeupdater:hover{background:#2196f3;cursor:grabbing}.react-flow__edgeupdater.source{left:-6px}.react-flow__edgeupdater.target{right:-6px}.react-flow__edge:hover .react-flow__arrowhead{fill:#1976d2;stroke:#1976d2;filter:drop-shadow(0 2px 3px rgba(25,118,210,.4))}.react-flow__edge.selected .react-flow__arrowhead{fill:#0d47a1;stroke:#0d47a1;filter:drop-shadow(0 2px 4px rgba(13,71,161,.5))}.react-flow__edge .react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round}.react-flow__connection-line{stroke:#2196f3;stroke-width:3px;stroke-dasharray:8,4;animation:dash-flow 1s linear infinite;filter:drop-shadow(0 2px 4px rgba(33,150,243,.2));opacity:.8}@keyframes dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}.react-flow__edges{z-index:500}.react-flow__nodes{z-index:100}.react-flow__node.selected{z-index:1100!important}.react-flow__node.dragging{z-index:1200!important}.react-flow__arrowhead-closed{fill:currentColor;stroke:currentColor;stroke-width:1px}.react-flow__edge-smoothstep{z-index:1000}.react-flow__edge-smoothstep .react-flow__edge-path{stroke-width:4px;stroke:#2196f3;filter:drop-shadow(0 2px 4px rgba(33,150,243,.3));opacity:.9}.react-flow__edge-step{z-index:1000}.react-flow__edge-step .react-flow__edge-path{stroke-width:4px;stroke:#2196f3;stroke-linecap:square;stroke-linejoin:miter;filter:drop-shadow(0 2px 4px rgba(33,150,243,.3));opacity:.9}.react-flow__edge-step:hover .react-flow__edge-path{stroke-width:5px;stroke:#1976d2;filter:drop-shadow(0 3px 6px rgba(25,118,210,.4));opacity:1}.react-flow__edge-step .react-flow__edge-path{stroke-miterlimit:10}.react-flow__edge-wrapper{pointer-events:all}.react-flow__edge[data-source] .react-flow__edge-path{stroke-dasharray:none;stroke-dashoffset:0}.react-flow__node:hover~.react-flow__edges .react-flow__edge-path{opacity:.6;transition:opacity .2s ease}.react-flow__node.selected~.react-flow__edges .react-flow__edge-path{opacity:.5}.react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round}.react-flow__edge[data-testid*=conditional-true] .react-flow__edge-path{stroke:#10b981}.react-flow__edge[data-testid*=conditional-false] .react-flow__edge-path{stroke:#ef4444}.react-flow__edge[data-testid*=conditional-true] .react-flow__arrowhead{fill:#10b981}.react-flow__edge[data-testid*=conditional-false] .react-flow__arrowhead{fill:#ef4444}.react-flow__edge-textbg{fill:#fff;stroke:#fff;stroke-width:4px}.react-flow__node .component-name,.react-flow__node .node-title,.react-flow__node div:not(.node-delete-button):not(.properties-resize-handle),.react-flow__node-agentic,.react-flow__node-agentic *,.react-flow__node-approval,.react-flow__node-approval *,.react-flow__node-decision,.react-flow__node-decision *,.react-flow__node-docprocessor,.react-flow__node-docprocessor *,.react-flow__node-entity,.react-flow__node-entity *,.react-flow__node-export,.react-flow__node-export *,.react-flow__node-ingest,.react-flow__node-ingest *,.react-flow__node-notification,.react-flow__node-notification *,.react-flow__node-ocr,.react-flow__node-ocr *,.react-flow__node-riskassessment,.react-flow__node-riskassessment *,.react-flow__node-router,.react-flow__node-router *,.react-flow__node-scorer,.react-flow__node-scorer *,.react-flow__node-validator,.react-flow__node-validator *{color:#333!important}.react-flow__node.selected{box-shadow:none!important;transform:none;transition:none;z-index:1000}.react-flow__nodesselection{background:#0000;border:none;border-radius:4px}.react-flow__selection{background:#0000;border:none}.react-flow__node.selected.dragging{opacity:.9;transform:none}.react-flow__node.selected:before{display:none}.react-flow__pane{cursor:default}.react-flow__pane.dragging{cursor:grabbing}.react-flow__controls{z-index:1001}.conditional-node{align-items:center;background:#e0f7fa!important;border:2px solid #00acc1!important;border-radius:12px!important;box-shadow:0 2px 8px #00acc133!important;clip-path:none!important;color:#333!important;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:120px!important;justify-content:center;padding:16px;position:relative;text-align:center;transition:all .3s ease!important;width:200px!important}.conditional-node .react-flow__handle{background:#2196f3!important;border:2px solid #fff!important;height:16px!important;width:16px!important}.conditional-node .react-flow__handle-left{left:-10px!important;top:50%!important;transform:translateY(-50%)!important}.conditional-node .react-flow__handle-top{left:50%!important;top:-10px!important;transform:translateX(-50%)!important}.conditional-node .react-flow__handle-bottom{bottom:-10px!important;left:50%!important;transform:translateX(-50%)!important}.conditional-node *{color:#333!important}.conditional-node:hover{background:#e0f7fa!important;border-color:#00acc1!important;box-shadow:0 4px 12px #00acc14d;transform:translateY(-2px)}.conditional-cross{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:10}.conditional-node:hover .conditional-cross{opacity:1}.conditional-cross:hover{background:#c0392b;transform:scale(1.1)}.conditional-node.selected{background:#e0f7fa!important;border-color:#0097a7!important;box-shadow:0 2px 8px #00acc14d!important}.conditional-node.evaluation-true{border-color:#00695c!important;box-shadow:0 2px 8px #00695c33!important}.conditional-node.evaluation-false{border-color:#d32f2f!important;box-shadow:0 2px 8px #d32f2f33!important}.conditional-node.evaluation-disabled{border-color:#9e9e9e!important;box-shadow:0 2px 8px #9e9e9e33!important}.conditional-node.evaluation-no-rules{border-color:#00acc1!important;box-shadow:0 2px 8px #00acc133!important}.conditional-content{align-items:center;box-sizing:border-box;color:#333!important;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.conditional-icon{color:#8e44ad;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700;margin-bottom:4px}.conditional-icon .node-icon{filter:contrast(1.2);height:24px;opacity:.9;width:24px}.conditional-label{color:#fff;font-size:11px;font-weight:600;line-height:1.2;margin-bottom:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.conditional-summary{color:#ffffffe6;font-size:9px;line-height:1.1;text-shadow:0 1px 2px #0000004d}.rule-count{font-weight:600;margin-bottom:2px}.logic-operator{font-size:8px;font-weight:500;opacity:.8}.no-rules{font-size:8px;font-style:italic;opacity:.8;text-align:center}.config-hint{color:#ffffffb3;font-size:7px;margin-top:1px;opacity:.6}.evaluation-indicator{margin-top:4px}.result-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:4px;font-size:8px;font-weight:700;padding:1px 4px}.result-badge.true{background:#22c55e4d;color:#fff}.result-badge.false{background:#ef44444d;color:#fff}.handle-label{color:#333;font-weight:700;z-index:20}.handle-label-true{top:-12px}.handle-label-false{bottom:-12px}.conditional-handle-true:hover{background:#66bb6a!important;background-color:#66bb6a!important}.conditional-handle-false{background:#f44336!important;background-color:#f44336!important;bottom:-20px!important;left:50%!important;transform:translateX(-50%)!important}.conditional-handle-false:hover{background:#ef5350!important;background-color:#ef5350!important}.handle-label{background:#fffffff2;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#334155;font-size:10px;font-weight:600;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:5}.handle-label-true{border:1px solid #4caf50;color:#2e7d32;left:50%;top:-38px;transform:translateX(-50%)}.handle-label-false{border:1px solid #f44336;bottom:-38px;color:#c62828;left:50%;transform:translateX(-50%)}@media (max-width:768px){.conditional-node{height:120px;width:120px}.conditional-icon{font-size:28px}.conditional-label{font-size:10px}.conditional-summary{font-size:8px}}@keyframes ruleUpdate{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.conditional-content.rule-updated{animation:ruleUpdate .4s ease-out}.conditional-node:focus{outline:3px solid #6366f1;outline-offset:4px}.conditional-node[aria-selected=true]{outline:2px solid #8b5cf6;outline-offset:2px}.smart-router-node{align-items:center;background:#f0f8ff;border:2px solid #eff6ff;border-radius:12px;box-shadow:0 2px 8px #2196f333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:180px;justify-content:center;padding:12px;position:relative;text-align:center;transition:all .3s ease;width:240px}.smart-router-node,.smart-router-node *{color:#333!important}.smart-router-node:hover{box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.smart-router-node.parallel{border-color:#ff9800;box-shadow:0 2px 8px #ff980033}.smart-router-node.parallel:hover{box-shadow:0 4px 12px #ff98004d}.smart-router-node.sequential{border-color:#4caf50;box-shadow:0 2px 8px #4caf5033}.smart-router-node.sequential:hover{box-shadow:0 4px 12px #4caf504d}.smart-router-node.executing{animation:pulse-border 2s infinite;border-color:#9c27b0}@keyframes pulse-border{0%,to{border-color:#9c27b0}50%{border-color:#e1bee7}}.smart-router-node .node-delete-button{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:10}.smart-router-node:hover .node-delete-button{opacity:1}.smart-router-node .node-delete-button:hover{background:#c0392b;transform:scale(1.1)}.router-content{box-sizing:border-box;flex-direction:column;height:100%;width:100%}.router-content,.router-icon{align-items:center;display:flex;justify-content:center}.router-icon{margin-bottom:6px;position:relative}.router-icon .node-icon{filter:contrast(1.2);height:24px;opacity:.9;width:24px}.strategy-indicator{align-items:center;background:#ffffffe6;border:1px solid;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-5px;width:18px}.router-label{color:#333!important;font-size:12px;font-weight:700;margin-bottom:8px;text-align:center}.router-config{color:#666!important;font-size:9px;margin-bottom:6px;text-align:left;width:100%}.config-row{display:flex;justify-content:space-between;margin-bottom:2px;padding:0 4px}.config-label{color:#888!important;font-weight:400}.config-value{color:#333!important;font-weight:700}.execution-stats{background:#0000000d;border-radius:4px;color:#666!important;font-size:8px;margin-bottom:4px;padding:4px;text-align:left;width:100%}.stats-title{color:#333!important;font-size:9px;font-weight:700;margin-bottom:2px}.stat-row{display:flex;justify-content:space-between;margin-bottom:1px}.execution-progress{margin-top:4px;width:100%}.progress-bar{background:#0000001a;margin-bottom:2px}.progress-fill{animation:progress-flow 2s linear infinite;background:linear-gradient(90deg,#9c27b0,#e1bee7,#9c27b0);background-size:200% 100%}@keyframes progress-flow{0%{background-position:200% 0}to{background-position:-200% 0}}.execution-text{color:#9c27b0!important;font-size:8px;font-weight:700;text-align:center}.smart-router-node.selected{border-color:#1976d2;box-shadow:0 0 0 2px #1976d24d}.smart-router-node .react-flow__handle{border:2px solid #fff}.smart-router-node .react-flow__handle-right{background:#4caf50}.smart-router-node.parallel .react-flow__handle-right{background:#ff9800}.smart-router-node[data-branches="1"]{height:140px}.smart-router-node[data-branches="2"]{height:160px}.smart-router-node[data-branches="3"]{height:180px}.smart-router-node[data-branches="4"]{height:200px}.smart-router-node[data-branches="5"],.smart-router-node[data-branches="6"]{height:220px}.smart-router-node:focus-within{outline:2px solid #2196f3;outline-offset:2px}@media (prefers-color-scheme:dark){.smart-router-node{background:#2d2d2d}.smart-router-node,.smart-router-node *{color:#fff!important}.config-label{color:#ccc!important}.execution-stats{background:#ffffff1a}}.api-connector-node{background:#f0fff4;border:2px solid #009688;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:120px;min-width:280px;padding:16px;position:relative;text-align:center;transition:all .2s ease}.api-connector-node,.api-connector-node *{color:#333!important}.api-connector-node:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.api-connector-node.connected{border-color:#48bb78;box-shadow:0 2px 8px #48bb7833}.api-connector-node.connecting{border-color:#ed8936;box-shadow:0 2px 8px #ed893633}.api-connector-node.error{border-color:#f56565;box-shadow:0 2px 8px #f5656533}.node-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;gap:8px;margin-bottom:8px;padding:4px 0 12px;position:relative}.node-icon{height:32px;opacity:.9;width:32px}.node-title{flex:1 1;font-size:12px}.mode-indicator,.node-title{color:#333!important;font-weight:600}.mode-indicator{align-items:center;background:#0000000d;border-radius:10px;display:flex;font-size:10px;gap:4px;padding:2px 6px}.mode-icon{font-size:8px}.mode-text{font-size:9px;letter-spacing:.5px}.node-status{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.connection-indicator{align-items:center;display:flex;font-size:12px;gap:6px}.status-dot{background:#9ca3af}.status-dot.connected{background:#48bb78}.status-dot.connecting{background:#ed8936}.status-dot.error{background:#f56565}.status-dot.disconnected{animation:none;background:#9ca3af}.method-path{background:#0000000d;border-radius:4px;color:#333!important;font-family:Monaco,Courier New,monospace;font-size:11px;padding:2px 6px}.mapping-indicator{align-items:center;align-self:flex-start;background:#00000014;border-radius:12px;color:#333!important;display:flex;font-size:12px;gap:4px;padding:3px 8px}.mapping-icon{font-size:14px}.mapping-confidence{font-size:11px;font-weight:600}.mapping-confidence.confidence-high{color:#68d391}.mapping-confidence.confidence-medium{color:#fbb961}.mapping-confidence.confidence-low{color:#fc8181}.react-flow__handle{border:2px solid #667eea!important;height:12px!important;width:12px!important}.react-flow__handle-left{left:-8px!important}.react-flow__handle-right{right:-8px!important}.start-node{align-items:center;background:#e8f5e8!important;border:2px solid #4caf50!important;border-radius:12px!important;box-shadow:0 2px 8px #4caf5033!important;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:80px!important;justify-content:center;padding:12px;position:relative;text-align:center;transition:all .3s ease!important;width:160px!important}.start-node,.start-node *{color:#333!important}.start-node:hover{background:#e8f5e8!important;border-color:#4caf50!important;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.start-node .node-delete-button{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;line-height:1;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:10}.start-node:hover .node-delete-button{opacity:1}.start-node .node-delete-button:hover{background:#c0392b;transform:scale(1.1)}.start-content{flex-direction:column;gap:4px;height:100%;width:100%}.start-content,.start-header{align-items:center;display:flex;justify-content:center}.start-header{margin-bottom:4px}.start-icon{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.start-icon .node-icon{height:32px;object-fit:contain;width:32px}.start-label{color:#333!important;font-size:12px;font-weight:700}.start-node .react-flow__handle{background:#4caf50!important;border:2px solid #fff!important;height:16px!important;width:16px!important}.start-node .react-flow__handle.react-flow__handle-right{right:-10px!important}.pause-node{align-items:center;background:#fff3e0!important;border:3px solid #ff9800!important;border-radius:14px!important;box-shadow:0 3px 10px #ff980040!important;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100px!important;justify-content:center;padding:16px;position:relative;text-align:center;transition:all .3s ease!important;width:200px!important}.pause-node,.pause-node *{color:#333!important}.pause-node:hover{background:#fff3e0!important;border-color:#ff9800!important;box-shadow:0 6px 16px #ff980059;transform:translateY(-2px)}.pause-node .node-delete-button{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;line-height:1;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:10}.pause-node:hover .node-delete-button{opacity:1}.pause-node .node-delete-button:hover{background:#c0392b;transform:scale(1.1)}.pause-content{flex-direction:column;height:100%;width:100%}.pause-content,.pause-header{align-items:center;display:flex;justify-content:center}.pause-header{margin-bottom:4px}.pause-icon{height:40px;width:40px}.pause-icon,.pause-icon-symbol{align-items:center;display:flex;justify-content:center}.pause-icon-symbol{gap:4px;height:26px;width:26px}.pause-bar{background:#ff9800;border-radius:1px;height:16px;width:4px}.pause-label{color:#333!important;font-size:12px;font-weight:600;line-height:1.2;margin-bottom:2px;text-align:center}.pause-duration{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;color:#666!important;font-size:10px;font-weight:500;padding:2px 6px}.pause-node.selected{background:#ffe0b2!important;border-color:#f57c00!important;box-shadow:0 0 0 2px #ff98004d!important}.pause-node .react-flow__handle{background:#fff;border:2px solid #ff9800;height:8px;width:8px}.pause-node .react-flow__handle:hover{background:#ff9800}@keyframes pause-pulse{0%,to{opacity:1}50%{opacity:.6}}.pause-node.executing .pause-icon-symbol{animation:pause-pulse 2s ease-in-out infinite}.pause-node.executing .pause-label{color:#f57c00!important;font-weight:700}.pause-node:focus-within{outline:2px solid #ff9800;outline-offset:2px}.pause-node .node-delete-button:focus{outline:2px solid #fff;outline-offset:1px}.react-flow__node-pause{background:#0000!important;border:none!important;padding:0!important}.react-flow__node-pause .pause-node,.stop-node{height:80px!important;width:160px!important}.stop-node{align-items:center;background:#ffebee!important;border:2px solid #f44336!important;border-radius:12px!important;box-shadow:0 2px 8px #f4433633!important;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;padding:12px;position:relative;text-align:center;transition:all .3s ease!important}.stop-node,.stop-node *{color:#333!important}.stop-node:hover{background:#ffebee!important;border-color:#f44336!important;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.stop-node .node-delete-button{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:10}.stop-node:hover .node-delete-button{opacity:1}.stop-node .node-delete-button:hover{background:#c0392b;transform:scale(1.1)}.stop-content{flex-direction:column;gap:4px;height:100%;width:100%}.stop-content,.stop-header{align-items:center;display:flex;justify-content:center}.stop-header{margin-bottom:4px}.stop-icon{align-items:center;display:flex;justify-content:center}.stop-icon .node-icon{height:20px;object-fit:contain;width:20px}.stop-label{color:#333!important;font-size:12px;font-weight:700}.stop-node.selected{border-color:#dc2626;box-shadow:0 0 0 2px #dc26264d}.agent-hub-node{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ff6b35;border-radius:12px;box-shadow:0 4px 12px #667eea4d;min-width:140px;padding:12px;position:relative;transition:all .3s ease}.agent-hub-node:hover{border-color:#ff8c65;box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.agent-hub-icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative}.brain-icon{font-size:32px}.brain-icon,.robot-icon{animation:pulse 2s infinite}.robot-icon{filter:brightness(1.2) drop-shadow(0 2px 4px rgba(0,0,0,.3));height:32px;width:32px}.ai-sparkle{animation:sparkle 1.5s infinite alternate;font-size:14px;position:absolute;right:-5px;top:-5px}.agent-hub-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:6px;justify-content:space-between;margin:8px 0;padding:4px 8px}.agent-count,.agent-hub-status{align-items:center;display:flex}.agent-count{color:#fff;font-size:12px;font-weight:700;gap:4px}.count-icon{font-size:14px}.count-value{background:#ff6b35cc;border-radius:10px;min-width:18px;padding:2px 6px;text-align:center}.learning-indicator{align-items:center;display:flex}.learning-pulse{background:#4caf50;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.learning-pulse.active{animation:learningPulse 1s infinite;background:#ff6b35;box-shadow:0 0 10px #ff6b3599}.learning-pulse.idle{background:#9e9e9e;opacity:.5}.double-click-hint{color:#ffffffb3;font-size:10px;font-style:italic;margin-top:4px;text-align:center}@keyframes sparkle{0%{opacity:.8;transform:rotate(0deg) scale(1)}to{opacity:1;transform:rotate(180deg) scale(1.2)}}@keyframes learningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.agent-hub-node .node-title{color:#fff;font-weight:700;margin:4px 0;text-align:center;text-shadow:0 1px 2px #0000004d}.agent-hub-node .node-delete-button{background:#ff6b35cc;border:1px solid #ffffff4d}.agent-hub-node .node-delete-button:hover{background:#ff6b35;border-color:#fff9}.error-node{align-items:center;background:#ffebee!important;border:2px solid #f44336!important;border-radius:12px!important;box-shadow:0 2px 8px #f4433633!important;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:80px!important;justify-content:center;padding:12px;position:relative;text-align:center;transition:all .3s ease!important;width:160px!important}.error-node,.error-node *{color:#333!important}.error-node:hover{background:#ffebee!important;border-color:#f44336!important;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}.error-node.level-fatal{border-color:#d84315!important;box-shadow:0 2px 8px #d843154d!important}.error-node.level-warn{border-color:#ff9800!important;box-shadow:0 2px 8px #ff980033!important}.error-node .node-delete-button{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px;z-index:10}.error-node:hover .node-delete-button{opacity:1}.error-node .node-delete-button:hover{background:#c0392b;transform:scale(1.1)}.error-content{align-items:center;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;width:100%}.error-header{justify-content:center;margin-bottom:4px}.error-icon{align-items:center;display:flex;justify-content:center}.error-icon .node-icon{height:20px;object-fit:contain;width:20px}.error-label{color:#333!important;font-size:12px;font-weight:700}.error-level-display{background:#dc26261a;border-radius:8px;color:#666!important;font-size:10px;font-weight:600;padding:2px 6px}.error-node.selected{border-color:#dc2626;box-shadow:0 0 0 2px #dc26264d}.workflow-execution-controls{background:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1rem}.workflow-execution-controls h4{color:#2c3e50;margin:0 0 1rem}.execution-controls{display:flex;gap:.5rem;margin-bottom:1rem}.execution-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.execution-btn.execute{background:#22c55e;color:#fff}.execution-btn.execute:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.execution-btn.execute:disabled{background:#95a5a6;cursor:not-allowed}.execution-btn.schedule{background:#3498db;color:#fff}.execution-btn.schedule:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.execution-btn.history{background:#9b59b6;color:#fff}.execution-btn.history:hover:not(:disabled){background:#8e44ad;box-shadow:0 4px 12px #9b59b64d;transform:translateY(-2px)}.spinner{border:2px solid #fff;border-top-color:#0000;display:inline-block;height:12px;width:12px}*{margin:0;padding:0}body{font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}nav .container{align-items:center;display:flex;justify-content:space-between}.logo{color:#2563eb;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#666;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#2563eb}.mobile-menu-toggle{display:none}.cta-button{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;box-shadow:0 4px 14px #2563eb40;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 6px 20px #2563eb59;transform:translateY(-2px)}.page{align-items:center;display:flex;min-height:100vh;padding-top:100px;position:relative}.page:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;opacity:.05;position:absolute;right:0;top:0;z-index:-1}.page-content{margin:0 auto;max-width:800px;text-align:center}.page-1:before{background:linear-gradient(135deg,#667eea,#764ba2)}.page-2:before{background:linear-gradient(135deg,#f093fb,#f5576c)}.page-3:before{background:linear-gradient(135deg,#4facfe,#00f2fe)}h1{color:#2563eb}.component-h1,h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem}.component-h1{background:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;text-align:center}.component-h1,.page-2 h1{-webkit-text-fill-color:#0000}.page-2 h1{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text}.page-3 h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text}h2{color:#1f2937;font-size:2rem;font-weight:600;margin-bottom:2rem}.subheadline{color:#374151;font-size:1.5rem;font-weight:500;margin:2rem auto 2.5rem;max-width:900px;text-align:center}.capabilities-tiles{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0}.capability-tile{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.capability-tile:hover{border-color:#667eea4d;box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.capability-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.capability-title{font-weight:700}.capability-description{font-size:.95rem;line-height:1.6}.why-matters-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f;margin:3rem 0;padding:3rem}.why-matters-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4b5563,#6b7280);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.why-matters-intro{color:#374151;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.why-tiles{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.why-tile{background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border:2px solid #6b72801a;border-radius:20px;box-shadow:0 8px 25px #0000000f;padding:2rem;text-align:center;transition:all .3s ease}.why-tile:hover{border-color:#6b728040;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.why-icon{color:#6b7280;font-size:2.5rem;margin-bottom:1rem}.why-title{color:#1f2937;font-size:1.2rem;font-weight:700;margin-bottom:.8rem}.why-desc{color:#6b7280;font-size:1rem;line-height:1.6}.problems-solutions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}.problem-solution{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff80;border-radius:16px;display:flex;gap:1rem;justify-content:center;padding:1.5rem;transition:all .3s ease}.problem-solution:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.problem{color:#dc2626;font-size:1.1rem;font-weight:600;min-width:200px;text-align:right}.arrow{color:#667eea;font-size:1.5rem;font-weight:700}.solution{color:#059669;font-size:1.1rem;font-weight:500;min-width:300px}.cta-section{margin-top:3rem;text-align:center}.discover-cta{background:linear-gradient(135deg,#4b5563,#6b7280);border:none;border-radius:50px;box-shadow:0 8px 25px #4b55634d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:.5px;padding:1.2rem 3rem;text-transform:uppercase;transition:all .3s ease}.discover-cta:hover{background:linear-gradient(135deg,#374151,#4b5563);box-shadow:0 15px 35px #4b556366;transform:translateY(-3px)}.core-message-section{background:#ffffffe6;border:1px solid #0000000f;border-radius:20px;box-shadow:0 12px 30px #00000014;margin:2rem 0 1rem;padding:2rem}.core-message-section h2{color:#1f2937;font-size:1.75rem;margin-bottom:1rem}.core-message-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.core-message-list li{align-items:center;background:#f8fafce6;border-radius:12px;display:flex;gap:.5rem;padding:.75rem 1rem}.core-key{color:#111827;font-weight:700}.core-text{color:#374151}.unique-capabilities{margin-top:3rem}.capabilities-helix{margin-bottom:4rem}.capabilities-helix h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4b5563,#6b7280);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.helix-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1000px;padding:3rem 0;position:relative}.capability-strand{display:flex;flex-direction:column;gap:3rem;width:40%}.capability-strand.left .capability-node{margin-left:auto;text-align:right}.capability-strand.right .capability-node{margin-right:auto;text-align:left}.capability-node{background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border:2px solid #6b728026;border-radius:16px;box-shadow:0 6px 20px #0000000d;max-width:300px;padding:1.75rem;transition:all .3s ease}.capability-node:hover{border-color:#6b728040;box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.node-title{color:#1f2937;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.node-desc{color:#6b7280;font-size:1rem;line-height:1.6}.helix-center{align-items:center;display:flex;height:100%;justify-content:center;width:20%}.dna-strand{animation:pulse 2s ease-in-out infinite alternate;background:linear-gradient(180deg,#6b7280,#9ca3af 50%,#6b7280);border-radius:3px;height:400px;position:relative;width:6px}.dna-strand:after,.dna-strand:before{background:linear-gradient(90deg,#6b7280,#9ca3af);border-radius:2px;content:"";height:3px;position:absolute;width:20px}.dna-strand:before{left:-7px;top:25%;transform:rotate(45deg)}.dna-strand:after{left:-7px;top:75%;transform:rotate(-45deg)}.differentiators-orbit{margin-bottom:4rem;padding:4rem 0}.differentiators-orbit h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4b5563,#6b7280);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.core-differentiators{gap:3rem;margin-bottom:4rem;padding:2rem 0}.central-hub,.central-hub-showcase,.core-differentiators{align-items:center;display:flex;justify-content:center}.central-hub{background:#2563eb;border-radius:50%;box-shadow:0 8px 25px #2563eb4d;height:120px;width:120px}.differentiator-cards{display:flex;flex-wrap:wrap;gap:2rem}.diff-card{background:#fffffffa;border:2px solid #2563eb1a;border-radius:15px;box-shadow:0 4px 15px #0000000d;min-width:160px;padding:1.5rem;text-align:center;transition:all .3s ease}.diff-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.diff-card.composable{border-color:#2f855a33}.diff-card.adaptive{border-color:#3182ce33}.diff-card.agent-ready{border-color:#d69e2e33}.card-icon{font-size:2.5rem;margin-bottom:1rem}.card-title{color:#1f2937;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.card-subtitle{color:#6b7280;font-size:.9rem;line-height:1.3}.industry-header{margin-bottom:3rem;text-align:center}.industry-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.industry-header p{color:#4b5563;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.industry-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.industry-example{background:#f8fafccc;border:1px solid #2563eb14;border-radius:12px}.industry-example:hover{border-color:#2563eb26;box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.industry-icon{font-size:2rem;margin-bottom:.8rem}.industry-name{color:#1f2937;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.industry-desc{color:#6b7280;font-size:.9rem;line-height:1.4}.differentiators-main-container{align-items:flex-start;display:flex;gap:4rem;margin:0 auto;max-width:1400px;padding:2rem 0}.industry-content{flex:1 1;max-width:600px}.industry-grid-horizontal{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.industry-example{align-items:flex-start;background:#fffffff2;border:2px solid #2563eb1a;border-radius:15px;box-shadow:0 4px 15px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.industry-example:hover{border-color:#2563eb33;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.industry-info{flex:1 1}.orbital-system-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:2rem 0}.orbit-system{height:500px;margin:3rem auto;position:relative;width:500px}.industry-section{background:#fffffff2;border:1px solid #2563eb1a;border-radius:20px;box-shadow:0 8px 25px #0000000d;margin-top:4rem;padding:3rem}.hub-text{color:#fff;font-size:.9rem;font-weight:700;line-height:1.2;text-align:center}.industry-showcase{padding:4rem 0}.industry-header-main{margin-bottom:4rem;text-align:center}.industry-header-main h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.industry-header-main p{color:#4b5563;font-size:1.2rem;line-height:1.7;margin:0 auto;max-width:800px}.industry-ecosystem{margin-bottom:4rem}.industry-ecosystem-horizontal{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:4rem}.industry-card-clean{background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 4px 15px #0000000f;flex:1 1;max-width:280px;min-width:200px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.industry-card-clean:hover{border-color:#2563eb26;box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.industry-content-clean{display:flex;flex-direction:column;gap:.75rem}.industry-card-clean .industry-name{color:#1f2937;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.industry-card-clean .industry-desc{color:#6b7280;font-size:.95rem;line-height:1.5}.industry-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.industry-row,.industry-row:first-child{justify-content:center}.industry-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 25px #00000014;flex:1 1;max-width:320px;min-width:280px;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.industry-card.featured{box-shadow:0 12px 35px #0000001f;transform:scale(1.05)}.industry-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px) scale(1.02)}.industry-card.featured:hover{transform:translateY(-8px) scale(1.07)}.industry-gradient{border-radius:20px 20px 0 0;height:4px;left:0;position:absolute;right:0;top:0}.industry-gradient.banking{background:linear-gradient(135deg,#059669,#10b981)}.industry-gradient.healthcare{background:linear-gradient(135deg,#dc2626,#ef4444)}.industry-gradient.insurance{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.industry-gradient.manufacturing{background:linear-gradient(135deg,#ea580c,#f97316)}.industry-gradient.retail{background:linear-gradient(135deg,#db2777,#ec4899)}.industry-gradient.education{background:linear-gradient(135deg,#2563eb,#3b82f6)}.industry-content{align-items:flex-start;display:flex;gap:1.5rem}.industry-card .industry-icon{flex-shrink:0;font-size:2.5rem}.industry-card .industry-name{color:#1f2937;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.industry-card .industry-desc{color:#6b7280;font-size:1rem;line-height:1.5}.platform-differentiators{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.differentiator-item{align-items:flex-start;background:#fffc;border:1px solid #2563eb1a;border-radius:16px;box-shadow:0 4px 15px #0000000d;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.differentiator-item:hover{border-color:#2563eb33;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.diff-icon{flex-shrink:0;font-size:2.5rem}.diff-content h4{color:#1f2937;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.diff-content p{color:#4b5563;font-size:1rem;line-height:1.6}.founder-attribution{border-top:1px solid #fff3;margin-top:2rem;padding-top:2rem;text-align:right}.founder-title{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.founder-company{color:#ffffffb3;font-size:.9rem;font-weight:400}.founder-quote-container{align-items:flex-end;display:flex;gap:2rem}.founder-quote{flex:1 1}.founder-attribution-right{border-left:1px solid #fff3;flex-shrink:0;padding-left:2rem;text-align:right}.founder-attribution-right .founder-title{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.founder-attribution-right .founder-company{color:#ffffffb3;font-size:.9rem;font-weight:400}@media (max-width:768px){.core-message-list{grid-template-columns:1fr}.helix-container{flex-direction:column;gap:2rem;padding:2rem 0}.capability-strand{width:100%}.capability-strand.left .capability-node,.capability-strand.right .capability-node{margin:0 auto;max-width:100%;text-align:center}.helix-center{margin:2rem 0;order:-1;width:100%}.dna-strand{height:100px;transform:rotate(90deg)}.industry-ecosystem-horizontal{align-items:center;flex-direction:column;gap:1rem}.industry-card-clean{max-width:350px;min-width:250px}.differentiators-main-container{flex-direction:column;gap:3rem}.industry-grid-horizontal{grid-template-columns:repeat(2,1fr)}.orbital-system-container{order:-1}.orbit-system{height:300px;margin:2rem auto;width:300px}.industry-row{align-items:center;flex-direction:column}.industry-card{max-width:400px;width:100%}.industry-card.featured{transform:none}.platform-differentiators{grid-template-columns:1fr}.industry-header-main h3{font-size:2rem}.founder-quote-container{flex-direction:column;gap:1.5rem}.founder-attribution-right{border-left:none;border-top:1px solid #fff3;padding-left:0;padding-top:1.5rem;text-align:center}}@media (max-width:480px){.industry-grid-horizontal{grid-template-columns:1fr}.industry-header-main h3{font-size:1.8rem}.industry-header-main p{font-size:1.1rem}.industry-card{min-width:auto;padding:1.5rem}.industry-card-clean{max-width:100%;min-width:200px;padding:1.2rem}.founder-quote-container{flex-direction:column;gap:1.5rem}.founder-attribution-right{border-left:none;border-top:1px solid #fff3;padding-left:0;padding-top:1.5rem;text-align:center}.core-differentiators{align-items:center;flex-direction:column;gap:2rem;text-align:center}.differentiator-cards{align-items:center;flex-direction:column;gap:1.5rem}.diff-card{max-width:300px;min-width:280px}.industry-section{padding:2rem 1.5rem}.industry-grid{gap:1rem;grid-template-columns:1fr}.industry-example{padding:1.25rem}.orbit-1,.orbit-2,.orbit-3{border:none;margin-bottom:1rem}.orbit-1,.orbit-2,.orbit-3,.planet{animation:none;height:auto;position:static;width:100%}.planet{border-radius:15px;padding:1.5rem}.central-hub{margin:0 auto 2rem;position:static;transform:none}}.visual-equation{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 10px 25px -3px #0000001a;margin:2rem 0;max-width:100%;padding:3rem}.equation-part{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem}.brand,.equals{font-weight:700}.equals{color:#6b7280;font-size:2.5rem}.components-visual{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:center;margin:2rem auto;max-width:1200px;width:100%}.component-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea;border-radius:20px;flex:1 1;max-width:260px;min-width:0;padding:1.25rem;text-align:center;transition:all .3s;width:260px}.component-box.expanded{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid #0000;box-shadow:0 25px 50px #0003,0 10px 20px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;max-height:200px;min-height:200px;overflow:hidden;padding:.75rem 1.5rem 1.5rem;position:relative}.component-box.expanded:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:17px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.component-box.pastel-1{background:#edf2f7;border:2px solid #cbd5e0;box-shadow:0 4px 20px #2d374814;color:#2d3748}.component-box.pastel-1:hover{border-color:#a0aec0;box-shadow:0 20px 40px #2d37481f;transform:translateY(-5px)}.component-box.pastel-2{background:#f0fff4;border:2px solid #c6f6d5;box-shadow:0 4px 20px #1a202c14;color:#1a202c}.component-box.pastel-2:hover{border-color:#9ae6b4;box-shadow:0 20px 40px #1a202c1f;transform:translateY(-5px)}.component-box.pastel-3{background:#ebf8ff;border:2px solid #bee3f8;box-shadow:0 4px 20px #1a365d14;color:#1a365d}.component-box.pastel-3:hover{border-color:#90cdf4;box-shadow:0 20px 40px #1a365d1f;transform:translateY(-5px)}.component-box.pastel-4{background:#fffaf0;border:2px solid #fbd38d;box-shadow:0 4px 20px #74421014;color:#744210}.component-box.pastel-4:hover{border-color:#f6ad55;box-shadow:0 20px 40px #7442101f;transform:translateY(-5px)}.component-box.expanded:hover{border-color:#a0aec099;box-shadow:0 32px 64px #2d374826,0 16px 32px #2d37481a;transform:translateY(-12px)}.component-box .component-icon{display:block}.component-box .component-icon,.pastel-1 .component-icon,.pastel-2 .component-icon,.pastel-3 .component-icon,.pastel-4 .component-icon{font-size:2.2rem;margin-bottom:.8rem;margin-top:0}.pastel-1 .component-name,.pastel-2 .component-name,.pastel-3 .component-name,.pastel-4 .component-name{font-size:1rem;font-weight:700;line-height:1.2;margin-bottom:.6rem;margin-top:0}.pastel-1 .component-description,.pastel-2 .component-description,.pastel-3 .component-description,.pastel-4 .component-description{font-size:.7rem;font-weight:400;line-height:1.3;margin-top:0;opacity:.9}.pastel-1 .component-icon{color:#4a5568}.pastel-2 .component-icon{color:#2f855a}.pastel-3 .component-icon{color:#3182ce}.pastel-4 .component-icon{color:#d69e2e}.component-name{color:#1f2937;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;margin-top:0}.component-box .component-description{color:#6b7280;font-size:.75rem;line-height:1.3;margin-top:0}.plus{color:#667eea;font-size:2rem;font-weight:700;margin:0 .5rem}.equation-result{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.result{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.components-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3rem 0}.component-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:12px;padding:1.5rem}.detail-header{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;gap:.5rem;margin-bottom:1rem}.detail-header i{font-size:1.5rem}.component-detail p{color:#6b7280;font-size:.95rem}.components-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3rem 0}.component-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;transition:transform .3s,box-shadow .3s}.component-card:hover{box-shadow:0 10px 25px -3px #0000001a;transform:translateY(-5px)}.component-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.component-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.component-description{color:#6b7280;font-size:.8rem}.capabilities{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0}.capability-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:12px;padding:2rem}.capability-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.capability-description{color:#6b7280}.cta-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;display:inline-block;margin-top:2rem;padding:1rem 2rem;text-decoration:none;transition:all .3s}.cta-primary:hover{box-shadow:0 8px 25px #667eea99}.page-2 .cta-primary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f093fb66}.page-2 .cta-primary:hover{box-shadow:0 8px 25px #f093fb99}.page-3 .cta-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe66}.page-3 .cta-primary:hover{box-shadow:0 8px 25px #4facfe99}.founder-quote{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;color:#374151;font-size:1.1rem;font-style:italic;line-height:1.7;margin:3rem 0;padding:3rem}.founder-name{color:#1f2937;font-style:normal;font-weight:600;margin-top:1rem}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:1.5rem}.subheadline{font-size:1rem}.capabilities,.components-grid{grid-template-columns:1fr}nav .container{position:relative}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:8px;z-index:1001}.mobile-menu-toggle span{background:#2563eb;height:3px;margin:3px 0;transition:.3s;width:25px}.nav-links{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;height:100vh;justify-content:center;left:0;padding:2rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:1000}.nav-links.mobile-open{transform:translateX(0)}.nav-links li{margin:1rem 0;text-align:center}.nav-links a{border-radius:8px;color:#fff;display:block;font-size:1.2rem;padding:1rem;text-decoration:none;transition:background .3s ease}.nav-links a:hover{background:#ffffff1a}.nav-back-btn,.nav-manifest-btn{font-size:1.2rem;margin:.5rem;padding:1rem 2rem}.cta-button{font-size:.9rem;padding:.5rem 1rem}.visual-equation{padding:2rem 1rem}.brand{font-size:2rem}.equals,.result{font-size:1.8rem}.components-visual{align-items:center;flex-direction:column;gap:.5rem;padding:0 1rem;width:100%}.component-box{font-size:.9rem;max-width:320px;padding:1rem;width:100%}.component-box.expanded{max-height:160px;min-height:160px}.plus{color:#667eea;font-size:1.5rem;font-weight:700;margin:.5rem 0;transform:rotate(90deg)}.capabilities-tiles{gap:1.5rem;grid-template-columns:1fr}.capability-tile,.why-matters-section{padding:2rem 1.5rem}.why-tiles{gap:1.5rem;grid-template-columns:1fr}.why-tile{padding:1.5rem}.why-matters-section h2{font-size:2rem}.why-matters-intro{font-size:1rem}.problem-solution{flex-direction:column;gap:.5rem;text-align:center}.problem,.solution{min-width:auto;text-align:center}.discover-cta{font-size:1rem;padding:1rem 2rem}.components-details{grid-template-columns:1fr}}html{scroll-behavior:smooth}.page-indicators{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000}.indicator{background:#3b82f666;border:2px solid #3b82f699;border-radius:50%;cursor:pointer;height:12px;margin:8px 0;transition:all .3s;width:12px}.indicator.active{background:#2563eb;border-color:#2563eb;transform:scale(1.2)}.indicator:hover{background:#3b82f6b3;transform:scale(1.1)}.nav-back-btn,.nav-manifest-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.nav-back-btn:hover,.nav-manifest-btn:hover{background:linear-gradient(135deg,#5a67d8,#667eea);transform:translateY(-2px)}.nav-current{color:#667eea;font-size:.9rem;font-weight:600}.manifest-ai-page{background:#1a1c29;min-height:100vh;overflow:hidden;position:relative}.manifest-hero{padding:8rem 2rem 4rem;position:relative;text-align:center;z-index:10}.manifest-logo{margin-bottom:2rem}.manifest-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f9ff 50%,#e0f2fe);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px #ffffff80}.manifest-ai,.manifest-brand{font-size:4rem;font-weight:800}.manifest-ai{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px #667eea80}.manifest-title{color:#fff;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.manifest-hero-description{color:#fffc;font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:700px}.manifest-content{position:relative;z-index:10}.why-ai-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;padding:4rem 2rem}.why-ai-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.section-intro{color:#e0e0e0;font-size:1.3rem;font-weight:300;line-height:1.8;margin:0 auto 4rem;max-width:900px;text-align:center}.crisis-callout{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 15px 35px #667eea4d;margin-top:4rem;padding:3rem;text-align:center}.crisis-callout h3{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}.crisis-callout p{color:#fff;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px}.ai-importance-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.importance-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2.5rem;text-align:center;transition:all .3s ease}.importance-card:hover{background:#ffffff26;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.importance-card .card-icon{display:block;font-size:3rem;margin-bottom:1.5rem}.importance-card h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.importance-card p{color:#fffc;line-height:1.6}.capability-highlight{background:#667eea33;border-left:4px solid #667eea;border-radius:5px;color:#b0c4de;font-style:italic;font-weight:500;padding:1rem}.impact-statement{background:linear-gradient(135deg,#ff6b6b,orange);border-radius:10px;color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}.proprietary-models-section{background:#0003;padding:4rem 2rem}.proprietary-models-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.model-showcase{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px}.model-detail-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:3rem;transition:all .3s ease}.model-detail-card.featured{background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid #667eea66}.model-detail-card:hover{background:#ffffff26;box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.model-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.model-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem;text-transform:uppercase}.model-detail-card h3{color:#fff;font-size:2rem;font-weight:700;margin:0}.model-stats{display:flex;gap:3rem;margin-bottom:2rem}.stat-number{color:#667eea;font-weight:800;margin-bottom:.5rem}.stat-label{color:#ffffffb3;display:block}.model-description{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.model-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.feature{color:#fffc;font-size:.95rem}.model-capabilities{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.capability{background:#667eea33;border:1px solid #667eea66;border-radius:15px;color:#fff;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.competitive-advantage-section{background:#ffffff0d;padding:4rem 2rem}.competitive-advantage-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.comparison-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.comparison-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;padding:3rem}.comparison-card.manifest{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea66}.comparison-card.generic{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef444466}.comparison-card h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.advantage-list,.disadvantage-list{display:flex;flex-direction:column;gap:1rem}.advantage{border-bottom:1px solid #667eea33;color:#ffffffe6}.advantage,.disadvantage{font-size:1rem;padding:.8rem 0}.disadvantage{border-bottom:1px solid #ef444433;color:#ffffffb3}.metrics-section{background:#0003;padding:4rem 2rem}.metrics-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.metrics-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.metric-card{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;flex-direction:column;justify-content:center;padding:2.5rem;text-align:center}.metric-card:hover{background:#ffffff26}.metric-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:block;font-size:3rem;font-weight:800;line-height:1;margin-bottom:1rem}.metric-label{color:#fffc;display:block;line-height:1.3}.manifest-cta-section{background:#ffffff0d;padding:4rem 2rem;text-align:center}.cta-content h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-content p{color:#fffc;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:3rem}.cta-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 10px 30px #ff6b6b66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.2rem 2.5rem;transition:all .3s ease}.cta-primary:hover{box-shadow:0 15px 40px #ff6b6b99;transform:translateY(-3px)}.cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.2rem 2.5rem;transition:all .3s ease}.cta-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.trust-indicators{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.trust-indicators span{color:#ffffffb3;font-size:.9rem;font-weight:500}@media (max-width:768px){.manifest-ai,.manifest-brand{font-size:2.5rem}.manifest-title{font-size:2rem}.manifest-hero-description{font-size:1.1rem}.ai-importance-grid{grid-template-columns:1fr}.model-stats{flex-direction:column;gap:1.5rem;text-align:center}.comparison-grid,.model-features{grid-template-columns:1fr}.comparison-grid{gap:2rem}.metrics-grid{grid-template-columns:1fr;max-width:300px}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:300px;width:100%}.trust-indicators{flex-direction:column;gap:1rem}}.model-action{margin-top:2rem;text-align:center}.try-engine-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.try-engine-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.try-engine-btn:active{transform:translateY(0)}.modal-overlay{background:#000c}.surety-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{padding:2rem}.modal-header h2{color:#fff}.modal-close{color:#fff;transition:background-color .3s ease}.modal-close:hover{background:#ffffff1a}.surety-form{padding:2rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.form-group label{color:#fff}.form-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:12px;transition:all .3s ease}.form-group input:focus{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.form-group input::placeholder{color:#ffffff80}.form-actions{border-top:1px solid #ffffff1a;gap:1rem}.btn-cancel{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover{background:#ffffff1a}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;min-width:140px;padding:12px 24px;transition:all .3s ease}.btn-submit:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.surety-results{padding:2rem}.surety-results h3{color:#fff;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.result-card{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.result-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.result-card:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.result-label{color:#fffc;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.result-value{color:#fff;font-size:1.2rem;font-weight:700}.risk-level-low{color:#4ade80!important}.risk-level-medium{color:#fbbf24!important}.risk-level-high{color:#f87171!important}.result-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:center;padding-top:1rem}.btn-close,.btn-try-again{background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:12px 24px;transition:all .3s ease}.btn-try-again{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.btn-close:hover,.btn-try-again:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.modal-overlay{padding:10px}.surety-modal{max-height:95vh}.form-grid{gap:1rem;grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-actions,.result-actions{flex-direction:column}.modal-header,.surety-form,.surety-results{padding:1.5rem}}.queue-creation-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.queue-creation-modal{animation:slideUp .3s ease-out;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.modal-header{background:linear-gradient(135deg,#fafafa,#f8fafc);border-bottom:1px solid #f1f5f9;padding:24px 32px}.modal-header h2{align-items:center;color:#0f172a;display:flex;font-size:24px;font-weight:700;gap:12px;letter-spacing:-.025em}.modal-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px}.close-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;height:40px;width:40px}.close-btn:hover{border-color:#cbd5e1;color:#475569;transform:scale(1.05)}.queue-creation-form{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:32px 32px 0}.form-section:last-child{margin-bottom:24px}.form-section h3{color:#1e293b;font-weight:700;letter-spacing:-.025em}.section-icon{color:#6366f1;font-size:20px}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.template-card{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.template-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.template-card:hover{border-color:#c7d2fe;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.template-card:hover:before{transform:scaleX(1)}.template-card.selected{background:linear-gradient(135deg,#f8faff,#f0f4ff);border-color:#6366f1;box-shadow:0 10px 15px -3px #6366f11a,0 4px 6px -2px #6366f10d}.template-card.selected:before{transform:scaleX(1)}.template-icon{flex-shrink:0;font-size:36px;opacity:.9}.template-content{flex:1 1}.template-content h4{color:#1e293b;font-size:16px;font-weight:600;letter-spacing:-.025em;margin:0 0 8px}.template-content p{color:#64748b;font-size:14px;line-height:1.6;margin:0}.form-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{gap:8px}.form-group label{letter-spacing:-.025em}.form-group label:has(+.form-input[required]):after,.form-group label[data-required=true]:after{color:#dc2626;content:" *";font-weight:700}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:14px 16px;transition:all .2s ease}.form-input:invalid:not(:placeholder-shown),.form-textarea:invalid:not(:placeholder-shown){background:#fef2f2;border-color:#f87171}.form-input:valid:not(:placeholder-shown),.form-textarea:valid:not(:placeholder-shown){background:#f0fdf4;border-color:#10b981}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#d1d5db}.form-textarea{line-height:1.6;min-height:100px}.form-hint{color:#6b7280;font-size:12px;line-height:1.4;margin-top:4px}.queue-type-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.queue-type-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.queue-type-card:before{background:linear-gradient(90deg,#10b981,#059669);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.queue-type-card:hover{border-color:#a7f3d0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.queue-type-card:hover:before{transform:scaleX(1)}.queue-type-card.selected{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981;box-shadow:0 10px 15px -3px #10b9811a,0 4px 6px -2px #10b9810d}.queue-type-card.selected:before{transform:scaleX(1)}.queue-type-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.queue-type-icon{font-size:24px}.queue-type-info h4{color:#111827;font-size:16px;font-weight:600;letter-spacing:-.025em;margin:0 0 4px}.queue-type-info p{color:#6b7280;font-size:13px;line-height:1.5;margin:0}.queue-type-features{margin-top:12px}.queue-type-features ul{color:#6b7280;font-size:12px;margin:0;padding-left:16px}.queue-type-features li{line-height:1.4;margin-bottom:4px}.performance-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.performance-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.performance-card:hover{background:#f1f5f9;border-color:#cbd5e1}.performance-card h4{align-items:center;color:#1e293b;display:flex;font-size:14px;gap:8px;margin:0 0 12px}.performance-icon{color:#8b5cf6;font-size:16px}.error-message{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;gap:12px;padding:16px}.validation-message{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px;gap:12px;margin-bottom:20px;padding:16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon,.validation-icon{font-size:20px}.error-icon{color:#dc2626}.validation-icon{color:#3b82f6}.error-text,.validation-text{font-size:14px;font-weight:500;margin:0}.error-text{color:#dc2626}.validation-text{color:#1e40af}.form-actions{background:#fafafa;border-radius:0 0 20px 20px;border-top:1px solid #f1f5f9;flex-shrink:0;gap:16px;margin:24px -32px 0;min-height:80px;padding:24px 32px}.btn,.form-actions{display:flex!important}.btn{border:2px solid #0000;border-radius:12px;letter-spacing:-.025em;min-width:120px}.btn-secondary{border-color:#e5e7eb;color:#6b7280}.btn-secondary:hover{border-color:#d1d5db;color:#374151}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1}.btn-primary:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed);border-color:#5b21b6;box-shadow:0 10px 15px -3px #6366f133,0 4px 6px -2px #6366f11a}.btn:disabled{box-shadow:none!important;opacity:.4}.btn-primary:disabled,.btn:disabled{background:#e5e7eb!important;border-color:#e5e7eb!important;color:#9ca3af!important}.btn-secondary:disabled{background:#f3f4f6!important;border-color:#e5e7eb!important;color:#d1d5db!important}.checkbox-group{align-items:center;gap:12px;margin-top:8px}.checkbox-wrapper{align-items:center;display:flex;gap:8px;position:relative}.checkbox-wrapper input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.checkbox-label{font-weight:500;-webkit-user-select:none;user-select:none}@media (max-width:768px){.queue-creation-modal{margin:20px;max-height:95vh;width:95%}.modal-header{padding:20px}.modal-header h2{font-size:20px}.queue-creation-form{padding:20px}.form-grid,.performance-grid,.queue-type-grid,.template-grid{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;margin:0 -20px -20px;padding:16px 20px}.btn{justify-content:center;width:100%}}.section-description{color:#64748b;font-size:14px;line-height:1.5;margin:8px 0 20px}.loading-workflows{align-items:center;background:#f8fafc;border-radius:12px;color:#64748b;display:flex;font-size:14px;gap:12px;padding:20px}.loading-workflows .spinner{animation:spin 1s linear infinite}.no-workflows{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:16px;color:#64748b;padding:40px 30px;text-align:center}.no-workflows .icon{display:block;font-size:64px;margin-bottom:20px;opacity:.8}.no-workflows h4{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 12px}.no-workflows p{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 8px}.no-workflows-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0}.create-workflow-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.create-workflow-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.refresh-workflows-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.refresh-workflows-btn:hover{background:#e2e8f0;border-color:#94a3b8;color:#475569}.workflow-help{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:20px;text-align:left}.workflow-help h5{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.workflow-help h5:before{content:"💡";font-size:18px}.workflow-help ul{list-style:none;margin:0;padding-left:0}.workflow-help li{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;padding:6px 0}.workflow-selection{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.workflow-list{max-height:300px;overflow-y:auto}.workflow-item{background:#fff;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.workflow-item:last-child{border-bottom:none}.workflow-item:hover{background:#fafafa}.workflow-item.selected{background:#f0f9ff;border-left:4px solid #0ea5e9}.workflow-header{padding:16px 20px}.workflow-checkbox{align-items:flex-start;display:flex;gap:12px}.workflow-checkbox input[type=checkbox]{accent-color:#0ea5e9;cursor:pointer;height:18px;margin-top:2px;width:18px}.workflow-details h4{color:#0f172a;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 6px}.workflow-details p{color:#64748b;font-size:14px;line-height:1.4;margin:0 0 8px}.workflow-meta{color:#94a3b8;font-size:12px;font-weight:500}.workflow-settings{background:#f8fafc;border-top:1px solid #f1f5f9;margin-top:-1px;padding:16px 20px}.workflow-settings-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-group label{color:#475569;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.setting-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:8px 12px;transition:all .2s ease}.setting-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.setting-checkbox{accent-color:#0ea5e9;cursor:pointer;height:16px;width:16px}.selected-workflows-summary{background:#f0f9ff;border-top:1px solid #e0f2fe;padding:20px}.selected-workflows-summary h4{color:#0c4a6e;font-size:14px;font-weight:600;margin:0 0 12px}.selected-list{display:flex;flex-wrap:wrap;gap:8px}.selected-workflow-tag{align-items:center;background:#fff;border:1px solid #0ea5e9;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.workflow-name{color:#0c4a6e}.workflow-priority{background:#dc2626}.workflow-concurrency,.workflow-priority{border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.workflow-concurrency{background:#059669}@media (max-width:768px){.workflow-settings-grid{gap:12px;grid-template-columns:1fr}.selected-list{gap:6px}.selected-workflow-tag{font-size:11px;gap:4px;padding:4px 8px}}.env-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:12px;padding:2px 8px}.env-badge.dev{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d;color:#fff}.env-badge.prod{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 4px #f59e0b4d;color:#fff}.env-note{color:#64748b;font-size:12px;font-style:italic}.queue-manager-page .detail-item .label,.queue-manager-page .detail-item .value,.queue-manager-page .filter-group label,.queue-manager-page .filter-select,.queue-manager-page .header-title h1,.queue-manager-page .header-title p,.queue-manager-page .metric-label,.queue-manager-page .metric-value,.queue-manager-page .queue-name-cell,.queue-manager-page .queue-name-cell strong,.queue-manager-page .queues-table td,.queue-manager-page .real-time-toggle label,.queue-manager-page .running-job-card h3,.queue-manager-page .search-input,.queue-manager-page .section h2,.queue-manager-page .section h3,.queue-manager-page .tab-button,.queue-manager-page .table-cell,.queue-manager-page .timestamp{color:#2c3e50!important}.queue-manager-page{background:#f5f6fa!important;color:#333!important;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.queue-manager-page:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.queue-manager-header{background:#fff;border-bottom:1px solid #e8ecf0;box-shadow:0 4px 20px #00000014;padding:2rem 0;position:relative;z-index:1}.real-time-toggle label{color:#666}.toggle-switch{background:#ddd}.create-queue-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-queue-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.queue-manager-content{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.tab-navigation{background:#fff;border:1px solid #e8ecf0;border-radius:12px;box-shadow:0 4px 20px #00000014}.tab-button{border-radius:6px;color:#666}.tab-button:hover{color:#333}.tab-button.active{background:#3498db}.tab-content{box-shadow:0 4px 20px #00000014}.section-header{align-items:flex-start;flex-wrap:wrap;gap:1rem}.section-actions{align-items:center;display:flex;gap:1rem}.view-toggle{background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;gap:.25rem;padding:.25rem}.view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-width:40px;padding:.5rem .75rem;transition:all .2s ease}.view-btn:hover{background:#f8f9fa;color:#333}.view-btn.active{background:#3498db;color:#fff}.create-queue-btn-secondary{align-items:center;background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.create-queue-btn-secondary:hover{background:#229954;transform:translateY(-1px)}.section h2{color:#2c3e50}.section-subtitle{color:#666}.queue-manager-page .architecture-card *,.queue-manager-page .architecture-grid *,.queue-manager-page .feature-card *,.queue-manager-page .features-grid *,.queue-manager-page .tab-content[data-tab=overview] *{color:#2c3e50!important}.architecture-card{background:#fff;border:2px solid #e8ecf0;border-radius:12px;box-shadow:0 4px 20px #00000014}.architecture-card:hover{border-color:#667eea;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.architecture-card h3{color:#2c3e50!important}.architecture-card p{color:#495057!important}.feature-list span{color:#2c3e50!important}.feature-card{background:#fff;border:2px solid #e8ecf0;border-radius:12px;box-shadow:0 4px 20px #00000014}.feature-card:hover{border-color:#667eea;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.feature-card h3{color:#2c3e50!important}.feature-card p{color:#495057!important}.queues-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.queue-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease}.queue-card:hover{box-shadow:0 12px 30px #0003;transform:translateY(-3px)}.queue-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.queue-info h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.queue-type{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;margin-right:.5rem;padding:.25rem .75rem;text-transform:uppercase}.queue-type.priority{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.queue-type.fifo{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.queue-type.delayed{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.queue-type.fanout{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.queue-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.queue-status.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.queue-status.paused{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.workflow-count{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .75rem;text-transform:uppercase}.queue-action-buttons,.queue-actions{display:flex;flex-wrap:wrap;gap:.5rem}.queue-action-buttons{align-items:center}.action-btn{height:36px;width:36px}.action-btn.delete{background:#dc354533;border:1px solid #dc35454d;color:#dc3545}.action-btn.delete:hover{background:#dc35454d;border-color:#dc354580;color:#fff;transform:scale(1.1)}.action-btn.disable{background:#6c757d33;border:1px solid #6c757d4d;color:#6c757d}.action-btn.disable:hover{background:#6c757d4d;border-color:#6c757d80;color:#fff;transform:scale(1.1)}.action-btn.retire{background:#fd7e1433;border:1px solid #fd7e144d;color:#fd7e14}.action-btn.retire:hover{background:#fd7e144d;border-color:#fd7e1480;color:#fff;transform:scale(1.1)}.action-btn.edit{background:#0d6efd33;border:1px solid #0d6efd4d;color:#0d6efd}.action-btn.edit:hover{background:#0d6efd4d;border-color:#0d6efd80;color:#fff;transform:scale(1.1)}.queue-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.queue-metric{align-items:center;display:flex;justify-content:space-between}.queue-metric .metric-label{color:#666;font-size:.85rem}.queue-metric .metric-value{color:#2c3e50;font-size:1.1rem;font-weight:600}.queue-progress{margin-top:1rem}.progress-bar{background:#e8ecf0;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px}.progress-text{color:#666;font-size:.8rem}.jobs-filters{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.filter-group{gap:.5rem}.filter-group label{color:#495057;font-size:.85rem;font-weight:600}.filter-select,.search-input{background:#fff!important;border:1px solid #ddd;border-radius:6px;color:#333!important;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus,.search-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.search-input::placeholder{color:#999;color:#fff6}.failed-jobs-table,.jobs-table{background:#fff;border:1px solid #e8ecf0;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.table-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;grid-template-columns:1.5fr 1fr 1fr 1fr .8fr 1.2fr 1fr .8fr 1fr}.failed-jobs-table .table-header{grid-template-columns:1.5fr 1fr 1fr 2fr 1.2fr .8fr 1fr}.table-header .table-cell{color:#fff}.table-row{border-bottom:1px solid #f1f3f5;grid-template-columns:1.5fr 1fr 1fr 1fr .8fr 1.2fr 1fr .8fr 1fr}.failed-jobs-table .table-row{grid-template-columns:1.5fr 1fr 1fr 2fr 1.2fr .8fr 1fr}.table-row:hover{background:linear-gradient(135deg,#f8fafb,#f3f5f7);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.table-cell{color:#2c3e50!important}.table-cell code{background:#f8f9fa;border-radius:4px;color:#495057;font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.25rem .5rem}.job-type{border-radius:16px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.job-type.workflow{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.job-type.webhook{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.job-type.scheduled_workflow{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.job-type.fanout{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.job-status{border-radius:16px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.timestamp{color:#6c757d}.retry-count{align-items:center;background:#ef444433;border-radius:50%;color:#fca5a5;display:inline-flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.job-actions{display:flex;gap:.5rem}.running-jobs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.running-job-card{background:#fff;border:1px solid #e8ecf0;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:1.5rem;transition:all .3s ease}.running-job-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-3px)}.job-info h3{color:#2c3e50;margin:0 0 .25rem}.job-info code{background:#f8f9fa;border-radius:4px;color:#495057;font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.25rem .5rem}.job-details{margin-bottom:1rem}.detail-item .label{color:#666}.detail-item .value{color:#2c3e50}.job-progress{margin-top:1rem}@media (max-width:1200px){.table-header,.table-row{font-size:.85rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.table-cell:nth-child(n+6){display:none}}@media (max-width:768px){.queue-manager-content{padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-title h1{font-size:2rem}.tab-navigation{flex-direction:column}.tab-button{justify-content:flex-start}.jobs-filters{flex-direction:column}.job-details,.queue-metrics{grid-template-columns:1fr}}.table-body::-webkit-scrollbar{width:8px}.table-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.table-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.table-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.queues-table-container{background:#fff;border:1px solid #e8ecf0;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-top:1rem;overflow:hidden}.queues-table{background:#fff;border-collapse:collapse;font-size:.9rem;width:100%}.queues-table thead{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none}.queues-table th{border:none;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1.2rem 1rem;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.queues-table tbody tr{border-bottom:1px solid #f1f3f5;transition:all .2s ease}.queues-table tbody tr:hover{background:linear-gradient(135deg,#f8fafb,#f3f5f7);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.queues-table tbody tr:last-child{border-bottom:none}.queues-table td{border:none;color:#2c3e50!important;padding:1.2rem 1rem;vertical-align:middle}.queues-table tr.paused-row{opacity:.7}.queue-name-cell,.queue-name-cell strong{color:#2c3e50!important;font-weight:600}.queue-type-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.queue-type-badge.priority{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.queue-type-badge.fifo{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.queue-type-badge.delayed{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.queue-type-badge.fanout{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.queue-status-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.queue-status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.queue-status-badge.paused{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.workflow-count-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .5rem}.metric-cell{font-weight:600;text-align:center}.metric-cell.failed{color:#ef4444}.workers-cell{font-family:Monaco,Menlo,monospace;font-weight:600}.actions-cell,.workers-cell{text-align:center}.table-action-btn{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:6px;color:#495057;cursor:pointer;display:inline-flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.table-action-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.table-action-btn.pause:hover{border-color:#f59e0b;color:#fff}.table-action-btn.play:hover{background:linear-gradient(135deg,#27ae60,#2ecc71);border-color:#27ae60;color:#fff}.table-action-btn.pause:hover{background:linear-gradient(135deg,#f59e0b,#d97706)}.table-action-btn.play:hover{background:linear-gradient(135deg,#10b981,#059669)}.table-action-btn.delete:hover{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;color:#fff}.table-action-btn.disable:hover{background:linear-gradient(135deg,#6c757d,#5a6268);border-color:#6c757d;color:#fff}.table-action-btn.retire:hover{background:linear-gradient(135deg,#fd7e14,#e8650e);border-color:#fd7e14;color:#fff}.table-action-btn.edit:hover{background:linear-gradient(135deg,#0d6efd,#0b5ed7);border-color:#0d6efd;color:#fff}@media (max-width:1024px){.queues-table-container{overflow-x:auto}.queues-table{min-width:800px}}@media (max-width:768px){.queues-table td,.queues-table th{padding:.75rem .5rem}.queues-table{font-size:.85rem}}.queueitems-content{position:relative;z-index:1}.queue-items-summary{background:#fffffff2;border:1px solid #e1e8ed;border-radius:8px;margin-top:1.5rem;padding:1rem}.summary-stats{gap:2rem}.stat-item{padding:.5rem}.stat-label{color:#666!important;margin-bottom:.25rem}.stat-value{color:#2c3e50!important;font-size:1.25rem}.status-badge.queued{background:#3498db;color:#fff}.status-badge.picked_up{background:#f39c12;color:#fff}.status-badge.processing{background:#e67e22;color:#fff}.status-badge.completed{background:#27ae60;color:#fff}.status-badge.failed{background:#e74c3c;color:#fff}.status-badge.retrying{background:#9b59b6;color:#fff}.priority-badge{border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.priority-badge.priority-high{background:#fee2e2;color:#dc2626}.priority-badge.priority-medium{background:#fef3c7;color:#d97706}.priority-badge.priority-low{background:#d1fae5;color:#059669}.item-id,.transaction-id{color:#666!important;font-family:Courier New,monospace;font-size:.85rem}.actions-cell{white-space:nowrap}.action-btn{background:none;font-size:.9rem;margin:0 .125rem;padding:.25rem;transition:background-color .2s}.action-btn:hover{background:#0000001a}.retry-btn:hover{background:#3498db1a}.cancel-btn:hover{background:#e74c3c1a}.view-btn:hover{background:#95a5a61a}.modern-queue-items-container{margin-top:1.5rem}.queue-items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:.5rem}.queue-item-card{background:#fff;border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.queue-item-card:hover{border-color:#667eea;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.queue-item-header{align-items:flex-start;background:linear-gradient(135deg,#f8fafb,#fff);border-bottom:1px solid #f1f3f5;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.item-ids{display:flex;flex-direction:column;gap:.75rem}.item-id-section,.transaction-id-section{display:flex;flex-direction:column;gap:.25rem}.id-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.queue-item-card .item-id,.queue-item-card .transaction-id{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151!important;font-family:JetBrains Mono,Courier New,monospace;font-size:.85rem;font-weight:500;padding:.375rem .75rem}.status-priority{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.modern-status-badge{border:1px solid #0000;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase;transition:all .2s ease}.modern-status-badge.status-queued{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 2px 8px #3b82f64d;color:#fff}.modern-status-badge.status-picked_up{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d;color:#fff}.modern-status-badge.status-processing{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.modern-status-badge.status-completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.modern-status-badge.status-failed{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.modern-status-badge.status-retrying{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf64d;color:#fff}.modern-priority-badge{border-radius:8px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .625rem;text-transform:uppercase}.modern-priority-badge.priority-high{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.modern-priority-badge.priority-medium{background:linear-gradient(135deg,#fefbf2,#fef3c7);border:1px solid #fed7aa;color:#d97706}.modern-priority-badge.priority-low{background:linear-gradient(135deg,#f0fdf4,#d1fae5);border:1px solid #a7f3d0;color:#059669}.queue-item-body{padding:1.5rem}.item-details{display:flex;flex-direction:column;gap:1rem}.detail-row{border-bottom:1px solid #f1f3f5;padding:.75rem 0}.detail-label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#374151!important;font-size:.9rem;font-weight:500}.detail-value.timestamp{color:#6b7280!important;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem}.attempts-counter{color:#374151!important;font-weight:600}.attempts-separator{color:#9ca3af!important;margin:0 .25rem}.max-attempts{color:#6b7280!important}.queue-item-actions{background:#f9fafb;border-top:1px solid #f1f3f5;display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.modern-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.625rem 1rem;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.modern-action-btn.retry-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 2px 8px #3b82f64d;color:#fff}.modern-action-btn.retry-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px)}.modern-action-btn.cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.modern-action-btn.cancel-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #ef444466;transform:translateY(-1px)}.modern-action-btn.view-btn{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 8px #6b72804d;color:#fff}.modern-action-btn.view-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 16px #6b728066;transform:translateY(-1px)}.btn-icon{font-size:.9rem}.btn-text{font-size:.8rem}.empty-state{background:#fff;border:2px dashed #e1e8ed;border-radius:16px;margin:2rem 0}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.empty-state-title{color:#374151!important;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.empty-state-description{color:#6b7280!important;font-size:1rem;line-height:1.6;max-width:400px}@media (max-width:768px){.queue-items-grid{gap:1rem;grid-template-columns:1fr;padding:0}.queue-item-card{margin:0 .5rem}.queue-item-header{flex-direction:column;gap:1rem;padding:1rem}.status-priority{align-items:center;flex-direction:row;justify-content:flex-start}.queue-item-actions{flex-direction:column;gap:.5rem}.modern-action-btn{justify-content:center;width:100%}}.modern-queue-items-summary{background:#fff;border:1px solid #e1e8ed;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:2rem;overflow:hidden}.summary-header{background:linear-gradient(135deg,#f8fafb,#fff);border-bottom:1px solid #f1f3f5;padding:1.5rem 2rem 1rem}.summary-title{align-items:center;color:#374151!important;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.summary-icon{font-size:1.5rem}.modern-summary-stats{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0}.modern-stat-card{align-items:center;border-right:1px solid #f1f3f5;display:flex;gap:1rem;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.modern-stat-card:last-child{border-right:none}.modern-stat-card:hover{background:linear-gradient(135deg,#f8fafb,#f3f5f7);transform:translateY(-2px)}.modern-stat-card.total{background:linear-gradient(135deg,#6366f10d,#4f46e50d)}.modern-stat-card.queued{background:linear-gradient(135deg,#3b82f60d,#1e40af0d)}.modern-stat-card.processing{background:linear-gradient(135deg,#f59e0b0d,#d977060d)}.modern-stat-card.completed{background:linear-gradient(135deg,#10b9810d,#0596690d)}.modern-stat-card.failed{background:linear-gradient(135deg,#ef44440d,#dc26260d)}.stat-icon{font-size:2rem;opacity:.8}.stat-content{display:flex;flex-direction:column;gap:.25rem}.modern-stat-card .stat-value{color:#374151!important;font-size:2rem;font-weight:700;line-height:1}.modern-stat-card .stat-label{color:#6b7280!important;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.modern-summary-stats{grid-template-columns:repeat(2,1fr)}.modern-stat-card{border-bottom:1px solid #f1f3f5;border-right:none;padding:1rem 1.5rem}.modern-stat-card:nth-child(odd){border-right:1px solid #f1f3f5}.modern-stat-card:nth-last-child(-n+2){border-bottom:none}}@media (max-width:480px){.modern-summary-stats{grid-template-columns:1fr}.modern-stat-card{border-right:none}}.empty-state-cell{color:#666!important;padding:2rem!important;text-align:center!important}.progress-fill{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:inherit}.job-status{border-radius:4px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-queued{background-color:#3b82f6!important}.status-processing{background-color:#f59e0b!important}.status-completed{background-color:#10b981!important}.status-failed{background-color:#ef4444!important}.status-retrying{background-color:#8b5cf6!important}.status-cancelled{background-color:#6b7280!important}.queue-items-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-top:1.5rem;overflow:hidden}.queue-items-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.queue-items-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.queue-items-table th{border-right:1px solid #f1f5f9;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;position:relative;text-align:left;text-transform:uppercase}.queue-items-table th:last-child{border-right:none}.queue-items-table tbody tr{background:#fff;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.queue-items-table tbody tr:hover{background-color:#f8fafc;box-shadow:0 2px 4px #0000000a;transform:translateY(-1px)}.queue-items-table td{border-right:1px solid #f9fafb;color:#374151;padding:14px 12px;vertical-align:middle}.queue-items-table td:last-child{border-right:none}.item-id-cell,.transaction-id-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.item-id-code,.transaction-id-code{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 10px;transition:all .2s ease}.item-id-code:hover,.transaction-id-code:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#d1d5db}.queue-name-cell .queue-name{color:#1f2937;font-size:14px;font-weight:600}.status-cell .queue-item-status-badge{align-items:center;border-radius:12px;box-shadow:0 1px 2px #0000001a;color:#fff;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.5px;min-width:80px;padding:6px 12px;text-transform:uppercase}.queue-item-status-badge.status-queued{background:linear-gradient(135deg,#3b82f6,#2563eb)}.queue-item-status-badge.status-picked_up{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.queue-item-status-badge.status-processing{background:linear-gradient(135deg,#f59e0b,#d97706)}.queue-item-status-badge.status-completed{background:linear-gradient(135deg,#10b981,#059669)}.queue-item-status-badge.status-failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.queue-item-status-badge.status-cancelled{background:linear-gradient(135deg,#6b7280,#4b5563)}.queue-item-status-badge.status-unknown{background:linear-gradient(135deg,#94a3b8,#64748b)}.priority-cell .queue-item-priority-badge{align-items:center;border-radius:8px;color:#fff;display:inline-flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;font-weight:700;justify-content:center;min-width:32px;padding:4px 8px}.queue-item-priority-badge.priority-high{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 1px 3px #dc26264d}.queue-item-priority-badge.priority-medium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 1px 3px #f59e0b4d}.queue-item-priority-badge.priority-low{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 1px 3px #0596694d}.worker-cell .worker-id{color:#64748b;font-style:italic}.queued-at-cell .timestamp{color:#64748b;font-size:12px}.duration-cell .duration{color:#1e293b;font-weight:500}.attempts-cell .attempts{border-radius:4px;color:#475569;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:3px 6px}.attempts-cell .attempts.max-retries-reached{background-color:#e74c3c1a;color:#e74c3c;font-weight:600}.max-retries-badge{font-size:14px;margin-left:4px}.queue-item-action-buttons{align-items:center;display:flex;gap:6px;justify-content:center}.queue-item-action-buttons .table-action-btn{align-items:center;background:#f8fafc;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:8px 10px;position:relative;transition:all .2s ease}.queue-item-action-buttons .table-action-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.queue-item-action-buttons .table-action-btn.retry{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f9d71c;color:#92400e}.queue-item-action-buttons .table-action-btn.retry:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#f59e0b;color:#78350f}.queue-item-action-buttons .table-action-btn.cancel{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#991b1b}.queue-item-action-buttons .table-action-btn.cancel:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef4444;color:#7f1d1d}.queue-item-action-buttons .table-action-btn.view{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;color:#1d4ed8}.queue-item-action-buttons .table-action-btn.view:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#3b82f6;color:#1e40af}.queue-item-row.status-failed{background-color:#fef2f2}.queue-item-row.status-processing{background-color:#fffbeb}.queue-item-row.status-completed{background-color:#f0fdf4}.empty-table-cell{background:#f8fafc;padding:3rem 2rem!important;text-align:center!important}.empty-table-cell .empty-state{margin:0}.compact-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.compact-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px;transition:all .2s ease}.compact-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.compact-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px;transition:all .2s ease;width:200px}.compact-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.compact-search-input::placeholder{color:#9ca3af}@media (max-width:768px){.compact-filters{align-items:stretch;flex-direction:column;gap:8px}.compact-filter-select,.compact-search-input{min-width:auto;width:100%}}.retry-history-tooltip{margin-left:.5rem;vertical-align:middle}.retry-info-icon{font-size:.85rem}.retry-history-content{border:1px solid #ddd;box-shadow:0 2px 10px #0000001a;left:-150px;padding:.75rem;text-align:left;top:20px;width:300px;z-index:1000}.retry-history-content h6{border-bottom:1px solid #eee;margin-bottom:.5rem;padding-bottom:.5rem}.retry-history-content ul{list-style:none}.retry-history-content li{margin-bottom:.5rem}.retry-error{margin-top:.25rem}.max-retries-reached{color:#dc3545;font-weight:500}.attempts-cell{position:relative}.details-section{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.details-section h4{font-size:16px;font-weight:600;margin-bottom:10px}.details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.detail-item{margin-bottom:10px}.detail-label{color:#666;margin-bottom:4px}.detail-value{word-break:break-all}.details-table{border-collapse:collapse;margin-top:10px;width:100%}.details-table td,.details-table th{border:1px solid #ddd;padding:8px;text-align:left}.details-table th{background-color:#f5f5f5;font-weight:500}.error-box{background-color:#fff8f8;border:1px solid #ffcccb;color:#dc3545;font-family:monospace;white-space:pre-wrap;word-break:break-word}.code-block,.error-box{border-radius:4px;padding:10px}.code-block{background-color:#f5f5f5;max-height:300px;overflow-x:auto}.code-block pre{font-family:monospace;margin:0;white-space:pre-wrap;word-break:break-word}.transaction-id-link{color:#007bff;font-weight:500;text-decoration:none}.transaction-id-link:hover{text-decoration:underline}.pagination-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:16px 20px}.pagination-info{color:#6c757d;font-weight:500}.pagination-controls{gap:8px}.pagination-btn{border:1px solid #dee2e6;color:#495057;font-size:14px;font-weight:500;padding:8px 16px}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;color:#212529}.pagination-btn:disabled{background:#f8f9fa;color:#6c757d;opacity:.6}.pagination-numbers{align-items:center;display:flex;gap:4px;margin:0 12px}.pagination-number{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:8px;transition:all .2s ease}.pagination-number:hover{background:#f8f9fa;border-color:#adb5bd;color:#212529}.pagination-number.active{background:#007bff;border-color:#007bff;color:#fff}.pagination-number.active:hover{background:#0056b3;border-color:#0056b3;color:#fff}.pagination-ellipsis{padding:8px 4px}.pagination-ellipsis,.pagination-summary{color:#6c757d;font-size:14px;font-weight:500}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:12px}.pagination-controls{justify-content:center}.pagination-info,.pagination-summary{text-align:center}.pagination-numbers{margin:0 8px}.pagination-number{font-size:13px;height:32px;min-width:32px}}@media (max-width:480px){.pagination-numbers{gap:2px;margin:0 4px}.pagination-number{font-size:12px;height:28px;min-width:28px;padding:4px}.pagination-btn{font-size:13px;padding:6px 12px}}.table-loading-overlay{align-items:center;background:#ffffffe6;bottom:0;color:#6c757d;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:12px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{border:3px solid #f3f3f3;height:32px;width:32px}.queue-items-count{margin-top:8px}.count-badge{background:#e9ecef;border-radius:16px;color:#495057;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.transaction-id-full{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:inline-block;font-family:monospace;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis}.queue-item-details-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.table-action-btn.cancel{background-color:#fff0f0;border:1px solid #fdd;color:#dc3545}.table-action-btn.cancel:hover{background-color:#fdd;color:#b02a37}.table-action-btn.retry{background-color:#e6f7ff;border:1px solid #b3e0ff;color:#0275d8}.table-action-btn.retry:hover{background-color:#b3e0ff;color:#0056b3}.retry-history-tooltip{display:inline-block;margin-left:5px;position:relative}.retry-info-icon{color:#6c757d;cursor:pointer}.retry-history-tooltip:hover .retry-history-content{display:block}.retry-history-content{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;bottom:20px;box-shadow:0 4px 8px #0000001a;display:none;left:0;min-width:250px;padding:10px;position:absolute;z-index:10}.retry-history-content h6{color:#495057;font-weight:600;margin-bottom:5px;margin-top:0}.retry-history-content ul{list-style-type:none;margin-bottom:0;padding-left:0}.retry-history-content li{border-bottom:1px solid #f0f0f0;font-size:.85rem;margin-bottom:5px;padding:5px}.retry-history-content li:last-child{border-bottom:none;margin-bottom:0}.retry-error{color:#dc3545;font-family:monospace;white-space:pre-wrap;word-break:break-word}.last-retry,.retry-error{font-size:.8rem;margin-top:3px}.last-retry{color:#6c757d}.table-action-btn.force-stop{background-color:#f33;border:1px solid #c00;color:#fff;font-weight:700}.table-action-btn.force-stop:hover{background-color:#c00;box-shadow:0 0 5px #ff000080;color:#fff}.table-action-btn.view{background-color:#f0f8ff;border:1px solid #d1e7ff;color:#0d6efd}.table-action-btn.view:hover{background-color:#d1e7ff;color:#0a58ca}.scheduler-page{background:#f5f6fa;color:#333;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.scheduler-page:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.scheduler-header{background:#fff;border-bottom:1px solid #e8ecf0;box-shadow:0 4px 20px #00000014;padding:2rem 0;position:relative;z-index:1}.real-time-toggle{align-items:center;display:flex;gap:.5rem}.real-time-toggle label{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem}.real-time-toggle input[type=checkbox]{display:none}.toggle-switch{background:#ffffff1a;border-radius:12px;height:24px;position:relative;transition:all .3s ease;width:44px}.toggle-switch:before{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.real-time-toggle input:checked+.toggle-switch{background:linear-gradient(135deg,#3b82f6,#2563eb)}.real-time-toggle input:checked+.toggle-switch:before{transform:translateX(20px)}.create-btn,.refresh-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-btn{background:linear-gradient(135deg,#22c55ecc,#15803dcc)}.create-btn:hover{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 8px 25px #22c55e4d;transform:translateY(-2px)}.refresh-btn{background:linear-gradient(135deg,#3b82f6cc,#9333eacc)}.refresh-btn:hover{background:linear-gradient(135deg,#3b82f6,#9333ea);box-shadow:0 8px 25px #3b82f64d}.scheduler-content{margin:0 auto;max-width:1400px;padding:2rem;position:relative;z-index:1}.metrics-grid{grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(135deg,#ffffff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.metric-card:hover:before{opacity:1}.metric-card:hover{border-color:#fff3;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.metric-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;font-size:2rem;height:60px;width:60px}.metric-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.metric-label{color:#ffffffe6;font-size:1rem;font-weight:600}.metric-subtitle{color:#fff9;font-size:.85rem;font-weight:400}.tab-navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:.5rem;margin-bottom:2rem;padding:.5rem}.tab-button{border-radius:12px;color:#ffffffb3;justify-content:center;padding:.75rem 1.25rem}.tab-button:hover{background:#ffffff0d;color:#ffffffe6}.tab-button.active{background:linear-gradient(135deg,#3b82f6cc,#9333eacc);box-shadow:0 4px 15px #3b82f64d}.tab-icon{font-size:1.1rem}.tab-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;min-height:600px;padding:2rem}.section{margin-bottom:3rem}.section:last-child{margin-bottom:0}.section-header{margin-bottom:1.5rem}.section h2{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.section-icon{font-size:1.5rem}.section-subtitle{color:#ffffffb3;font-size:1rem;margin:0}.architecture-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.architecture-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease}.architecture-card:hover{border-color:#fff3;box-shadow:0 15px 35px #0003;transform:translateY(-5px)}.architecture-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.architecture-card p{color:#ffffffb3;line-height:1.5;margin:0 0 1rem}.feature-list{display:flex;flex-direction:column;gap:.5rem}.feature-list span{align-items:center;color:#fffc;display:flex;font-size:.85rem;gap:.5rem}.features-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.feature-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 15px 35px #0003;transform:translateY(-5px)}.feature-card h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.feature-card p{color:#ffffffb3;font-size:.9rem;line-height:1.4;margin:0}.executions-table,.schedules-table{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.table-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1fr 1fr 1fr;padding:1rem}.executions-table .table-header{grid-template-columns:2fr 1fr 1.5fr 1fr 1fr 2fr 1fr}.table-header .table-cell{color:#fffc;font-size:.85rem}.table-body{max-height:600px;overflow-y:auto}.table-row{border-bottom:1px solid #ffffff0d;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1fr 1fr 1fr;padding:1rem;transition:all .3s ease}.executions-table .table-row{grid-template-columns:2fr 1fr 1.5fr 1fr 1fr 2fr 1fr}.table-row:hover{background:#ffffff0d}.table-row.failed{border-left:3px solid #ef4444}.table-cell{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem}.schedule-info{display:flex;flex-direction:column;gap:.25rem}.schedule-name{color:#fff;font-weight:600}.schedule-description{color:#fff9;font-size:.8rem}.schedule-type{border-radius:16px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.schedule-type.cron{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.schedule-type.event{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.schedule-type.recurring{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.execution-status,.schedule-status{border-radius:16px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.cron-expression{background:#ffffff1a;border-radius:4px;color:#fffc;font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.25rem .5rem}.timestamp{color:#fff9;font-size:.8rem}.execution-stats{display:flex;flex-direction:column;gap:.25rem}.success-count{color:#3b82f6;font-weight:600}.failure-count{color:#f59e0b;font-size:.8rem}.execution-actions,.schedule-actions{display:flex;gap:.5rem}.action-btn{background:#ffffff1a;font-size:.8rem;height:32px;transition:all .3s ease;width:32px}.action-btn:hover{background:#fff3;transform:scale(1.1)}.action-btn.play{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.action-btn.play:hover{background:#22c55e4d;border-color:#22c55e80;color:#fff;transform:scale(1.1)}.action-btn.pause{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.action-btn.pause:hover{background:#ef44444d;border-color:#ef444480;color:#fff;transform:scale(1.1)}.action-btn.delete{background:#ef44441a;border:1px solid #ef44444d}.action-btn.delete:hover{background:#ef444433;border-color:#ef444480;color:#fecaca}.trigger-type{border-radius:12px;font-size:.7rem;font-weight:600;padding:.2rem .6rem;text-transform:uppercase}.trigger-type.scheduled{background:#3b82f633;color:#93c5fd}.trigger-type.manual{background:#f59e0b33;color:#fbbf24}.error-message{color:#fca5a5;font-size:.85rem}.no-error{color:#fff6}.upcoming-jobs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.upcoming-job-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease}.upcoming-job-card:hover{box-shadow:0 12px 30px #0003;transform:translateY(-3px)}.job-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.job-info h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.job-time{color:#ffffffb3;font-size:.85rem}.priority-badge{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.8rem;height:32px;width:32px}.job-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.detail-item .label{color:#fff9;font-size:.8rem;font-weight:500}.detail-item .value{color:#fff;font-size:.85rem;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a3ef2;border:1px solid #ffffff1a;border-radius:20px}.modal-header{border-bottom:1px solid #ffffff1a}.modal-header h3{color:#fff}.close-btn{border-radius:50%;color:#ffffffb3;height:32px;transition:all .3s ease;width:32px}.close-btn:hover{color:#fff}.form-group label{color:#fffc}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;box-sizing:border-box;color:#fff;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f680}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group label input[type=checkbox]{margin-right:.5rem;width:auto}.modal-footer{border-top:1px solid #ffffff1a}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary{background:#ffffff1a;color:#fffc}.btn-secondary:hover{background:#fff3}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:hover{box-shadow:0 8px 25px #3b82f64d}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.table-header,.table-row{font-size:.85rem;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}.table-cell:nth-child(n+6){display:none}}@media (max-width:768px){.scheduler-content{padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-title h1{font-size:2rem}.header-controls{flex-wrap:wrap;justify-content:center}.tab-navigation{flex-direction:column}.tab-button{justify-content:flex-start}.job-details{grid-template-columns:1fr}.modal-content{margin:1rem;width:95%}.modal-body{padding:1.5rem}}.modal-content::-webkit-scrollbar,.table-body::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track,.table-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb,.table-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover,.table-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.workflows-content{position:relative;z-index:1}.workflows-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:1.5rem}.workflow-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.workflow-card:hover{background:#ffffff0d;border-color:#a78bfa4d;box-shadow:0 20px 40px #a78bfa26;transform:translateY(-4px)}.workflow-header{align-items:flex-start;margin-bottom:1rem}.workflow-title{display:flex;flex-direction:column;gap:.5rem}.workflow-title h3{color:#fff;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0}.workflow-status{align-self:flex-start;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.workflow-status.status-active{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.workflow-status.status-disabled,.workflow-status.status-draft{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.workflow-status.status-testing{background:#a78bfa33;border:1px solid #a78bfa4d;color:#a78bfa}.workflow-version{background:#ffffff1a;color:#d1d5db;font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.25rem .75rem}.workflow-body{margin-bottom:1.5rem}.workflow-description{color:#d1d5db;margin-bottom:1rem}.workflow-metadata{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.metadata-row{align-items:center;display:flex;justify-content:space-between}.metadata-label{color:#9ca3af;font-size:.8rem;font-weight:500}.metadata-value{color:#f3f4f6;font-size:.8rem;font-weight:600}.workflow-stats{grid-gap:.75rem;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);padding:1rem}.stat-item{text-align:center}.stat-value{color:#fff;font-size:1.1rem;margin-bottom:.25rem}.stat-label{color:#9ca3af;font-size:.7rem}.workflow-footer{align-items:flex-end;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-top:1rem}.workflow-timestamps{display:flex;flex-direction:column;gap:.25rem}.workflow-timestamps small{color:#9ca3af;font-size:.75rem}.workflow-actions{display:flex;gap:.5rem}.workflow-actions .action-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.workflow-actions .action-btn:hover{background:#a78bfa4d;transform:scale(1.1)}.workflow-actions .action-btn.view:hover{background:#3b82f64d}.workflow-actions .action-btn.edit:hover{background:#fbbf244d}.workflow-actions .action-btn.schedule:hover{background:#a78bfa4d}.workflow-actions .action-btn.run:hover{background:#8b5cf64d}@media (max-width:768px){.workflows-grid{gap:1rem;grid-template-columns:1fr}.workflow-card{padding:1rem}.workflow-stats{gap:.5rem;grid-template-columns:repeat(2,1fr)}.workflow-footer{align-items:stretch;flex-direction:column;gap:1rem}.workflow-actions{justify-content:center}}.workflow-queue-summaries{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:1rem}.queue-summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.queue-summary-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:3px;left:0;position:absolute;right:0;top:0}.queue-summary-card:hover{border-color:#fff3;box-shadow:0 10px 30px #0000004d;transform:translateY(-2px)}.queue-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.queue-summary-header h4{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.workflow-id{background:#ffffff1a;border-radius:6px;color:#94a3b8;font-size:.8rem;padding:.25rem .5rem}.queue-summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:1rem}.queue-stat{text-align:center}.queue-stat-value{color:#fff;display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.queue-stat-value.processing,.queue-stat-value.queued{color:#3b82f6}.queue-stat-value.completed{color:#8b5cf6}.queue-stat-value.failed,.queue-stat-value.retrying{color:#f59e0b}.queue-stat-label{color:#94a3b8;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.queue-summary-performance{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-top:1rem}.performance-metric{display:flex;flex:1 1;flex-direction:column;min-width:120px}.metric-label{color:#94a3b8;font-size:.75rem;margin-bottom:.25rem}.metric-value{color:#fff;font-size:.9rem;font-weight:600}.queue-summary-actions{display:flex;flex-wrap:wrap;gap:.75rem}.workflow-queue-detail{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;margin-top:2rem;overflow:hidden}.workflow-queue-detail .section-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.workflow-id-badge{background:#3b82f633;border-radius:8px;color:#60a5fa;font-size:.9rem;font-weight:500;margin-left:1rem;padding:.5rem 1rem}.queue-detail-controls{display:flex;gap:.75rem}.queue-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:2rem}.queue-stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.queue-stat-card:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.stat-header{gap:.5rem;justify-content:center;margin-bottom:1rem}.stat-icon{font-size:1.5rem}.stat-title{color:#94a3b8;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.queue-stat-card .stat-value{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-detail{color:#94a3b8;font-size:.75rem;margin-bottom:.25rem}.queue-items-table{padding:0 2rem 2rem}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.table-header h3{color:#fff;font-size:1.2rem;margin:0}.item-count{background:#3b82f633;border-radius:6px;color:#60a5fa;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.table-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.queue-table{border-collapse:collapse;width:100%}.queue-table thead{background:#ffffff0d}.queue-table th{border-bottom:1px solid #ffffff1a;color:#94a3b8;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.queue-table td{border-bottom:1px solid #ffffff0d;padding:1rem;vertical-align:middle}.queue-table tbody tr:hover{background:#ffffff05}.transaction-id{background:#3b82f61a;color:#60a5fa;font-family:Monaco,Consolas,monospace;font-size:.85rem;padding:.25rem .5rem}.status-badge{gap:.25rem;letter-spacing:.25px}.priority-badge{background:#ec489933;color:#ec4899;font-size:.85rem;font-weight:700;height:2rem;width:2rem}.item-actions{display:flex;gap:.5rem}.action-btn.small{border-radius:6px;font-size:.8rem;height:2rem;min-width:auto;padding:.375rem;width:2rem}.action-btn.retry{background:#f59e0b33;border-color:#f59e0b4d;color:#fbbf24}.action-btn.retry:hover{background:#f59e0b4d}.empty-queue{text-align:center}.empty-queue,.empty-state{color:#94a3b8;padding:3rem}.empty-state{font-style:italic}.action-btn.queue{background:#8b5cf633;border-color:#8b5cf64d;color:#a78bfa}.action-btn.queue:hover{background:#8b5cf64d}@media (max-width:1024px){.workflow-queue-summaries{grid-template-columns:1fr}.queue-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.queue-summary-stats{grid-template-columns:repeat(3,1fr)}.queue-summary-actions,.queue-summary-performance{flex-direction:column}.workflow-queue-detail .section-header{align-items:stretch;flex-direction:column;gap:1rem}.queue-detail-controls{justify-content:center}.table-container{overflow-x:auto}.queue-table{min-width:800px}}.loading{animation:pulse 2s infinite}.workflow-actions .action-btn.queue{background:#8b5cf633;border-color:#8b5cf64d;color:#a78bfa}.workflow-actions .action-btn.queue:hover{background:#8b5cf64d;transform:translateY(-1px)}.create-schedule-modal{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:600px;width:90%}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.modal-header h3{color:#1e293b;font-size:1.5rem}.form-grid{background:#fff;display:flex!important;flex-direction:column!important;gap:0;padding:2rem;width:100%}.form-section{border:none;border-bottom:1px solid #e2e8f0;border-radius:0;display:block;float:none;margin-bottom:2rem;padding:0 0 2rem;transition:none;width:100%}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section:before{display:none}.form-section:hover{background:#fff;border-color:#e2e8f0;box-shadow:none;transform:none}.form-section:hover:before{transform:none}.form-section h4{border-bottom:2px solid #f1f5f9;color:#334155;display:block;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.form-section h4:before{display:none}.form-group{gap:.5rem;margin-bottom:1.25rem}.form-group label{margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;color:#1f2937;font-size:.9rem;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-help{color:#6b7280;font-size:.8rem;line-height:1.4;margin-top:.25rem}.form-group input:invalid,.form-group select:invalid,.form-group textarea:invalid{background:#ef44440d;border-color:#ef4444}.form-group input:valid,.form-group select:valid,.form-group textarea:valid{border-color:#10b981}.validation-message{align-items:center;color:#ef4444;display:flex;font-size:.8rem;gap:.25rem;margin-top:.25rem}.validation-message:before{align-items:center;background:#ef4444;border-radius:50%;color:#fff;content:"!";display:flex;font-size:.7rem;font-weight:700;height:16px;justify-content:center;width:16px}.success-message{align-items:center;color:#10b981;display:flex;font-size:.8rem;gap:.25rem;margin-top:.25rem}.success-message:before{align-items:center;background:#10b981;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.7rem;font-weight:700;height:16px;justify-content:center;width:16px}.workflow-preview{background:#f8fafc;border:1px solid #e2e8f0;margin-top:.75rem}.workflow-header{justify-content:space-between}.workflow-header strong{font-size:.95rem}.workflow-version{background:#e5e7eb;border-radius:12px;color:#374151;padding:.125rem .5rem}.workflow-meta{flex-wrap:wrap}.form-actions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem}.checkbox-label{background:#fff;border:1px solid #d1d5db;color:#374151;gap:.5rem;margin:0;padding:.75rem}.checkbox-label input[type=checkbox]{margin:0!important;width:16px!important}.checkbox-label span{color:#374151;font-size:.9rem;font-weight:500}.batch-config{background:#fefcbf!important;border:1px solid #f59e0b!important}.loading-placeholder{background:#f3f4f6;border:1px dashed #d1d5db;font-style:italic;padding:1.5rem}.checkbox-label:hover{background:#f9fafb;border-color:#9ca3af}.checkbox-label input[type=checkbox]{accent-color:#3b82f6}.loading-placeholder{animation:pulse 2s infinite;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;padding:1rem;text-align:center}.workflow-preview{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;margin-top:1rem;padding:1rem}.workflow-info{grid-gap:.75rem;display:grid;gap:.75rem}.workflow-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.workflow-header strong{color:#1f2937;font-size:1rem;font-weight:600}.workflow-version{background:#3b82f6;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.2rem .5rem}.workflow-description{color:#4b5563;font-size:.9rem;line-height:1.5;margin:0}.workflow-meta{border-top:1px solid #d1d5db;display:flex;gap:1rem;margin-top:.5rem;padding-top:.5rem}.workflow-meta span{color:#6b7280;font-size:.8rem}.batch-config{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:1.5rem}.batch-config h4{border-bottom-color:#f59e0b!important;color:#92400e!important}.form-actions{margin-top:1.5rem;padding-top:1rem}.modal-footer{border-top:1px solid #e2e8f0;padding:1.5rem 2rem}.btn-primary{transition:background-color .2s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.create-schedule-modal{margin:1rem;max-height:95vh;max-width:none;width:95%}.modal-header{padding:1rem 1.5rem}.modal-header h3{font-size:1.25rem}.modal-body{padding:1.5rem}.form-section{padding:1rem}.form-row{gap:.75rem;grid-template-columns:1fr}.form-section h4{font-size:1rem}.workflow-meta{flex-direction:column;gap:.5rem}.modal-footer{flex-direction:column-reverse;padding:1rem 1.5rem}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.create-schedule-modal{border-radius:0;height:100vh;margin:0;width:100%}.modal-overlay{padding:0}}.admin-container{margin:0 auto;max-width:1200px;padding:20px}.admin-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.admin-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.tab-navigation{border-bottom:2px solid #e9ecef;display:flex;gap:0;margin-bottom:24px}.tab-button{background:#0000;padding:12px 24px}.tab-button.active{background:linear-gradient(135deg,#f8f9ff,#e3e8ff);border-bottom-color:#667eea;color:#667eea}.tab-button.active:after{background:#667eea;border-radius:50%;bottom:-2px;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);width:8px}.card-navigation{border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;gap:2px;margin-bottom:24px;padding:8px}.card-navigation,.card-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.card-tab{align-items:center;border:1px solid #ffffff1a;border-radius:12px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;justify-content:center;min-height:44px;overflow:hidden;padding:12px 24px;position:relative;text-align:center;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.card-tab:hover{background:#667eea1a;border-color:#667eea33;box-shadow:0 12px 40px #667eea26;color:#5a67d8;transform:translateY(-2px)}.card-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff4d;box-shadow:0 12px 40px #667eea4d;color:#fff;transform:translateY(-2px)}.card-tab.active:before{background:linear-gradient(135deg,#fff3,#0000 50%);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.loading{flex-direction:column}.loading,.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:300px}.loading-spinner:after{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;content:"";height:40px;width:40px}.properties-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.info-card{align-items:center;background:linear-gradient(135deg,#f8f9ff,#e3e8ff);border:1px solid #667eea;border-radius:12px;display:flex;gap:16px;padding:20px}.info-icon{flex-shrink:0;font-size:32px}.info-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.info-content p{color:#666;font-size:14px;line-height:1.4;margin:0}.properties-category{margin-bottom:40px}.category-header{border-bottom:2px solid #e9ecef;gap:12px;padding:12px 0}.category-icon{font-size:24px}.category-header h3{color:#333;font-size:20px}.category-count{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.properties-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.property-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .2s ease}.property-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.property-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.property-header h4{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:16px;font-weight:600;margin:0;padding:4px 8px}.property-actions{display:flex;gap:8px}.btn-icon{background:none;border-radius:4px;font-size:14px;padding:6px}.btn-icon:hover{background:#f8f9fa}.btn-icon.delete:hover{background:#ffe6e6;color:#dc3545}.property-content{gap:12px}.property-content,.property-value{display:flex;flex-direction:column}.property-value{gap:4px}.property-value label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.property-value code{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:13px;max-height:100px;overflow-y:auto;padding:8px 12px;word-break:break-all}.property-description{display:flex;flex-direction:column;gap:4px}.property-description label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.property-description p{color:#555;font-size:14px;line-height:1.4;margin:0}.property-meta{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:12px;padding-top:12px}.meta-item{align-items:center;display:flex;gap:4px}.meta-label{color:#666;font-weight:600}.meta-item span:last-child{color:#333}.secret-badge{border-radius:4px;color:#333;font-size:11px;padding:2px 8px}.modal-overlay{background:#000000b3}.modal-content{box-shadow:0 20px 40px #0000004d}.modal-header{padding:20px 24px}.modal-header h3{font-size:18px}.modal-close{border-radius:4px;font-size:20px;padding:4px;transition:all .2s ease}.modal-close:hover{background:#f8f9fa}.modal-body{padding:24px}.modal-footer{border-radius:0 0 12px 12px;padding:20px 24px}.form-input,.form-select,.form-textarea{border:2px solid #e9ecef;border-radius:6px;font-family:inherit;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea{font-family:Courier New,monospace}.checkbox-label{display:flex!important;font-weight:400!important}.checkbox-label input[type=checkbox]{width:auto}.btn{display:inline-block}.btn-primary{background-color:#007bff}@media (max-width:768px){.admin-container{padding:16px}.properties-grid,.properties-info{grid-template-columns:1fr}.property-card{padding:16px}.property-header{align-items:flex-start;flex-direction:column;gap:12px}.property-actions{align-self:flex-end}.modal-content{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.meta-item{align-items:flex-start;flex-direction:column;gap:2px}}.btn-primary:hover{background-color:#0056b3}.btn-secondary:hover{background-color:#545b62}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496}.btn-sm{padding:4px 12px}.organizations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.org-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.org-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.org-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.org-card-header h3{color:#333;font-size:18px;margin:0}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#fff3cd;color:#856404}.status-badge.suspended{background-color:#f8d7da;color:#721c24}.org-card-body{margin-bottom:16px}.org-info p{color:#666;font-size:14px;margin:4px 0}.org-card-actions{display:flex;gap:8px}.filters{background-color:#f8f9fa;border-radius:6px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.filters select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:6px 12px}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px;text-align:left}.admin-table td{border-bottom:1px solid #dee2e6;padding:12px}.admin-table tr:hover{background-color:#f8f9fa}.user-info{line-height:1.4}.user-info strong{color:#333;display:block}.username{color:#6c757d;font-size:12px}.roles-list{display:flex;flex-wrap:wrap;gap:4px}.role-badge{background-color:#e9ecef;border-radius:12px;color:#495057;font-size:11px;padding:2px 6px}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.large-modal{max-width:800px}.modal-header{padding:16px 20px}.modal-header h3{color:#333}.modal-close{font-size:24px}.modal-actions{border-top:1px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.form-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #007bff40}.multi-select{height:100px}.form-group small{color:#6c757d;font-size:12px;margin-top:4px}.tabs{border-bottom:2px solid #dee2e6;margin-bottom:20px}.tab{border-bottom:3px solid #0000;color:#6c757d;padding:12px 20px}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.role-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.role-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.role-card-header{justify-content:space-between;margin-bottom:16px}.role-card-header,.role-title{align-items:center;display:flex}.role-title{gap:8px}.role-color{border-radius:50%;height:12px;width:12px}.role-title h3{color:#333;font-size:16px;margin:0}.system-badge{background-color:#ffc107;color:#212529;font-size:10px;padding:2px 6px;text-transform:uppercase}.level-badge,.system-badge{border-radius:12px;font-weight:600}.level-badge{color:#fff;font-size:11px;padding:4px 8px}.level-badge.level-1{background-color:#dc3545}.level-badge.level-2{background-color:#fd7e14}.level-badge.level-3{background-color:#ffc107;color:#212529}.level-badge.level-4{background-color:#28a745}.level-badge.level-5{background-color:#6c757d}.role-description{color:#666;font-size:14px;line-height:1.4;margin-bottom:16px}.role-stats{background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-around;margin-bottom:16px;padding:12px}.stat strong{color:#333;display:block;font-size:18px}.stat span{color:#6c757d;font-size:12px}.permissions-preview strong{color:#333;display:block;font-size:12px;margin-bottom:8px}.permission-tags{display:flex;flex-wrap:wrap;gap:4px}.permission-tag{background-color:#e9ecef;border-radius:12px;color:#495057;font-weight:500}.permission-tag.more{background-color:#007bff;color:#fff}.role-card-actions{display:flex;gap:8px;margin-top:16px}.permissions-container{margin-top:20px}.permission-category{margin-bottom:30px}.category-title{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.category-count{color:#6c757d;font-size:14px;font-weight:400}.permissions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.permission-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:16px}.permission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.permission-header h4{color:#333;font-size:14px;margin:0}.risk-badge{border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.permission-code{color:#6c757d;font-family:Courier New,monospace;font-size:12px;margin:4px 0}.permission-description{color:#666;font-size:12px;margin:0}.permissions-selector{border:1px solid #dee2e6;border-radius:6px;max-height:400px;overflow-y:auto;padding:16px}.permission-group{margin-bottom:20px}.permission-group h4{color:#333;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.permission-checkboxes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.permission-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:4px;transition:background-color .2s ease}.permission-checkbox:hover{background-color:#f8f9fa}.permission-checkbox input{margin:0}.permission-label{align-items:center;display:flex;font-size:13px;gap:6px}.risk-indicator{border-radius:50%;height:6px;width:6px}.org-selector{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:6px 12px}.metrics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.metric-card{border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:16px;padding:20px}.metric-icon{font-size:32px;opacity:.8}.metric-content h3{color:#333;font-size:24px;margin:0}.metric-content p{color:#6c757d;font-size:14px;margin:4px 0 0}.metric-content small{color:#28a745;font-size:12px}.dashboard-content{grid-gap:30px;display:grid;gap:30px}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.chart-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.chart-card h3{color:#333;font-size:16px;margin:0 0 16px}.chart-content{display:flex;flex-direction:column;gap:8px}.chart-bar{align-items:center;display:flex;gap:12px}.bar-label{color:#666;min-width:80px}.bar-container{align-items:center;display:flex;flex:1 1;gap:8px;height:20px}.bar-fill{border-radius:2px;height:100%;min-width:2px}.bar-value{color:#333;font-size:12px;font-weight:500}.status-chart{display:flex;flex-direction:column;gap:12px}.status-item{gap:8px}.status-label{color:#333;font-size:14px;min-width:60px}.status-count{color:#666;font-size:14px;font-weight:500}.organizations-overview{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.organizations-overview h3{color:#333;font-size:16px;margin:0 0 16px}.org-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.org-stat-card{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:16px}.org-stat-card h4{color:#333;font-size:14px;margin:0 0 12px}.org-metrics{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.org-metric{display:flex;font-size:12px;justify-content:space-between}.metric-label{color:#666}.metric-value{color:#333;font-weight:500}.org-activity{border-top:1px solid #dee2e6;padding-top:8px}.org-activity small{color:#6c757d;font-size:11px}.activity-section{border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.activity-section h3{color:#333;font-size:16px;margin:0 0 16px}.activity-list{gap:12px;max-height:400px;overflow-y:auto}.activity-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.activity-icon{border-radius:50%;color:#fff;font-size:14px}.activity-description{color:#333;font-size:14px;margin:0 0 4px}.activity-meta{color:#6c757d;font-size:12px;gap:8px}.activity-org,.activity-time,.activity-user{position:relative}.activity-org:after,.activity-user:after{content:"•";margin-left:8px;opacity:.5}@media (max-width:768px){.charts-section,.form-grid,.organizations-grid,.roles-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column}.modal{margin:10px;width:95%}.org-stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-header{align-items:stretch;flex-direction:column;gap:12px}.metrics-grid{grid-template-columns:1fr}.metric-card{flex-direction:column;text-align:center}.permission-checkboxes{grid-template-columns:1fr}}.properties-list{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.list-header{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600}.list-header,.property-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:200px 1fr 200px 150px 120px;padding:16px}.property-row{align-items:center;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.property-row:hover{background-color:#f8f9fa}.property-row:last-child{border-bottom:none}.col-name .property-name{align-items:center;color:#495057;display:flex;font-weight:600;gap:8px}.col-value .property-value-display{background:#f8f9fa;border-radius:4px;color:#495057;display:block;font-family:Monaco,Consolas,monospace;font-size:12px;max-width:100%;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.col-description .property-description-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden}.col-meta .meta-info{color:#6c757d;font-size:12px}.col-meta .meta-info small{color:#adb5bd;display:block;font-size:11px}.col-actions .property-actions{display:flex;gap:4px;justify-content:center}.secret-badge{background:#ffc107;border-radius:12px;color:#212529;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px}@media (max-width:1200px){.list-header,.property-row{gap:12px;grid-template-columns:180px 1fr 180px 130px 100px}}@media (max-width:768px){.list-header,.property-row{gap:8px;grid-template-columns:1fr}.list-header{display:none}.property-row{display:block;padding:16px}.col-actions,.col-description,.col-meta,.col-name,.col-value{margin-bottom:8px}.col-name .property-name{font-size:16px;margin-bottom:4px}.col-value .property-value-display{max-width:none;width:100%}.col-actions .property-actions{justify-content:flex-start}}.error-message{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;display:flex;gap:20px;margin:20px 0;padding:30px}.error-icon{font-size:48px;opacity:.8}.error-content h3{color:#dc3545;font-size:18px;margin:0 0 10px}.error-content p{color:#6c757d;font-size:14px;margin:0 0 15px}.error-content .btn{margin-top:10px}.code-badge{background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;color:#1976d2;font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:4px 8px}.code-badge,.member-count{font-size:12px;font-weight:500}.member-count{background-color:#f3e5f5;border-radius:12px;color:#7b1fa2;display:inline-block;min-width:20px;padding:2px 8px;text-align:center}.producer-codes-cell{max-width:200px}.groups-cell,.producer-codes-cell{word-wrap:break-word;font-size:12px;line-height:1.4}.groups-cell{max-width:180px}.description-cell{word-wrap:break-word;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-cell:hover{background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;overflow:visible;padding:8px;position:relative;white-space:normal;z-index:10}.status-badge{padding:3px 8px}.status-active{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.status-inactive{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.type-badge{font-size:11px;padding:3px 8px}.type-master{background-color:#fff3e0;border:1px solid #ffcc02;color:#ef6c00}.type-standard{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.type-sales{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.type-marketing{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e}.type-office{background-color:#e0e7ff;border:1px solid #a5b4fc;color:#3730a3}.type-underwriting{background-color:#fce7f3;border:1px solid #f9a8d4;color:#be185d}.type-service{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.type-producer{background-color:#f3e8ff;border:1px solid #c4b5fd;color:#7c3aed}.type-default{background-color:#f9fafb;border:1px solid #d1d5db;color:#6b7280}.organization-picker{width:100%}.picker-input-container{align-items:center;display:flex;position:relative}.picker-input-container input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.picker-input-container input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.picker-icon{color:#666;font-size:16px;pointer-events:none;position:absolute;right:12px}.organization-dropdown{border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:2px}.organization-option{border-bottom:1px solid #f0f0f0;padding:12px;transition:background-color .2s ease}.organization-option:hover{background-color:#f8f9fa}.org-name{color:#333;font-weight:500;margin-bottom:2px}.org-code{color:#666;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.no-options{color:#666;padding:12px}.tabs-container{border-bottom:1px solid #e0e0e0;margin-bottom:24px}.tabs{display:flex;gap:0}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.tab.active,.tab:hover{background-color:#f8f9fa;color:#007bff}.tab.active{border-bottom-color:#007bff}.groups-section{margin-top:20px}.groups-header{margin-bottom:20px}.groups-header h3{color:#333;font-size:18px;font-weight:600;margin:0 0 8px}.groups-header p{color:#666;font-size:14px;margin:0}.checkbox-group{background-color:#fafafa;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;padding:12px}.checkbox-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:8px;padding:4px;transition:background-color .2s ease}.checkbox-item:hover{background-color:#f0f0f0}.checkbox-item:last-child{margin-bottom:0}.checkbox-item input[type=checkbox]{cursor:pointer;margin-right:8px}.checkbox-item span{color:#333;font-size:14px;-webkit-user-select:none;user-select:none}.text-muted{color:#999;font-style:italic;padding:20px;text-align:center}@media (max-width:1200px){.groups-cell,.producer-codes-cell{max-width:150px}.description-cell{max-width:200px}}@media (max-width:992px){.description-cell,.groups-cell,.producer-codes-cell{max-width:120px}.admin-table td,.admin-table th{font-size:12px;padding:8px}}.scheduler-metrics-section{margin:24px 0}.scheduler-metrics-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #667eea4d;color:#fff;padding:24px}.scheduler-card-header{margin-bottom:20px}.scheduler-card-header h3{align-items:center;display:flex;font-size:24px;font-weight:600;gap:8px;margin:0 0 8px}.scheduler-card-subtitle{color:#fffc;font-size:14px;margin:0}.scheduler-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.scheduler-metric-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:16px;transition:all .3s ease}.scheduler-metric-item:hover{background:#ffffff26;transform:translateY(-2px)}.scheduler-metric-icon{display:block;font-size:24px;margin-bottom:8px}.scheduler-metric-content{text-align:left}.scheduler-metric-value{color:#fff;font-size:28px;font-weight:700;margin-bottom:4px}.scheduler-metric-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.scheduler-metric-subtitle{color:#ffffffb3;font-size:12px;margin:0}@media (max-width:768px){.scheduler-metrics-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.scheduler-metric-item{padding:12px}.scheduler-metric-value{font-size:24px}.scheduler-card-header h3{font-size:20px}}@media (max-width:480px){.scheduler-metrics-grid{grid-template-columns:1fr}}.enhanced-permission-selector{background:#fff;border:1px solid #e1e5e9;border-radius:8px;max-width:100%;padding:20px}.role-templates{border-bottom:1px solid #e1e5e9;margin-bottom:25px;padding-bottom:20px}.role-templates h4{color:#495057;font-weight:600;margin:0 0 15px}.template-btn{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;color:#495057;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;min-width:80px;padding:10px 15px;transition:all .2s ease}.template-btn:hover{background:#e9ecef;border-color:#007bff;color:#007bff}.template-btn.active{background:#007bff;border-color:#007bff;color:#fff}.template-btn .permission-count{font-size:10px;margin-top:2px;opacity:.8}.permission-search{margin-bottom:20px}.search-input{background:#fff;border:1px solid #ced4da;border-radius:6px;padding:10px 15px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.permission-categories{margin-bottom:20px}.permission-category{border:1px solid #e1e5e9;border-radius:6px;margin-bottom:15px;overflow:hidden}.category-header{background:#f8f9fa;border-bottom:1px solid #e1e5e9;cursor:pointer;padding:15px 20px;transition:background-color .2s ease}.category-header:hover{background:#e9ecef}.category-header h3{color:#495057;flex:1 1;font-size:16px;font-weight:600}.expand-icon{color:#6c757d;font-size:12px;margin-right:10px;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.screen-count{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:12px;padding:2px 8px}.category-content{padding:0}.screen-permission-row{align-items:center;border-bottom:1px solid #f1f3f5;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s ease}.screen-permission-row:hover{background:#f8f9fa}.screen-permission-row:last-child{border-bottom:none}.screen-info{flex:1 1;margin-right:20px}.screen-name{color:#212529;font-size:14px;font-weight:500;margin:0 0 5px}.screen-id{background:#f1f3f5;border-radius:3px;color:#6c757d;font-family:Monaco,Consolas,monospace;font-size:11px;padding:2px 6px}.permission-controls{align-items:center;display:flex;gap:15px}.permission-control{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;min-width:60px;padding:5px 10px;transition:background-color .2s ease}.permission-control:hover{background:#007bff1a}.permission-control input[type=checkbox]{cursor:pointer;margin:0}.permission-label{cursor:pointer;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.permission-label.view{color:#28a745}.permission-label.edit{color:#dc3545}.permission-control input[type=checkbox]:checked+.permission-label.view{color:#155724}.permission-control input[type=checkbox]:checked+.permission-label.edit{color:#721c24}.permission-summary{border-top:1px solid #e1e5e9;padding-top:20px}.permission-summary h4{color:#495057;font-weight:600;margin:0 0 15px}.summary-stats{display:flex;flex-wrap:wrap;margin-bottom:15px}.stat{align-items:center;display:flex;flex-direction:column;padding:10px}.stat-label{font-size:11px;margin-bottom:5px;text-align:center}.stat-value{color:#007bff;font-size:18px}.selected-permissions{margin-top:15px}.selected-permissions summary{border-bottom:1px solid #e1e5e9;color:#495057;cursor:pointer;font-weight:500;padding:5px 0}.selected-permissions summary:hover{color:#007bff}.permission-list{background:#f8f9fa;border-radius:4px;display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;max-height:150px;overflow-y:auto;padding:10px}.permission-tag{background:#007bff;border-radius:3px;color:#fff;font-size:10px;padding:2px 6px;white-space:nowrap}@media (max-width:768px){.enhanced-permission-selector{padding:15px}.template-buttons{justify-content:center}.template-btn{min-width:70px;padding:8px 12px}.screen-permission-row{align-items:stretch;flex-direction:column;gap:10px;padding:15px}.screen-info{margin-bottom:10px;margin-right:0}.permission-controls,.summary-stats{justify-content:center}.permission-list{max-height:100px}}@media (max-width:480px){.category-header h3{font-size:14px}.screen-name{font-size:13px}.permission-control{min-width:50px;padding:4px 8px}.permission-label{font-size:11px}.stat{min-width:70px;padding:8px}}@media (prefers-color-scheme:dark){.enhanced-permission-selector{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.role-templates{border-bottom-color:#4a5568}.permission-summary h4,.role-templates h4{color:#e2e8f0}.template-btn{background:#4a5568;border-color:#5a6578;color:#e2e8f0}.template-btn:hover{background:#5a6578;border-color:#3182ce;color:#90cdf4}.template-btn.active{background:#3182ce;border-color:#3182ce}.search-input{background:#4a5568;border-color:#5a6578;color:#e2e8f0}.search-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.permission-category{border-color:#4a5568}.category-header{background:#4a5568;border-bottom-color:#5a6578}.category-header:hover{background:#5a6578}.category-header h3{color:#e2e8f0}.screen-permission-row{border-bottom-color:#4a5568}.screen-permission-row:hover{background:#4a5568}.screen-name{color:#e2e8f0}.screen-id{background:#5a6578;color:#cbd5e0}.permission-control:hover{background:#3182ce33}.stat{background:#4a5568}.stat-value{color:#90cdf4}.permission-list{background:#4a5568}.permission-tag{background:#3182ce}.permission-summary{border-top-color:#4a5568}.selected-permissions summary{border-bottom-color:#4a5568;color:#e2e8f0}.selected-permissions summary:hover{color:#90cdf4}}.tflow-log-manager{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1.5rem}.log-header-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea33;color:#fff;margin-bottom:1.5rem;padding:2rem}.header-content{align-items:flex-start;margin-bottom:1.5rem}.header-title h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.header-subtitle{font-size:1rem;font-weight:400;margin:0;opacity:.9}.header-status{align-items:center;display:flex}.status-badge{background:#fff3;border-radius:50px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.log-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{gap:.25rem}.info-label{font-size:.75rem;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.info-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;font-weight:600}.error-card{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-icon{font-size:1.5rem}.error-content h4{font-size:1rem;font-weight:600;margin:0 0 .25rem}.error-content p{font-size:.875rem;margin:0;opacity:.9}.controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;padding:1.5rem}.controls-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.controls-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.quick-actions{display:flex;gap:.5rem}.btn-icon{border:none;border-radius:10px;display:flex;font-size:1rem;height:40px;width:40px}.btn-icon.refresh{background:#eff6ff;color:#2563eb}.btn-icon.refresh:hover{background:#dbeafe;transform:rotate(180deg)}.btn-icon.download{background:#f0fdf4;color:#16a34a}.btn-icon.download:hover{background:#dcfce7;transform:translateY(-2px)}.btn-icon.clear{background:#fef2f2;color:#dc2626}.btn-icon.clear:hover{background:#fee2e2;transform:translateY(-2px)}.btn-icon:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.controls-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.control-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .2s ease}.control-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.control-label{color:#374151;display:block;font-weight:600}.control-label,.control-select{font-size:.875rem;margin-bottom:.5rem}.control-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;padding:.75rem 1rem;transition:all .2s ease;width:100%}.control-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.control-description{color:#6b7280;font-size:.75rem;font-style:italic}.toggle-container{margin-bottom:.5rem;position:relative}.toggle-input{display:none}.toggle-label{background:#e5e7eb;border-radius:15px;cursor:pointer;height:30px;position:relative;width:60px}.toggle-label,.toggle-slider{display:block;transition:all .3s ease}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:26px;left:2px;position:absolute;top:2px;width:26px}.toggle-input:checked+.toggle-label{background:#667eea}.toggle-input:checked+.toggle-label .toggle-slider{transform:translateX(30px)}.logs-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.logs-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:1.5rem}.logs-header h3{color:#1e293b;font-size:1.25rem;font-weight:600}.logs-stats{align-items:center;display:flex;gap:1rem}.stat-item{font-size:.875rem}.stat-label{color:#6b7280}.stat-value{color:#1f2937;font-weight:600}.loading-indicator{color:#667eea}.loading-spinner{border:2px solid #e5e7eb;border-top-color:#667eea;height:12px;width:12px}.log-content{max-height:600px;overflow-y:auto}.empty-state h4{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:.875rem}.log-entries{padding:0}.log-entry{border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;position:relative;transition:all .2s ease}.log-entry:hover{background:#f8fafc}.log-entry:last-child{border-bottom:none}.log-entry.error{background:#fef2f2;border-left:4px solid #dc2626}.log-entry.warn{background:#fffbeb;border-left:4px solid #f59e0b}.log-entry.info{background:#eff6ff;border-left:4px solid #2563eb}.log-entry.debug{background:#f5f3ff;border-left:4px solid #7c3aed}.log-entry.trace{background:#f9fafb;border-left:4px solid #6b7280}.log-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.log-timestamp{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;font-weight:500}.log-level-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.log-message{background:#ffffffb3;border:1px solid #0000000d;border-radius:8px;color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;padding:.75rem;word-break:break-word}.log-context{margin-top:.75rem}.context-details{background:#00000005;border:1px solid #e5e7eb;border-radius:8px}.context-summary{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.context-summary:hover{background:#00000005}.context-count{color:#6b7280;font-size:.75rem;font-weight:400}.context-content{background:#f8fafc;border-top:1px solid #e5e7eb;padding:1rem}.context-content pre{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;margin:0;overflow-x:auto;padding:1rem}@media (max-width:768px){.tflow-log-manager{padding:1rem}.controls-header,.header-content,.logs-header{align-items:stretch;flex-direction:column;gap:1rem}.controls-grid{grid-template-columns:1fr}.log-info-grid{grid-template-columns:repeat(2,1fr)}.log-entry-header{align-items:flex-start;flex-direction:column;gap:.5rem}.log-content{max-height:400px}.quick-actions{justify-content:center}}.log-content::-webkit-scrollbar{width:8px}.log-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.log-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.log-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.document-learning-container{background:#fff;border:1px solid #e1e5e9;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:24px}.learning-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.learning-header h3{color:#1a202c;font-size:20px;font-weight:600;margin:0}.learning-stats{display:flex;gap:16px}.stat{background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;font-size:13px;padding:6px 12px}.suggestions-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;padding:20px}.section-header{margin-bottom:16px}.section-header h4{font-size:18px}.toggle-btn{background:#3498db;border-radius:4px;color:#fff;font-size:12px;padding:6px 12px;transition:background-color .2s}.toggle-btn:hover{background:#2980b9}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion-card{background:#fff;border:1px solid #e9ecef;border-left:4px solid #3498db;border-radius:6px;cursor:pointer;padding:16px;transition:all .2s ease}.suggestion-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.suggestion-card.priority-high{background:#fdf2f2;border-left-color:#e74c3c}.suggestion-card.priority-medium{background:#fef9f3;border-left-color:#f39c12}.suggestion-card.priority-low{background:#f4f8fd;border-left-color:#3498db}.suggestion-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.suggestion-icon{font-size:18px}.suggestion-title{color:#2c3e50;flex:1 1;font-weight:500}.priority-badge{border-radius:12px;font-size:11px;padding:4px 8px}.priority-badge.priority-high{background:#e74c3c;color:#fff}.priority-badge.priority-medium{background:#f39c12;color:#fff}.priority-badge.priority-low{background:#3498db;color:#fff}.suggestion-details{color:#6c757d;font-size:14px;line-height:1.4;margin:8px 0}.suggestion-details strong{color:#495057}.suggestion-actions{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.apply-btn{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.apply-btn:hover{background:#219a52}.apply-btn:disabled{background:#95a5a6;cursor:not-allowed}.confidence{color:#6c757d}.fields-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:20px}.fields-section h4{color:#2c3e50;font-size:18px;margin:0 0 16px}.fields-list{display:flex;flex-direction:column;gap:12px}.field-card{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;padding:16px;transition:all .2s ease}.field-card:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db1a}.field-card.selected{background:#f4f8fd;border-color:#3498db;box-shadow:0 4px 12px #3498db26}.field-header{justify-content:space-between;margin-bottom:8px}.field-header,.field-info{align-items:center;display:flex}.field-info{gap:8px}.field-info strong{color:#2c3e50;font-size:16px}.field-type{background:#e9ecef;border-radius:4px;color:#6c757d;padding:2px 6px}.field-confidence{align-items:center;display:flex;gap:8px;min-width:120px}.confidence-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:60px}.confidence-text{color:#6c757d;font-size:12px;min-width:40px}.field-value{color:#495057;font-size:14px;margin-bottom:8px}.field-suggestions-count{color:#3498db;font-size:12px;font-weight:500}.field-correction-form{background:#f8f9fa;border-radius:6px;border-top:1px solid #e9ecef;margin-top:16px;padding:16px}.field-correction-form h5{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 16px}.form-group label{color:#495057;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #3498db1a}.form-group input[type=range]{padding:0}.submit-correction-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.submit-correction-btn:hover{background:#219a52}.submit-correction-btn:disabled{background:#95a5a6;cursor:not-allowed}.insights-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:20px}.insights-section h4{color:#2c3e50;font-size:18px;margin:0 0 16px}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px}.insight-title{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:12px}.insight-content{display:flex;flex-direction:column;gap:8px}.accuracy-stat,.field-stat{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.field-name{flex:1 1}.field-corrections{color:#e74c3c;font-size:12px}.field-accuracy{color:#27ae60;font-size:12px}.accuracy-bar{background:#e9ecef;border-radius:8px;height:16px;margin-left:8px;overflow:hidden;position:relative;width:80px}.accuracy-fill{height:100%;transition:width .3s ease}.accuracy-text{color:#fff;font-size:10px;font-weight:600;left:50%;position:absolute;text-shadow:1px 1px 1px #0000004d;top:50%;transform:translate(-50%,-50%)}.small-loading{align-items:center;background:#fffffff2;border-radius:6px;color:#4a5568;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px}.small-spinner{animation:spin .9s linear infinite;border:2px solid #e6edf3;border-radius:50%;border-top-color:#3182ce;height:12px;width:12px}.btn-loading{align-items:center;display:flex;gap:6px}.correction-tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:16px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.tab-btn:hover{background:#f7fafc;color:#4a5568}.tab-btn.active{background:#ebf8ff;border-bottom-color:#3182ce;color:#3182ce}.field-issue-report{background:#fefefe;border:1px solid #e2e8f0;border-radius:6px;padding:16px}.issue-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.issue-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.issue-option:hover{background:#f7fafc}.issue-option input[type=radio]{margin:0}.issue-option label{color:#4a5568;cursor:pointer;font-size:14px}.submit-correction-btn.primary{align-items:center;background:#3182ce;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 20px;transition:all .2s}.submit-correction-btn.primary:hover{background:#2c5aa0;transform:translateY(-1px)}.submit-correction-btn.primary:disabled{background:#a0aec0;cursor:not-allowed;transform:none}.submit-correction-btn.warning{background:#ed8936;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.submit-correction-btn.warning:hover{background:#dd6b20;transform:translateY(-1px)}.value-correction{background:#f8f9fa;border-radius:6px;padding:16px}.form-group{margin-bottom:16px}.form-group label{color:#2d3748}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:4px;padding:8px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.loading-overlay{align-items:center;background:#fffc;border-radius:6px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.field-actions-inline{display:flex;gap:8px;margin-top:8px}.report-field-inline{background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:13px;padding:6px 10px}.report-field-inline:hover{background:#f7fafc}.checkbox-label{color:#2d3748;font-size:14px}@media (max-width:768px){.document-learning-container{padding:16px}.learning-header{align-items:flex-start;flex-direction:column;gap:12px}.learning-stats,.suggestion-header{flex-wrap:wrap;gap:8px}.field-header{align-items:flex-start;flex-direction:column;gap:8px}.insights-grid{grid-template-columns:1fr}.accuracy-stat,.field-stat{align-items:flex-start;flex-direction:column;gap:4px}.correction-tabs{flex-direction:column}.tab-btn{text-align:left}}.documents-card{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.documents-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;flex-shrink:0;padding:20px}.documents-header h3{color:#495057;font-size:1.2rem}.document-count{background:#e9ecef;color:#495057;font-size:.85rem}.documents-table-container{margin:20px}.documents-table tbody tr.selected{background:#e7f3ff}.document-name.clickable{color:#007bff;cursor:pointer}.document-name.clickable:hover{text-decoration:underline}.document-description{color:#6c757d;margin-top:2px}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-info{background:#d1ecf1;color:#0c5460}.badge-secondary{background:#e2e3e5;color:#383d41}.ocr-badge{background:#007bff}.download-btn{background:none;font-size:16px;padding:4px 8px;transition:background-color .2s}.download-btn:hover{background:#e7f3ff}.no-data{padding:20px}.document-card{box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden}.documents-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.documents-header h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.document-summary{align-items:center;display:flex;gap:10px}.document-count{background:#e5e7eb;border-radius:12px;color:#374151;font-size:.8rem;font-weight:500;padding:4px 8px}.upload-btn{background:#007bff;font-size:14px;padding:8px 16px;transition:background-color .2s}.upload-btn:hover:not(:disabled){background:#0056b3}.upload-zone{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;flex-shrink:0;margin:20px;padding:30px;text-align:center;transition:all .2s ease}.upload-zone.dragging,.upload-zone:hover{background:#e7f3ff;border-color:#007bff;color:#007bff}.upload-zone.dragging{transform:scale(1.02)}.upload-zone p{font-size:14px;margin:0}.documents-table-container{border:1px solid #e5e7eb;max-height:400px;overflow-x:auto;overflow-y:auto}.documents-table{background:#fff;font-size:14px}.documents-table thead{background:#f9fafb;position:sticky;top:0;z-index:1}.documents-table th{padding:12px;white-space:nowrap}.documents-table td{padding:12px;vertical-align:top}.documents-table tbody tr:last-child td{border-bottom:none}.documents-table tr.selected{background:#e0e7ff}.document-name{font-size:13px;gap:6px}.document-info{gap:4px}.document-name{align-items:center;color:#1f2937;gap:8px}.document-description{color:#6b7280;font-size:12px;font-style:italic}.file-icon{font-size:16px}.document-type-badge{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.document-size{color:#6b7280;font-size:12px}.badge-warning{background:#fed7aa;color:#9a3412}.badge-danger{background:#fecaca;color:#991b1b}.badge-secondary{background:#e5e7eb;color:#374151}.ocr-badge{background:#3b82f6;border-radius:8px;color:#fff;font-size:10px;margin-left:4px;padding:2px 6px}.document-content-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}.document-content-modal{box-shadow:0 25px 50px -12px #00000040}.content-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.content-modal-header h4{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0}.content-modal-body{flex:1 1;overflow-y:auto;padding:20px}.loading{font-style:italic}.error-message{background:#fecaca;border:1px solid #f87171;color:#991b1b;margin-bottom:16px;padding:12px}.document-content-panel{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:800px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:1050}.content-panel-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px}.content-panel-header h4{color:#495057;font-size:1.1rem;margin:0}.close-btn{font-size:20px}.content-panel-body{flex:1 1;overflow-y:auto;padding:20px}.content-section{background:#f8f9fa;border:1px solid #dee2e6;padding:20px}.content-header{margin-bottom:15px}.content-header h4{color:#495057;font-size:1rem}.extraction-method{background:#007bff;color:#fff}.confidence{background:#28a745;color:#fff}.raw-text-section{margin-bottom:20px}.raw-text-section h5{color:#495057;font-size:.9rem;margin:0 0 10px}.raw-text{background:#fff;border:1px solid #dee2e6;color:#495057;font-family:Courier New,monospace;line-height:1.4}.fields-section{margin-bottom:20px}.fields-section h5{color:#495057;font-size:.9rem;margin:0 0 10px}.fields-table{background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden;width:100%}.fields-table table{border-collapse:collapse;font-size:13px;width:100%}.fields-table th{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;font-weight:600;padding:10px;text-align:left}.fields-table td{border-bottom:1px solid #f1f3f4;padding:10px;vertical-align:top}.field-name{color:#495057}.field-value{color:#6c757d;word-break:break-word}.field-type{color:#007bff}.field-confidence{color:#28a745}.tables-section h5{color:#495057;font-size:.9rem;margin:0 0 15px}.extracted-table{background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.extracted-table h6{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;font-size:.85rem;margin:0;padding:10px 15px}.extracted-table table{border-collapse:collapse;font-size:13px;width:100%}.extracted-table th{background:#f1f3f4;border-bottom:1px solid #dee2e6;color:#495057;font-weight:500;padding:8px 10px;text-align:left}.extracted-table td{border-bottom:1px solid #f1f3f4;color:#6c757d;padding:8px 10px}.no-content p{font-style:italic;margin:0}.no-documents{color:#6c757d}.no-documents p{font-style:italic}.loading{color:#6c757d;padding:20px}.error-message{margin:20px}.documents-card .error-banner{align-items:flex-start;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;display:flex;flex-shrink:0;gap:12px;margin:20px}.documents-card .error-banner .error-icon{font-size:20px;margin-top:2px}.documents-card .error-banner .error-content{flex:1 1}.documents-card .error-banner .error-content strong{color:#721c24;display:block;margin-bottom:4px}.documents-card .error-banner .error-content p{color:#721c24;font-size:14px;margin:0 0 8px}.documents-card .retry-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.documents-card .retry-btn:hover{background:#c82333}@media (max-width:768px){.document-content-panel{max-height:90vh;width:95vw}.documents-table{font-size:12px}.documents-table td,.documents-table th{padding:8px}.upload-zone{margin:15px;padding:20px}.documents-table-container{margin:0 15px 15px}}.document-content-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:9999}.document-content-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:800px}.modal-header{border-bottom:1px solid #dee2e6}.modal-header h4{color:#495057;font-size:1.2rem;font-weight:600}.close-btn{color:#6c757d;font-size:18px;padding:5px;transition:all .2s}.close-btn:hover{color:#495057}.no-content{color:#6c757d;padding:40px 20px;text-align:center}.content-section{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:30px;overflow:hidden}.content-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px 20px}.content-header h4{color:#374151;font-size:1.1rem;margin:0}.extraction-method{background:#dbeafe;color:#1e40af}.confidence,.extraction-method{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.confidence{background:#dcfce7;color:#166534}.fields-section,.raw-text-section,.tables-section{padding:20px}.fields-section h5,.raw-text-section h5,.tables-section h5{color:#374151;font-size:1rem;margin:0 0 15px}.raw-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;max-height:300px;overflow-y:auto;padding:15px;white-space:pre-wrap}.extracted-table table,.fields-table table{border:1px solid #e5e7eb;border-collapse:collapse;border-radius:6px;font-size:14px;overflow:hidden;width:100%}.extracted-table th,.fields-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.extracted-table td,.fields-table td{border-bottom:1px solid #f3f4f6;padding:12px;vertical-align:top}.extracted-table tr:last-child td,.fields-table tr:last-child td{border-bottom:none}.field-name{color:#374151;font-weight:500}.field-value{color:#6b7280;word-break:break-all}.field-type{color:#9ca3af;font-size:12px}.field-confidence{color:#059669;font-size:12px;font-weight:500}.extracted-table{margin-bottom:20px}.extracted-table h6{color:#374151;font-size:.9rem;margin:0 0 10px}.modal-tabs{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;margin:0;padding:0 20px}.tab-button{background:none;border-bottom:3px solid #0000;color:#6b7280;font-size:14px;padding:16px 20px;position:relative;transition:all .2s ease}.tab-button:hover{background:#4f46e50d;color:#4f46e5}.tab-button.active{background:#4f46e514;border-bottom-color:#4f46e5;color:#4f46e5}.extracted-data-tab,.learning-tab{height:100%;padding:0}.learning-tab{max-height:500px;overflow-y:auto;padding:20px}.no-content-message{color:#6b7280;padding:40px 20px;text-align:center}.no-content-message h3{color:#374151;margin-bottom:16px}.no-content-message p{line-height:1.6;margin-bottom:12px}.panel-backdrop{animation:fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:999}.transaction-details-panel{background:#fff;border-radius:12px 12px 0 0;border-top:2px solid #e5e7eb;bottom:0;box-shadow:0 -8px 25px #00000026;display:flex;flex-direction:column;height:40vh;left:0;max-height:85vh;min-height:300px;overflow:hidden;position:fixed;right:0;transition:height .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.resize-handle{align-items:center;background:#0000;background:#3b82f60d;border:2px dashed #3b82f64d;cursor:ns-resize;display:flex;height:16px;justify-content:center;left:0;position:absolute;right:0;top:-8px;z-index:1001}.resize-handle:hover{background:#3b82f61a}.resize-handle:active{background:#3b82f633}.resize-indicator{background:#cbd5e1;border-radius:2px;height:4px;transition:all .2s ease;width:40px}.resize-handle:hover .resize-indicator{background:#3b82f6;width:60px}.panel-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;margin-top:16px;padding:20px 20px 12px}.header-content{gap:16px}.header-content h2{color:#111827;font-size:16px;font-weight:600;margin:0}.transaction-id{color:#6b7280;font-size:12px;margin:0}.close-button{color:#6b7280;font-size:24px;transition:all .2s}.close-button:hover{background:#f3f4f6}.status-section{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:15px 20px}.retry-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.retry-button:hover:not(:disabled){border-color:#9ca3af}.retry-button:disabled{cursor:not-allowed;opacity:.6}.card-navigation{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0}.nav-card{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;max-width:120px;padding:8px 12px;text-align:center;transition:all .2s}.nav-card:hover{background:#f3f4f6;color:#374151}.nav-card.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.card-content{flex:1 1;min-height:0;overflow-y:auto;padding:16px 20px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.spinner{border:3px solid #f3f4f6}.activities-card h3,.details-card h3,.errors-card h3,.notifications-card h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.error-banner .error-icon{flex-shrink:0;font-size:20px}.error-banner .error-content{flex:1 1}.error-banner .error-content strong{color:#dc2626;display:block;font-size:14px;margin-bottom:4px}.error-banner .error-content p{color:#7f1d1d;font-size:13px;margin:0 0 8px}.retry-btn{background:#ef4444;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.retry-btn:hover{background:#dc2626}.detail-section{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px}.detail-section h4{align-items:center;color:#1f2937;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.detail-section:last-child{margin-bottom:0}.info-grid{grid-gap:12px;gap:12px}.info-item{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:140px 1fr}.info-item label,.info-item span{font-size:13px}.transaction-id{background:#f3f4f6;border-radius:4px;font-family:monospace;font-size:11px;padding:2px 6px}.transaction-name{color:#1f2937}.status-badge{font-size:10px;padding:2px 8px}.execution-type{background:#e0e7ff;border-radius:4px;color:#3730a3;font-size:11px;font-weight:500;padding:2px 8px}.priority-badge{border-radius:50%;font-size:12px;height:24px;justify-content:center;line-height:1;width:24px}.priority-high{background:#fee2e2;color:#991b1b}.priority-medium{background:#fef3c7;color:#92400e}.priority-low{background:#dcfce7;color:#14532d}.file-count{background:#ede9fe;color:#7c3aed;font-weight:500;padding:2px 8px}.file-count,.storage-path{border-radius:4px;font-size:11px}.storage-path{background:#f3f4f6;color:#6b7280;font-family:monospace;padding:2px 6px}.metadata-container{grid-gap:8px;display:grid;gap:8px}.metadata-item{grid-gap:8px;align-items:start;background:#fff;border:1px solid #e5e7eb;border-radius:4px;display:grid;gap:8px;grid-template-columns:140px 1fr;padding:8px}.metadata-item label{color:#6b7280;font-size:12px;font-weight:500}.metadata-item span{color:#111827;font-family:monospace;font-size:11px;word-break:break-all}.notifications-list{gap:12px}.notification-item{background:#fff;border:1px solid #e5e7eb;gap:12px;padding:12px}.notification-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.notification-icon{background:#f3f4f6;border-radius:6px;font-size:16px;height:32px;width:32px}.notification-content{min-width:0}.notification-title{color:#111827;font-size:13px;font-weight:600;margin-bottom:4px}.notification-message{color:#6b7280;font-size:12px;line-height:1.4;margin-bottom:6px}.notification-time{color:#9ca3af;font-size:11px}.status-notification .notification-icon{background:#dbeafe}.file-notification .notification-icon{background:#f3e8ff}.workflow-notification .notification-icon{background:#ecfdf5}.schedule-notification .notification-icon{background:#fef3c7}.priority-notification .notification-icon{background:#fee2e2}.success-notification .notification-icon{background:#dcfce7}.error-notification .notification-icon{background:#fee2e2}.service-error-notification .notification-icon{background:#fef3c7}.timeline:before{background:linear-gradient(180deg,#e5e7eb,#f3f4f6)}.timeline-item{margin-bottom:20px;padding-left:24px}.timeline-marker{box-shadow:0 0 0 2px #e5e7eb;height:16px;left:-24px;top:6px;width:16px;z-index:1}.timeline-marker.created{background:#3b82f6}.timeline-marker.files{background:#8b5cf6}.timeline-marker.workflow{background:#10b981}.timeline-marker.scheduled{background:#f59e0b}.timeline-marker.processing{background:#06b6d4}.timeline-marker.completed{background:#10b981}.timeline-marker.error,.timeline-marker.failed{background:#ef4444}.timeline-marker.pending{background:#f59e0b}.timeline-marker.running{background:#06b6d4}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.activity-title{color:#111827;font-size:13px;font-weight:600}.timeline-header .timestamp{color:#6b7280;font-size:11px}.activity-details{color:#6b7280;font-size:12px;line-height:1.4}.activity-details p{margin:0 0 4px}.activity-details p:last-child{margin-bottom:0}.info-item label{color:#6b7280}.info-item span{color:#111827;word-break:break-word}.timeline{padding-left:20px}.timeline:before{background:#e5e7eb;bottom:8px;left:8px;top:8px}.timeline-item{margin-bottom:16px}.timeline-marker{background:#3b82f6;box-shadow:0 0 0 2px #3b82f6;height:8px;left:-16px;top:4px;width:8px}.timeline-content{display:flex;flex-direction:column;gap:2px}.timestamp{color:#6b7280;font-size:11px}.activity{color:#111827;font-size:13px}.errors-list{display:flex;flex-direction:column;gap:12px}.error-item{background:#fef2f2;border:1px solid #fecaca;padding:12px}.error-type{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:12px;font-weight:600;padding:2px 8px}.error-time{color:#6b7280;font-size:11px}.error-message{color:#111827;font-size:13px;line-height:1.4;margin:0 0 8px}.error-component{color:#6b7280;font-size:12px;font-style:italic;margin:0}@media (max-width:768px){.transaction-details-panel{height:40vh;max-height:60vh;min-height:200px}.header-content{align-items:flex-start;flex-direction:column;gap:4px}.nav-card{flex:1 1;max-width:none}}@media (prefers-color-scheme:dark){.transaction-details-panel{background:#1f2937;border-top-color:#374151}.resize-handle:before{background:#6b7280}.resize-handle:hover:before{background:#9ca3af}.panel-header{background:#111827;border-bottom-color:#374151}.header-content h2{color:#f9fafb}.card-navigation{background:#111827;border-bottom-color:#374151}.nav-card{color:#9ca3af}.nav-card:hover{background:#374151;color:#f3f4f6}.nav-card.active{background:#1f2937}.transaction-details-panel{border-radius:16px 16px 0 0;max-height:90vh;min-height:50vh}.panel-header{padding:16px 16px 12px}.header-content h2{font-size:14px}.resize-handle{height:20px}.resize-handle:before{height:5px;width:100px}}.activities-header,.notifications-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.activities-table-container,.notifications-table-container{border:1px solid #e5e7eb;border-radius:8px;max-height:400px;overflow-x:auto;overflow-y:auto}.activities-table,.notifications-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.activities-table thead,.notifications-table thead{background:#f9fafb;position:sticky;top:0;z-index:1}.activities-table th,.notifications-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.activities-table td,.notifications-table td{border-bottom:1px solid #f3f4f6;padding:12px;vertical-align:top}.activities-table tbody tr:hover,.notifications-table tbody tr:hover{background:#f9fafb}.activities-table tbody tr:last-child td,.notifications-table tbody tr:last-child td{border-bottom:none}.activity-type-badge,.notification-type-badge{background:#e0e7ff;border-radius:4px;color:#3730a3;font-size:11px;font-weight:500;letter-spacing:.05em;padding:4px 8px;text-transform:uppercase}.activity-title,.notification-reason{max-width:200px}.activity-description,.notification-message-preview{color:#6b7280;font-size:12px;line-height:1.4;margin-top:4px}.assigned-info,.recipient-info{min-width:150px}.assigned-name,.recipient-name{color:#1f2937;font-weight:500}.assigned-email,.assigned-type,.recipient-email{color:#6b7280;font-size:12px;margin-top:2px}.date-info{color:#6b7280;font-size:12px}.badge,.date-info{white-space:nowrap}.badge{border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.025em;padding:4px 8px;text-transform:uppercase}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#dc2626}.badge-secondary{background:#f3f4f6;color:#6b7280}.action-buttons{gap:6px}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563}.btn-success{background:#10b981}.btn-success:hover{background:#059669}.no-data{padding:40px!important}@media (max-width:768px){.activities-table,.notifications-table{font-size:12px}.activities-table td,.activities-table th,.notifications-table td,.notifications-table th{padding:8px}.action-buttons{flex-direction:column}.btn-sm{font-size:10px;padding:6px 8px}}.excel-upload-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.excel-upload-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eee;border-radius:12px 12px 0 0;color:#fff;padding:1.5rem}.modal-header h2{font-size:1.4rem}.close-btn{color:#fff;font-size:1.5rem}.close-btn:hover{background:#ffffff1a}.modal-content{padding:1.5rem}.template-section{margin-bottom:1.5rem}.template-section h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.template-buttons{gap:.5rem}.template-buttons button{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:all .2s}.template-buttons button:hover{background:#e9ecef;border-color:#adb5bd}.config-section{margin-bottom:1.5rem}.config-section h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.config-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr}.config-fields input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.file-upload-section{margin-bottom:1.5rem}.file-upload-section h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.file-input-area{background:#fafafa;border:2px dashed #ddd;border-radius:8px;padding:1.5rem;text-align:center}.file-info{background:#e8f5e8;border:1px solid #c3e6c3;border-radius:6px;justify-content:space-between;padding:.75rem}.file-info button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.file-input-area button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem}.file-input-area button:hover{background:#0056b3}.upload-actions{display:flex;gap:.75rem;justify-content:center}.upload-btn{background:#28a745;border:none;border-radius:6px;font-size:1rem;padding:.75rem 1.5rem}.upload-btn:hover:not(:disabled){background:#218838}.upload-btn:disabled{background:#6c757d;cursor:not-allowed}.upload-progress{padding:2rem;text-align:center}.progress-bar{margin-bottom:1rem}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997)}.upload-results{padding:1rem;text-align:center}.results-summary{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.stat{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;min-width:80px;padding:.5rem 1rem}.stat.success{background:#d4edda;border-color:#c3e6cb;color:#155724}.stat.error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.show-failed-btn{background:#ffc107;border:none;border-radius:6px;color:#212529;cursor:pointer;font-weight:500;margin:.5rem;padding:.75rem 1rem}.show-failed-btn:hover{background:#e0a800}.close-results-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;margin:.5rem;padding:.75rem 1rem}.failed-records-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.failed-records-popup{background:#fff;border-radius:12px;box-shadow:0 15px 40px #0006;max-height:80vh;max-width:800px;overflow-y:auto;width:90%}.popup-header{align-items:center;background:#dc3545;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.failed-records-list{max-height:400px;overflow-y:auto;padding:1rem}.failed-record{background:#f8f9fa;border:1px solid #dc3545;border-radius:6px;margin-bottom:.75rem;padding:1rem}.failed-record.fixed{background:#d4edda;border-color:#28a745}.record-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.record-name{color:#333;font-weight:500}.status{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.status.error{background:#f8d7da;color:#721c24}.status.fixed{background:#d4edda;color:#155724}.record-header button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.record-error{background:#f8d7da;border-radius:4px;color:#721c24;font-size:.9rem;margin-top:.5rem;padding:.5rem}.popup-actions{border-top:1px solid #eee;display:flex;gap:.75rem;justify-content:center;padding:1rem 1.5rem}.reprocess-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem}.reprocess-btn:disabled{background:#6c757d;cursor:not-allowed}.popup-actions button:not(.reprocess-btn){background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem 1rem}.edit-record-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1200}.edit-record-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.edit-header{align-items:center;background:#17a2b8;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.edit-form{padding:1.5rem}.error-display{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:1rem;padding:.75rem}.field-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.field{display:flex;flex-direction:column}.field label{color:#333;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.field input,.field select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.field input:focus,.field select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.edit-actions{display:flex;gap:.75rem;justify-content:center}.save-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem}.save-btn:hover{background:#218838}.edit-actions button:not(.save-btn){background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem 1rem}@media (max-width:768px){.config-fields,.field-grid{grid-template-columns:1fr}.results-summary{align-items:center}.results-summary,.template-buttons{flex-direction:column}}.transactions-page{background:#f5f6fa;color:#333;min-height:100vh;padding:2rem}.create-transaction-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.create-transaction-btn:hover{background:#229954;transform:translateY(-1px)}.error-alert{align-items:center;background:#fee;border:1px solid #fbb;border-radius:6px;color:#d63031;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-alert button{background:none;border:none;color:#d63031;cursor:pointer;font-size:1.2rem;height:24px;padding:0;width:24px}.transactions-controls{gap:2rem;margin-bottom:2rem}.search-bar input{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:1rem;padding:.75rem;transition:all .2s ease;width:300px}.search-bar input::placeholder{color:#999}.search-bar input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.filter-tabs{display:flex;gap:.5rem}.filter-tab{background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.filter-tab:hover{background:#f8f9fa;color:#333}.filter-tab.active{background:#3498db;border-color:#3498db;color:#fff}.transactions-table-container{background:#fff;border:1px solid #e8ecf0;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-top:1rem;overflow:hidden}.transactions-table{border-collapse:collapse;font-size:.9rem;width:100%}.transactions-table thead{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none}.transactions-table th{border:none;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1.2rem 1rem;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.transactions-table th:first-child{width:25%}.transactions-table th:nth-child(2){text-align:center;width:10%}.transactions-table th:nth-child(3){text-align:center;width:12%}.transactions-table th:nth-child(4){width:15%}.transactions-table th:nth-child(5),.transactions-table th:nth-child(6){text-align:center;width:8%}.transactions-table th:nth-child(7){text-align:center;width:12%}.transactions-table th:nth-child(8){text-align:center;width:10%}.transactions-table tbody tr{border-bottom:1px solid #f1f3f5;transition:all .2s ease}.transactions-table tbody tr:hover{background:linear-gradient(135deg,#f8fafb,#f3f5f7);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.transactions-table tbody tr:last-child{border-bottom:none}.transactions-table td{border:none;color:#2c3e50;padding:1.2rem 1rem;vertical-align:middle}.transactions-table td:nth-child(2),.transactions-table td:nth-child(3),.transactions-table td:nth-child(5),.transactions-table td:nth-child(6),.transactions-table td:nth-child(7),.transactions-table td:nth-child(8){text-align:center}.transaction-cell{align-items:center;display:flex;gap:1rem;min-width:250px}.transaction-info{flex:1 1;min-width:0}.transaction-name{color:#2c3e50;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.25rem;transition:color .2s ease}.transaction-name:hover{color:#667eea;text-decoration:underline}.transaction-description{color:#6c757d;font-size:.85rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.execution-type-icon{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:1.3rem;height:40px;justify-content:center;padding:.5rem;width:40px}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 2px 8px #00000026;padding:.4rem .9rem}.priority-badge{align-items:center;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 2px 6px #0000001a;display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.3rem .7rem;text-transform:uppercase}.priority-high{background:#e74c3c;color:#fff}.priority-medium{background:#f39c12;color:#fff}.priority-low{background:#27ae60;color:#fff}.transaction-actions{min-width:220px;padding:1rem!important}.action-buttons{align-items:center;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #e1e8ed;color:#495057;display:inline-flex;font-size:.85rem;justify-content:center;min-width:44px;padding:.6rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{border-color:#dee2e6;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.execute-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);border-color:#27ae60;box-shadow:0 4px 12px #27ae604d;color:#fff}.execute-btn:hover{background:linear-gradient(135deg,#229954,#27ae60);border-color:#229954;box-shadow:0 8px 25px #27ae6066}.view-btn{background:linear-gradient(135deg,#3498db,#5dade2);border-color:#3498db;box-shadow:0 4px 12px #3498db4d;color:#fff}.view-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db);border-color:#2980b9;box-shadow:0 8px 25px #3498db66}.details-btn{background:linear-gradient(135deg,#9b59b6,#bb8fce);border-color:#9b59b6;box-shadow:0 4px 12px #9b59b64d;color:#fff}.details-btn:hover{background:linear-gradient(135deg,#8e44ad,#9b59b6);border-color:#8e44ad;box-shadow:0 8px 25px #9b59b666}.archive-btn{background:linear-gradient(135deg,#95a5a6,#bdc3c7);border-color:#95a5a6;box-shadow:0 4px 12px #95a5a64d;color:#fff}.archive-btn:hover{background:linear-gradient(135deg,#7f8c8d,#95a5a6);border-color:#7f8c8d;box-shadow:0 8px 25px #95a5a666}.delete-btn{background:linear-gradient(135deg,#e74c3c,#ec7063);border-color:#e74c3c;box-shadow:0 4px 12px #e74c3c4d;color:#fff;font-weight:600}.delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#e74c3c);border-color:#c0392b;box-shadow:0 8px 25px #e74c3c66}.delete-btn:disabled{background:linear-gradient(135deg,#bdc3c7,#d5dbdb);border-color:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.retry-btn{background:linear-gradient(135deg,#ff9500,#ffb74d);border-color:#ff9500;box-shadow:0 4px 12px #ff95004d;color:#fff;font-weight:600}.retry-btn:hover:not(:disabled){background:linear-gradient(135deg,#e68900,#ff9500);border-color:#e68900;box-shadow:0 8px 25px #ff950066}.retry-btn:disabled{background:linear-gradient(135deg,#bdc3c7,#d5dbdb);border-color:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.table-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:4px 0!important}.table-actions,.table-actions .action-btn{align-items:center!important;justify-content:center!important}.table-actions .action-btn{border:2px solid!important;border-radius:6px!important;display:inline-flex!important;font-size:12px!important;height:28px!important;line-height:1.2!important;min-height:28px!important;min-width:32px!important;padding:6px 8px!important;transition:all .2s ease!important;white-space:nowrap!important;width:auto!important}.edit-btn{background:linear-gradient(135deg,#3498db,#5dade2)!important;border-color:#3498db!important;box-shadow:0 2px 6px #3498db4d!important;color:#fff!important}.edit-btn:hover{background:linear-gradient(135deg,#2980b9,#3498db)!important;border-color:#2980b9!important;box-shadow:0 4px 12px #3498db66!important;transform:translateY(-1px)!important}.table-actions .execute-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;border-color:#27ae60!important;box-shadow:0 2px 6px #27ae604d!important;color:#fff!important}.table-actions .execute-btn:hover{background:linear-gradient(135deg,#229954,#27ae60)!important;border-color:#229954!important;box-shadow:0 4px 12px #27ae6066!important;transform:translateY(-1px)!important}.table-actions .retry-btn{background:linear-gradient(135deg,#f39c12,#f1c40f)!important;border-color:#f39c12!important;box-shadow:0 2px 6px #f39c124d!important;color:#fff!important}.table-actions .retry-btn:hover:not(:disabled){background:linear-gradient(135deg,#e67e22,#f39c12)!important;border-color:#e67e22!important;box-shadow:0 4px 12px #f39c1266!important;transform:translateY(-1px)!important}.table-actions .delete-btn{background:linear-gradient(135deg,#e74c3c,#ec7063)!important;border-color:#e74c3c!important;box-shadow:0 2px 6px #e74c3c4d!important;color:#fff!important}.table-actions .delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#e74c3c)!important;border-color:#c0392b!important;box-shadow:0 4px 12px #e74c3c66!important;transform:translateY(-1px)!important}.execution-info{align-items:center;background:linear-gradient(135deg,#ecf0f1,#f8f9fa);border:1px solid #e1e8ed;border-radius:8px;color:#7f8c8d;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1rem}.transaction-status{border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.scheduled-value{color:#333;font-size:.85rem}.loading-state{color:#666;grid-column:1/-1;padding:4rem}.spinner{border:3px solid #f3f3f3;border-top-color:#3498db;margin-bottom:1rem}.empty-state{background:#f9f9f9;border-radius:8px;color:#666;grid-column:1/-1;padding:4rem}.empty-state h3{color:#333}.empty-state p{color:#666}.empty-action-btn{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.empty-action-btn:hover{background:#229954;transform:translateY(-1px)}.modal-overlay{animation:fadeIn .2s ease;height:100%;width:100%}.modal-content{animation:slideUp .2s ease;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh}.modal-body{color:#333;padding:2rem}.modal-body *{color:inherit}.modal-footer{background:#fff;border-top:1px solid #0000001a;gap:1rem;padding:1rem 2rem 2rem}.modal-content.large{max-width:800px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #0000001a;padding:2rem 2rem 1rem}.modal-header h2{color:#333}.modal-close{color:#666;font-size:1.5rem;height:30px;transition:all .3s ease;width:30px}.modal-close:hover{background:#0000001a;color:#333}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;color:#333!important;font-size:1rem;padding:.75rem;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#999!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.file-upload-area{background:#f9f9f9;padding:1.5rem}.file-upload-btn{font-weight:500}.file-help{color:#666!important;margin:.5rem 0 0}.uploaded-files{margin-top:1rem}.uploaded-file{align-items:center;background:#fff;border:1px solid #eee;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.file-name{color:#333!important}.file-size{color:#666!important;font-size:.85rem}.remove-file-btn{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.7rem;height:20px;width:20px}.btn-primary{background:#27ae60;border-radius:6px;font-weight:500}.btn-primary:hover:not(:disabled){background:#229954}.btn-primary:disabled{opacity:.6}.btn-secondary{border:1px solid #ddd;color:#666}.btn-secondary:hover{background:#f8f9fa;border-color:#bbb;color:#333}.files-list{display:flex;flex-direction:column;gap:1rem}.file-item{background:#f9f9f9;border:1px solid #eee;padding:1rem}.file-info{gap:1rem}.file-icon{font-size:1.5rem}.file-details{gap:.2rem}.file-name{color:#333;font-weight:600}.file-meta{color:#666;font-size:.85rem}.download-btn{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.download-btn:hover{background:#229954;transform:translateY(-1px)}.no-files{color:#666;padding:2rem;text-align:center}@media (max-width:768px){.transactions-page{padding:1rem}.transactions-header{text-align:center}.transactions-controls,.transactions-header{flex-direction:column;gap:1rem}.search-bar input{width:100%}.filter-tabs{flex-wrap:wrap;justify-content:center}.transactions-table-container{overflow-x:auto}.transactions-table{min-width:800px}.transactions-table td,.transactions-table th{font-size:.875rem;padding:.5rem}.action-buttons{flex-direction:column;gap:.25rem}.action-buttons .btn{font-size:.75rem;padding:.25rem .5rem}.form-row{grid-template-columns:1fr}.modal-content{margin:1rem;width:95%}}.no-batches-message{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#7f8c8d;font-size:.9rem;font-style:italic;margin-top:.5rem;padding:.75rem}.input-mode-toggle{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;display:flex;overflow:hidden}.toggle-btn{background:#0000;border:none;color:#666;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.toggle-btn.active{background:#3498db;color:#fff}.toggle-btn:hover:not(.active){background:#e9ecef;color:#333}.payload-input-area{position:relative}.payload-textarea{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#333!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;min-height:300px;padding:1rem;resize:vertical;width:100%}.payload-textarea:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.payload-textarea::placeholder{color:#999!important;font-size:.85rem}.payload-help{background:#e8f4f8;border-left:4px solid #3498db;border-radius:6px;margin-top:.75rem;padding:.75rem}.payload-help p{color:#555;font-size:.85rem;margin:.25rem 0}.payload-help p:first-child{margin-top:0}.payload-help p:last-child{margin-bottom:0}.payload-textarea:valid{border-color:#27ae60}.payload-textarea:invalid{border-color:#e74c3c}.file-upload-area{background:#fafbfc;border:2px dashed #ddd;border-radius:6px;padding:2rem;text-align:center;transition:all .2s ease}.file-upload-area:hover{background:#f0f8ff;border-color:#3498db}.file-upload-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.file-upload-btn:hover{background:#2980b9;transform:translateY(-1px)}.file-help{color:#666;font-size:.85rem;margin-top:.5rem}.loan-application-wizard{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.loan-application-wizard.embedded{bottom:auto;display:flex;flex-direction:column;height:auto;left:auto;max-height:none;min-height:auto;overflow:visible;position:relative;right:auto;top:auto;z-index:auto}.loan-application-wizard.embedded .wizard-header{border-bottom:1px solid #e5e7eb;padding:16px 24px}.loan-application-wizard.embedded .wizard-progress{padding:20px 24px}.loan-application-wizard.embedded .wizard-content{flex:1 1;max-height:none;min-height:auto;overflow-y:visible;padding:24px}.loan-application-wizard.embedded .wizard-footer{margin-top:auto;padding:16px 24px}.header-info-bar{justify-content:flex-start}.header-info-bar>*{white-space:nowrap}.account-number.clickable{transition:color .2s ease}.application-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.separator{font-size:.875rem;font-weight:700}.header-tile{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;margin:0 24px;padding:24px 32px}.header-left,.header-tile{align-items:center;display:flex}.header-left h1{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 4px}.application-id{background:#f3f4f6;border-left:3px solid #3b82f6;border-radius:4px;font-weight:500;margin-bottom:8px;padding:4px 8px}.application-status{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:8px}.application-status.status-draft,.status-draft{background:#fef3c7;color:#f59e0b}.application-status.status-submitted,.status-submitted{background:#d1fae5;color:#059669}.application-status.status-approved,.status-approved{background:#dcfce7;color:#059669}.application-status.status-rejected,.status-rejected{background:#fee2e2;color:#dc2626}.header-details{align-items:center;display:flex;font-size:.875rem;gap:8px}.loan-amount{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;color:#059669;padding:2px 8px}.loan-type{color:#374151;font-weight:500}.loan-purpose,.loan-type{text-transform:capitalize}.loan-purpose{color:#6b7280;font-weight:400}.account-button,.header-right{align-items:center;display:flex}.account-button{font-size:.875rem;gap:8px;padding:8px 16px}.account-button i{font-size:1rem}.header-content{max-width:calc(100% - 60px);text-align:left}.close-button{background:#f3f4f6;border-radius:8px;height:40px;transition:background-color .2s;width:40px}.close-button i{color:#6b7280;font-size:1.2rem}.close-button:hover{background:#e5e7eb;color:#374151}.header-content h1{color:#111827;font-size:24px}.header-content p{color:#6b7280}.progress-indicator{background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:8px;margin-top:12px;padding:8px 16px}.progress-text{color:#1e40af;font-size:14px;font-weight:600;margin:0}.wizard-progress{background:#fff;padding:24px 32px;width:100%}.step-indicator-tile{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 32px 24px;padding:24px 32px}.step-progress{align-items:center;display:flex;gap:0;justify-content:space-between;max-width:none;width:100%}.step-item{background:none;border:none;box-shadow:none;cursor:pointer;flex-direction:row;gap:8px}.step-circle,.step-item{display:flex;transition:all .3s ease}.step-circle{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 4px #0000001a;font-weight:700;height:32px;justify-content:center;width:32px}.step-circle,.step-name{color:#6b7280;font-size:.75rem}.step-name{word-wrap:break-word;background:none;border:none;box-shadow:none;font-weight:500;line-height:1.2;max-width:120px;padding:0;text-align:left;transition:all .3s ease;white-space:normal}.step-connector{align-items:center;color:#d1d5db;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;margin:0 8px;transition:color .3s ease;-webkit-user-select:none;user-select:none}.step-item.active .step-circle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#1d4ed8;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:scale(1.05)}.step-item.active .step-name{color:#1d4ed8;font-weight:600}.step-item.completed .step-circle{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 4px 12px #10b9814d;color:#fff}.step-item.completed .step-name{color:#059669;font-weight:600}.step-connector.completed{color:#059669}.step-item:hover .step-circle{transform:scale(1.1)}.step-item:hover .step-name{color:#1d4ed8}@media (max-width:1200px){.step-indicator-tile{margin:0 24px 24px;padding:20px 24px}.step-name{font-size:.7rem;max-width:90px;text-align:left}.step-circle{font-size:.7rem;height:28px;width:28px}.step-connector{font-size:1.1rem;margin:0 6px}}@media (max-width:768px){.step-indicator-tile{margin:0 16px 20px;padding:16px 20px}.step-progress{gap:4px}.step-name{font-size:.65rem;max-width:70px;text-align:left}.step-circle{font-size:.65rem;height:26px;width:26px}.step-connector{font-size:1rem;margin:0 4px}}.wizard-content{background:#f8fafc;display:flex;flex-direction:column;min-height:calc(100vh - 250px);overflow:visible;padding:32px}.content-tile{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex:1 1;margin:0;overflow:visible;padding:32px}.wizard-footer{padding:20px 32px 32px}.footer-tile{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0;padding:24px 32px}.footer-left,.footer-right{display:flex;gap:12px}.btn{font-weight:600;padding:12px 24px}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb}@media (max-width:1200px){.wizard-content{padding:24px}.step-indicator{margin:0;max-width:100%}.step-item{min-height:70px;padding:16px 8px}.step-label{font-size:.75rem}.content-tile{margin:0;padding:24px}}@media (max-width:768px){.wizard-progress{padding:16px 20px}.wizard-content{min-height:calc(100vh - 200px);padding:20px 16px}.step-item{min-height:60px;padding:12px 6px}.step-number{font-size:.75rem;height:30px;margin-bottom:6px;width:30px}.step-label{font-size:.7rem;line-height:1.1}.content-tile{margin:0;padding:24px}.wizard-footer{padding:16px 20px}.footer-tile{align-items:stretch;flex-direction:column;gap:16px;margin:0;padding:20px}}.wizard-content{animation:fadeIn .3s ease-in-out}.modal-overlay{z-index:2000}.modal-content{box-shadow:0 10px 25px #00000026;max-width:400px;padding:24px;width:90%}.modal-content h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 12px}.modal-content p{color:#6b7280;line-height:1.5;margin:0 0 24px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-buttons .btn{min-width:80px}.wizard-step{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.step-header{margin-bottom:30px;text-align:center}.step-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 10px}.step-header p{color:#6c757d;font-size:1rem;line-height:1.5;margin:0}.step-content{margin:0 auto;max-width:1200px}.loading-state{padding:60px 20px;text-align:center}.form-section{background:#f8f9fa;margin-bottom:40px;padding:25px}.form-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;gap:10px}.form-section h3:before{background:#007bff;border-radius:2px;content:"";height:24px;width:4px}.account-selection{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.account-card{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;padding:20px;position:relative;transition:all .2s ease}.account-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.account-card.selected{background:#f8feff;border-color:#007bff;box-shadow:0 4px 12px #007bff33}.account-card.selected:after{align-items:center;background:#007bff;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:10px;top:10px;width:24px}.account-info h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 8px}.account-type{color:#007bff;font-size:.9rem;font-weight:500;margin:0 0 4px;text-transform:capitalize}.account-id{color:#6c757d;font-size:.85rem;margin:0 0 12px}.account-details p{color:#495057;font-size:.9rem;margin:2px 0}.account-card.new-account{align-items:center;background:linear-gradient(135deg,#f8feff,#e3f2fd);border:2px dashed #007bff;display:flex;justify-content:center;min-height:120px}.new-account-content{color:#007bff;text-align:center}.new-account-content i{display:block;font-size:2rem;margin-bottom:10px}.new-account-content h4{font-size:1.1rem;font-weight:600;margin:0 0 5px}.new-account-content p{font-size:.9rem;margin:0;opacity:.8}.contact-selection{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}.contact-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .2s ease}.contact-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.contact-card.selected{background:#f8fff9;border-color:#28a745}.contact-info h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 5px}.contact-info p{color:#6c757d;font-size:.85rem;margin:2px 0}.contact-actions .btn{font-size:.85rem;padding:5px 12px}.selected-borrowers{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:25px;padding:20px}.selected-borrowers h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 15px}.borrower-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 15px}.borrower-info{display:flex;flex-direction:column;gap:4px}.borrower-name{color:#2c3e50;font-weight:600}.borrower-order{color:#6c757d;font-size:.85rem}.borrower-type-select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;min-width:150px;padding:6px 10px}.form-modal{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}.modal-content{border-radius:12px;box-shadow:0 20px 40px #0003;max-width:600px;overflow-y:auto}.modal-header{padding:20px 25px 15px}.modal-header h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0}.modal-header button{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:5px;transition:all .2s ease}.modal-header button:hover{background:#f8f9fa;color:#495057}.modal-footer{padding:15px 25px 20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px 25px}.form-group label{color:#2c3e50;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:6px;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group.compact{align-items:center;display:flex;flex-direction:row;margin-bottom:12px}.form-group.compact label{flex-shrink:0;font-size:.9rem;margin-bottom:0;margin-right:15px;min-width:180px}.form-group.compact input,.form-group.compact select,.form-group.compact textarea{flex:1 1;margin-left:10px}.form-group.compact .calculated-field{background-color:#f8f9fa;color:#6c757d}.form-group.compact textarea{align-self:flex-start;flex:1 1;margin-left:10px;min-height:60px}.form-group.compact.textarea-group{align-items:flex-start}.form-group.compact.textarea-group label{padding-top:10px}.form-group.compact:has(textarea){align-items:flex-start}.form-group.compact:has(textarea) label{padding-top:10px}.form-grid.compact{display:block;gap:0}.form-grid.compact .form-group{margin-bottom:12px}.field-note{background:#f8f9ff;border-left:3px solid #007bff;border-radius:3px;color:#007bff;font-size:.8rem;font-style:italic;margin-top:5px;padding:5px 8px}.borrower-actions{margin-bottom:20px}.btn{font-size:.95rem;line-height:1;padding:10px 20px;text-align:center}.btn-primary:hover{box-shadow:0 4px 8px #007bff4d}.btn-secondary:hover{box-shadow:0 4px 8px #6c757d4d}.btn-sm{font-size:.85rem}.error-message{border-radius:6px;font-size:.9rem;margin-bottom:15px;padding:10px 15px}.total-field{border-top:2px solid #e5e7eb;grid-column:1/-1;margin-top:20px;padding-top:20px}.total-amount{background:#ecfdf5;border:2px solid #a7f3d0;border-radius:8px;color:#059669;font-size:1.5rem;font-weight:700;padding:12px 16px;text-align:center}.dti-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9}.dti-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.dti-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;transition:all .3s ease}.dti-card.primary{border-color:#3b82f6;box-shadow:0 8px 16px #3b82f633;transform:scale(1.05)}.dti-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.dti-label{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.dti-value{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:4px}.dti-card.primary .dti-value{font-size:3rem}.dti-description{color:#9ca3af;font-size:.75rem;font-weight:500}.dti-status{align-items:center;border-radius:8px;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:24px;padding:16px 20px}.dti-guidelines{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.dti-guidelines h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.dti-guidelines ul{list-style:none;margin:0;padding-left:20px}.dti-guidelines li{color:#6b7280;font-size:.875rem;padding:4px 0}.dti-guidelines .excellent{color:#059669;font-weight:600}.dti-guidelines .good{color:#0891b2;font-weight:600}.dti-guidelines .acceptable{color:#ea580c;font-weight:600}.dti-guidelines .high{color:#dc2626;font-weight:600}@media (max-width:768px){.dti-grid{grid-template-columns:1fr}.dti-card.primary{order:-1;transform:none}.dti-value{font-size:2rem}.dti-card.primary .dti-value{font-size:2.5rem}}.borrower-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.borrower-tab{align-items:center!important;background:#e5e7eb!important;border:none!important;border-radius:20px!important;color:#374151!important;cursor:pointer!important;display:flex!important;font-size:14px!important;padding:8px 16px!important;transition:background .2s!important}.borrower-tab:hover{background:#d1d5db!important}.borrower-tab.active{background:#3b82f6!important;color:#fff!important}.remove-co-applicant{color:#6b7280;cursor:pointer;font-size:16px;font-weight:700;margin-left:8px}.remove-co-applicant:hover{color:#dc2626}.borrower-tab.active .remove-co-applicant{color:#e5e7eb}.borrower-tab.active .remove-co-applicant:hover{color:#fca5a5}.remove-borrower-btn:hover{background:#c82333}.add-co-applicant{background:#28a745!important;border-color:#28a745!important;color:#fff!important}.add-co-applicant:hover{background:#218838!important;border-color:#218838!important;transform:translateY(-1px)!important}.add-icon{font-weight:700}.add-icon,.add-text{font-size:.7rem}.borrower-details{background:#fff;border-radius:0 8px 8px 8px;padding:0}.borrower-summary-card{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px 20px}.borrower-avatar{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.avatar-initials{color:#fff;font-size:16px;font-weight:600}.borrower-info{flex:1 1}.borrower-full-name{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 4px}.borrower-role{color:#6c757d;font-size:.85rem;font-weight:500;margin:0 0 8px}.borrower-contact-info{display:flex;flex-wrap:wrap;gap:15px}.contact-item{background:#fff;border:1px solid #dee2e6;border-radius:12px;color:#495057;font-size:.8rem;padding:2px 8px}.borrower-actions{display:flex;gap:10px}.btn-edit-borrower{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background .2s ease}.btn-edit-borrower:hover{background:#0056b3}.detailed-borrower-form{border-top:1px solid #e9ecef;margin-top:10px;padding-top:20px}.section-header{margin-bottom:20px}.asset-card,.employment-card,.liability-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:20px}.card-header{border-bottom:1px solid #dee2e6;margin-bottom:15px;padding-bottom:10px}.card-header h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.empty-state{color:#6c757d;padding:40px 20px}.empty-state p{font-size:1rem;margin:10px 0 20px}.no-borrowers-message{color:#6c757d;padding:60px 20px;text-align:center}.no-borrowers-message p{font-size:1.1rem;margin-top:15px}.progress-section{background:linear-gradient(135deg,#f8feff,#e3f2fd);border:1px solid #007bff;border-radius:8px;margin-bottom:30px;padding:20px}.progress-section h3{color:#2c3e50;margin:0 0 15px}.progress-bar{border-radius:10px;height:20px;margin-bottom:10px}.progress-bar.small{height:12px;margin-bottom:5px}.progress-fill{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:10px}.progress-text{color:#6c757d;font-size:.9rem;font-weight:500}.document-category{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.category-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.category-header h3{align-items:center;display:flex;gap:10px;margin:0}.required-badge{background:#dc3545;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.category-progress{align-items:center;display:flex;gap:10px;min-width:120px}.document-types{display:flex;flex-direction:column;gap:20px}.document-type{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px}.document-type-header{margin-bottom:15px}.document-info h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 5px}.required-asterisk{color:#dc3545;margin-left:4px}.upload-count{color:#6c757d;font-size:.85rem}.upload-area{background:#fff;border:2px dashed #ced4da;border-radius:8px;cursor:pointer;padding:30px;position:relative;text-align:center;transition:all .2s ease}.upload-area.drag-active,.upload-area:hover{background:#f8feff;border-color:#007bff}.upload-content{pointer-events:none}.upload-content i{color:#007bff;margin-bottom:15px}.upload-content p{color:#6c757d;font-size:.95rem;margin:0}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.uploaded-files{margin-top:15px}.file-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;justify-content:space-between;margin-bottom:8px;padding:12px 15px}.file-info,.file-item{align-items:center;display:flex}.file-info{flex:1 1;gap:12px}.file-icon{text-align:center;width:24px}.file-icon i{color:#007bff;font-size:1.2rem}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{color:#2c3e50;font-size:.9rem;font-weight:500}.file-size{color:#6c757d;font-size:.8rem}.file-status{gap:10px}.file-status,.upload-progress{align-items:center;display:flex}.upload-progress{gap:8px;min-width:80px}.upload-complete{align-items:center;color:#28a745;display:flex;font-size:.85rem;font-weight:500;gap:5px}.upload-complete i{color:#28a745}.upload-guidelines{background:#f8f9fa;border-radius:8px;margin-top:30px;padding:25px}.upload-guidelines h3{color:#2c3e50;margin:0 0 20px;text-align:center}.guidelines-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.guideline-item{padding:15px;text-align:center}.guideline-item i{color:#007bff;display:block;font-size:2rem;margin-bottom:10px}.guideline-item h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 8px}.guideline-item p{color:#6c757d;font-size:.9rem;margin:0}.completion-status{background:linear-gradient(135deg,#f8feff,#e3f2fd);border:1px solid #007bff;border-radius:8px;margin-bottom:30px;padding:20px}.completion-status h3{color:#2c3e50;margin:0 0 15px}.status-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.status-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:10px;padding:10px 15px}.status-item.complete{background:#f8fff9;border-color:#28a745}.status-item.complete i{color:#28a745}.status-item.incomplete i{color:#dc3545}.overall-progress{align-items:center;display:flex;gap:15px}.overall-progress .progress-bar{flex:1 1}.application-summary{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;overflow:hidden}.application-summary>h3{background:#f8f9fa;color:#2c3e50;margin:0;padding:15px 20px}.application-summary>h3,.summary-section{border-bottom:1px solid #e9ecef}.summary-section:last-child{border-bottom:none}.section-header.clickable{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px;transition:background-color .2s ease}.section-header.clickable:hover{background:#f8f9fa}.section-header h4{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0}.status-badge{padding:4px 12px}.status-badge.complete{background:#d4edda;color:#155724}.status-badge.incomplete{background:#f8d7da;color:#721c24}.section-content{background:#f8f9fa;padding:20px}.info-grid{grid-gap:15px;gap:15px}.info-item label{color:#6c757d;font-size:.85rem;font-weight:500;letter-spacing:.5px}.info-item span{color:#2c3e50}.incomplete-message{color:#6c757d;font-style:italic;margin:0}.document-list{display:flex;flex-direction:column;gap:10px}.document-item{gap:12px;padding:10px 15px}.document-item i{color:#007bff;text-align:center;width:20px}.document-info{display:flex;flex-direction:column;gap:2px}.document-name{color:#2c3e50;font-size:.9rem;font-weight:500}.document-category{color:#6c757d;font-size:.8rem}.document-status{border-radius:10px;font-size:.8rem;font-weight:500;padding:2px 8px}.document-status.completed{background:#d4edda;color:#155724}.agreements-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:25px}.agreements-section h3{color:#2c3e50;margin:0 0 20px}.agreement-items{display:flex;flex-direction:column;gap:15px}.agreement-item{align-items:flex-start;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .2s ease}.agreement-item:hover{background:#f8feff;border-color:#007bff}.agreement-item input[type=checkbox]{accent-color:#007bff;height:18px;margin:4px 0 0;width:18px}.checkmark-text{color:#2c3e50;flex:1 1;font-size:.95rem;line-height:1.5}.checkmark-text a{color:#007bff;text-decoration:none}.checkmark-text a:hover{text-decoration:underline}.signature-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:25px}.signature-section h3{color:#2c3e50;margin:0 0 20px}.signature-input{background:#f8feff!important;border:2px solid #007bff!important;font-family:Courier New,monospace;font-weight:500}.signature-section small{color:#6c757d;display:block;font-size:.85rem;margin-top:8px}.notes-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:25px}.notes-section h3{color:#2c3e50;margin:0 0 20px}.submission-status{padding:20px;text-align:center}.warning-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404}.ready-message,.warning-message{align-items:center;display:flex;gap:10px;justify-content:center;padding:15px}.ready-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.ready-message i,.warning-message i{font-size:1.2rem}.features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.feature-checkbox{background:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.feature-checkbox:hover{background:#f8feff;border-color:#007bff}.feature-checkbox input[type=checkbox]:checked+.checkmark{color:#007bff;font-weight:600}.hoa-services{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.hoa-services h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 15px}.utility-group{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr 120px}.utility-label{color:#2c3e50;display:block;font-weight:500;margin-bottom:5px}.calculated-field{background-color:#f8f9fa!important;color:#6c757d;font-style:italic}.checkbox-group{display:flex;flex-direction:column;gap:15px;margin-top:10px}.checkbox-label{border-radius:6px;color:#2c3e50;font-size:.95rem;gap:12px;padding:10px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#f8f9fa}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkmark{font-weight:500}.loan-summary{background:linear-gradient(135deg,#f8feff,#e3f2fd);border:1px solid #007bff}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.summary-item{border:1px solid #e9ecef;border-radius:6px;display:flex;flex-direction:column;gap:5px;padding:15px}.summary-item label{color:#6c757d;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-item span{color:#2c3e50;font-size:1rem;font-weight:600}input[type=text]:not(:placeholder-shown),input[type=text]:placeholder-shown{text-align:left}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:768px){.borrower-tabs{flex-direction:column;gap:5px}.borrower-tab{bottom:0}.borrower-details,.borrower-tab{border-radius:8px}.features-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.feature-checkbox{font-size:.85rem;padding:6px 10px}.info-grid,.status-grid{grid-template-columns:1fr}.guidelines-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.overall-progress{flex-direction:column;gap:10px}}@media (max-width:480px){.wizard-step{padding:10px}.step-header{margin-bottom:20px}.step-header h2{font-size:1.3rem}.form-section{padding:15px 10px}.account-card,.contact-card,.form-grid{padding:15px}.summary-grid{grid-template-columns:1fr}.checkbox-group{gap:10px}.checkbox-label{font-size:.9rem;padding:8px}.features-grid{grid-template-columns:1fr}.feature-checkbox{font-size:.85rem;padding:8px 10px}.borrower-tabs{gap:5px}.tab-content{text-align:center}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.asset-card,.employment-card,.liability-card{padding:15px}.card-header,.file-item{align-items:flex-start;flex-direction:column;gap:10px}.file-status{justify-content:space-between;width:100%}.upload-area{padding:20px}.document-category{padding:15px}.category-header{align-items:flex-start;flex-direction:column;gap:10px}.agreement-item{padding:12px}.agreements-section,.notes-section,.signature-section{padding:20px 15px}}.modal-overlay{-webkit-overflow-scrolling:touch;background-color:#000000b3;overflow-y:auto;z-index:10000}.terms-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:800px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid #e9ecef;flex-shrink:0;padding:20px 30px}.modal-header h2{color:#2c3e50;font-size:1.5rem}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.modal-close:hover{background-color:#f8f9fa;color:#dc3545}.modal-content{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow-x:hidden;overflow-y:scroll!important;padding:30px}.terms-content h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:20px}.terms-list{counter-reset:term-counter;list-style:none;margin:0;padding:0}.terms-list li{color:#495057;counter-increment:term-counter;line-height:1.6;margin-bottom:20px;padding-left:40px;position:relative}.terms-list li:before{color:#007bff;content:counter(term-counter) ".";font-size:1.1rem;font-weight:700;left:0;position:absolute;top:0}.terms-list li strong{color:#2c3e50;display:block;margin-bottom:8px}.terms-footer{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-top:30px;padding:20px}.terms-footer p{color:#2c3e50;line-height:1.6;margin:0}.modal-footer{border-top:2px solid #e9ecef;flex-shrink:0}.btn-secondary{background-color:#6c757d;border:none;border-radius:6px;font-size:1rem;padding:10px 24px;transition:all .2s}.btn-secondary:hover{background-color:#5a6268;box-shadow:0 4px 12px #6c757d4d}@media (max-width:768px){.terms-modal{border-radius:8px;max-height:95vh;max-width:100%}.modal-content,.modal-footer,.modal-header{padding:20px}.terms-list li{font-size:.95rem;padding-left:30px}}.property-inspection-screen{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.inspection-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.header-left h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 8px}.header-left p{color:#64748b;font-size:16px;margin:0}.header-actions{align-items:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-outline{background:#fff;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.btn-ghost{background:#0000;border:2px solid #e2e8f0;color:#64748b}.btn-ghost:hover{background:#f8fafc;color:#334155}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.inspection-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.spinner{border:4px solid #e2e8f0;border-left-color:#667eea;margin-bottom:16px}.empty-state{color:#64748b;padding:80px 20px}.empty-state h3{color:#334155;font-size:24px}.empty-state p{font-size:16px;margin:0 auto 30px;max-width:400px}.empty-actions{display:flex;gap:12px;justify-content:center}.table-wrapper{overflow-x:auto}.inspection-table{border-collapse:collapse;font-size:14px;width:100%}.inspection-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.inspection-table th{border-bottom:2px solid #e2e8f0;color:#334155;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.inspection-table td{border-bottom:1px solid #e2e8f0;padding:16px 12px;vertical-align:top}.inspection-table tbody tr:hover{background:#f8fafc}.inspection-id{color:#667eea;font-family:Monaco,Menlo,monospace;font-size:12px;font-weight:500}.status-badge{border-radius:4px;font-size:11px}.type-badge{text-transform:capitalize}.inspector-info{display:flex;flex-direction:column;gap:2px}.inspector-name,.vendor-name{color:#334155;font-weight:500}.inspector-company,.vendor-type{color:#64748b;font-size:12px}.no-inspector{color:#94a3b8;font-style:italic}.address-info{display:flex;flex-direction:column;gap:2px;max-width:200px}.address-secondary{color:#64748b;font-size:12px}.no-address{color:#94a3b8;font-style:italic}.action-buttons{gap:4px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-container.large{max-width:900px}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;padding:24px 30px}.modal-header h2{color:#334155;font-size:20px;font-weight:600;margin:0}.close-btn{color:#64748b;font-size:24px;padding:4px}.close-btn:hover{background:#f1f5f9;color:#334155}.modal-body{flex:1 1;padding:30px}.modal-body.view-mode,.modal-footer{padding:20px 30px}.modal-footer{background:#f8fafc;border-top:2px solid #e2e8f0;gap:12px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-section h3{border-bottom:2px solid #e2e8f0;color:#334155;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.form-row{margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#334155;font-size:14px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group select.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:12px;margin-top:4px}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.info-section{margin-bottom:32px}.info-section:last-child{margin-bottom:0}.info-section h3{border-bottom:2px solid #e2e8f0;color:#334155;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:8px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-item span{color:#334155;font-size:14px;font-weight:500}.info-item span.value-amount{color:#059669;font-size:18px;font-weight:600}.info-item span.status-requested{color:#d97706}.info-item span.status-scheduled{color:#2563eb}.info-item span.status-in-progress{color:#dc2626}.info-item span.status-completed{color:#059669}.info-item span.status-cancelled{color:#6b7280}.info-item span.status-failed{color:#dc2626}.info-item span.confidence-high{color:#059669;font-weight:600}.info-item span.confidence-medium{color:#d97706;font-weight:600}.info-item span.confidence-low{color:#dc2626;font-weight:600}.address-display{background:#f8fafc;border-left:4px solid #667eea;border-radius:8px;padding:16px}.address-display p{color:#334155;line-height:1.5;margin:0}.remarks-section{margin-top:20px}.remarks-section h4{color:#334155;font-size:14px;font-weight:600;margin:0 0 8px}.remarks-section p{background:#f8fafc;border-radius:6px;color:#64748b;line-height:1.6;margin:0;padding:12px}@media (max-width:768px){.inspection-header{align-items:flex-start;flex-direction:column;gap:20px}.header-actions{justify-content:flex-start;width:100%}.modal-container{margin:10px;max-width:none}.modal-body,.modal-footer,.modal-header{padding-left:20px;padding-right:20px}.form-row,.info-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}.inspection-table{min-width:800px}}@media (max-width:480px){.property-inspection-screen{padding:10px}.inspection-header{padding:20px}.header-left h1{font-size:24px}.btn{font-size:13px;padding:10px 16px}.modal-container{margin:5px}}.inspection-table tbody tr{transition:background-color .2s ease}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-buttons{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.document-processor{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.processor-header{border-bottom:1px solid #e9ecef;margin-bottom:1.5rem;padding:1.5rem 1.5rem 0}.processor-header h4{color:#495057;font-weight:600;margin-bottom:.5rem}.documents-list{padding:0 1.5rem 1.5rem}.document-item{border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.document-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.document-info{padding:.5rem 0}.document-name{color:#343a40;font-weight:600;margin-bottom:.25rem}.document-actions{min-width:140px}.document-actions .btn{border-radius:6px;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.badge-processing{animation:pulse 2s infinite;background:linear-gradient(45deg,#17a2b8,#20c997);color:#fff}.badge-success{background:linear-gradient(45deg,#28a745,#20c997);color:#fff}.badge-danger{background:linear-gradient(45deg,#dc3545,#fd7e14);color:#fff}.badge-secondary{background:linear-gradient(45deg,#6c757d,#adb5bd);color:#fff}.progress{border-radius:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#007bff,#0056b3);transition:width .3s ease}.spinner-border-sm{height:.875rem;width:.875rem}.btn-primary{background:linear-gradient(45deg,#007bff,#0056b3)}.btn-primary:hover:not(:disabled){background:linear-gradient(45deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff40;transform:translateY(-1px)}.btn-outline-info{border-color:#17a2b8;color:#17a2b8;transition:all .2s ease}.btn-outline-info:hover:not(:disabled){background:#17a2b8;transform:translateY(-1px)}.btn-outline-secondary{border-color:#6c757d;color:#6c757d;transition:all .2s ease}.btn-outline-secondary:hover:not(:disabled){background:#6c757d;transform:translateY(-1px)}.btn:disabled{transform:none!important}.modal-xl .modal-dialog{max-width:1200px}.modal-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #007bff}.modal-title{color:#495057;font-weight:600}.nav-tabs{border-bottom:2px solid #e9ecef}.nav-tabs .nav-link{border:none;color:#6c757d;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.nav-tabs .nav-link:hover{background:#f8f9fa;color:#007bff}.nav-tabs .nav-link.active{background:#fff;border-bottom:3px solid #007bff;color:#007bff;font-weight:600}.table-responsive{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.table{margin-bottom:0}.table thead th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:.75rem}.table tbody td{padding:.75rem;vertical-align:middle}.table-striped tbody tr:nth-of-type(odd){background:#007bff08}pre{border:1px solid #e9ecef;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.4}.alert-info{background:linear-gradient(135deg,#e7f3ff,#cce7ff);border:1px solid #b8daff;color:#004085}.bg-success{background:linear-gradient(45deg,#28a745,#20c997)!important}.bg-warning{background:linear-gradient(45deg,#ffc107,#fd7e14)!important;color:#212529!important}.bg-danger{background:linear-gradient(45deg,#dc3545,#fd7e14)!important}@media (max-width:768px){.document-item .card-body{flex-direction:column}.document-actions{margin-left:0!important;margin-top:1rem}.document-actions .btn-group-vertical{flex-direction:row;width:100%}.document-actions .btn{flex:1 1;margin-bottom:0!important;margin-right:.5rem}.document-actions .btn:last-child{margin-right:0}.modal-xl .modal-dialog{margin:.5rem auto;max-width:95%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.document-item{animation:fadeIn .3s ease}.card:hover .btn{transform:translateY(-1px)}.btn:focus,.nav-link:focus{box-shadow:0 0 0 .2rem #007bff40}@media (prefers-color-scheme:dark){.document-processor{background:#343a40;color:#fff}.document-item{background:#495057;border-color:#6c757d}.processor-header{border-bottom-color:#6c757d}.processor-header h4{color:#fff}}.document-upload-advanced{margin:0 auto;max-width:1200px;padding:20px}.category-filter{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.category-filter button{align-items:center;background:#fff;border:2px solid #e0e4e7;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;min-width:120px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.category-filter button:hover{background-color:#f8fafc;border-color:#3b82f6}.category-filter button.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.category-progress{background-color:#ffffff4d;border-radius:2px;height:3px;margin-top:5px;overflow:hidden;width:100%}.category-progress .progress-bar{background-color:#10b981;height:100%;transition:width .3s ease}.category-filter button.active .category-progress{background-color:#ffffff4d}.drop-zone{background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;margin-bottom:30px;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.drop-zone:hover{background-color:#eff6ff;border-color:#3b82f6}.drop-zone.drag-active{background-color:#ecfdf5;border-color:#10b981;transform:scale(1.02)}.drop-zone.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.drop-zone-content{position:relative}.upload-icon{fill:#64748b;height:48px;margin-bottom:16px;width:48px}.drop-zone h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.drop-zone p{color:#64748b;font-size:14px;margin:0}.drop-zone input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.requirements-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:30px;padding:20px}.requirements-section h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.requirements-list{display:flex;flex-direction:column;gap:12px}.requirement-item{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:16px;justify-content:between;padding:12px 16px}.requirement-details{flex:1 1}.requirement-details strong{color:#1e293b;display:block;font-size:14px;margin-bottom:4px}.requirement-details p{color:#64748b;font-size:13px;line-height:1.4;margin:0}.applicant-type{background-color:#dbeafe;border-radius:12px;color:#1d4ed8;display:inline-block;font-size:11px;font-weight:500;margin-top:4px;padding:2px 8px}.requirement-actions{flex-shrink:0}.upload-btn{background-color:#3b82f6;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.upload-btn:hover{background-color:#2563eb}.documents-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.documents-list h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.no-documents{padding:40px 20px;text-align:center}.no-documents p{color:#64748b;font-size:14px;margin:0}.documents-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.document-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;position:relative;transition:all .3s ease}.document-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a}.document-card.error{background-color:#fef2f2;border-color:#ef4444}.document-card.processed{border-color:#10b981}.document-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.document-icon{font-size:20px}.document-info{flex:1 1;min-width:0}.document-info h5{color:#1e293b;font-size:14px;font-weight:600;margin:0 0 4px;word-break:break-all}.document-meta{color:#64748b;font-size:12px;margin:0}.remove-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.remove-btn:hover{background-color:#fee2e2;color:#ef4444}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.document-status{margin-bottom:12px}.status-text{color:#64748b;font-size:12px;font-weight:500}.document-card.error .status-text{color:#ef4444}.progress-bar{background-color:#e2e8f0;border-radius:2px;height:4px;margin-top:6px}.progress-fill{background-color:#3b82f6;border-radius:2px}.document-card.processed .progress-fill{background-color:#10b981}.document-card.error .progress-fill{background-color:#ef4444}.extracted-data{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;margin-top:12px;padding:12px}.extracted-data h6{color:#475569;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.extracted-data pre{color:#334155;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:1.4;margin:0;max-height:100px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.document-upload-advanced{padding:16px}.category-filter{gap:8px}.category-filter button{font-size:13px;min-width:100px;padding:10px 12px}.drop-zone{padding:30px 15px}.documents-grid{gap:12px;grid-template-columns:1fr}.requirement-item{align-items:flex-start;flex-direction:column;gap:12px}.requirement-actions{align-self:stretch}.upload-btn{display:block;text-align:center;width:100%}}@media (max-width:480px){.category-filter{flex-wrap:wrap}.category-filter button{flex:1 1;min-width:auto}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.document-card .document-icon{animation:pulse 1.5s infinite}.document-card.error .document-icon,.document-card.processed .document-icon{animation:none}.borrower-portal{background:#f8fafc;min-height:100vh;padding:2rem}.borrower-portal.wizard-mode{background:#f8f9fa;min-height:100vh;padding:20px}.wizard-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0;min-height:calc(100vh - 120px);position:relative}.content-container{display:block;width:100%}.portal-navigation{background-color:#e9ecef;border-radius:8px;display:flex;gap:2px;margin-bottom:24px;padding:4px}.nav-tab{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.nav-tab:hover{background-color:#ffffffb3;color:#334155}.nav-tab.active{background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#007bff}.tab-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.tab-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px 32px}.tab-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.document-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:24px 32px}.documents-tab .stat-card:first-child{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.documents-tab .stat-card:nth-child(2){background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.documents-tab .stat-card:nth-child(3){background:linear-gradient(135deg,#ffc107,#e0a800);color:#fff}.documents-tab .stat-card:nth-child(4){background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.document-upload-section{background-color:#f8f9fa;border:2px dashed #cbd5e1;border-radius:12px;margin:24px 32px;padding:30px}.settings-content{padding:24px 32px}.settings-section{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.settings-section:last-child{border-bottom:none}.settings-section h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 16px}.settings-section p{color:#6c757d;font-size:.9rem;margin:8px 0}.checkbox-label{color:#495057;font-size:.9rem;margin:12px 0}.checkbox-label input[type=checkbox]{accent-color:#007bff;height:16px;width:16px}.dashboard-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{box-shadow:0 2px 10px #00000014;text-align:center;transition:transform .2s ease}.stat-number{color:#007bff;font-size:2.5rem;margin-bottom:8px}.stat-label{color:#6c757d;font-size:.9rem}.applications-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.section-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;gap:12px;padding:24px 32px}.section-header h2{color:#2c3e50;font-size:1.5rem}.application-count{background:#007bff;border-radius:16px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.error-state,.loading-state{color:#6c757d;padding:60px 32px;text-align:center}.loading-spinner{border:3px solid #e9ecef;border-top-color:#007bff;margin:0 auto 20px}.empty-state{padding:80px 32px}.empty-icon{opacity:.6}.empty-state h3{font-size:1.5rem;margin-bottom:8px}.empty-state p{color:#6c757d;font-size:1.1rem;margin-bottom:24px}.applications-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:24px 32px}.application-card{background:#fff;border:1px solid #e9ecef;overflow:hidden;transition:all .3s ease}.application-card:hover{border-color:#007bff;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.card-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;padding:20px}.application-info h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 4px;text-transform:capitalize}.loan-amount{color:#28a745;font-size:1.1rem;font-weight:600;margin:0}.status-badge{border-radius:16px}.card-content{padding:20px}.application-details{margin-bottom:16px}.application-details p{color:#495057;font-size:.9rem;margin:8px 0}.application-details strong{color:#2c3e50;font-weight:600}.progress-section{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.progress-label{color:#495057;font-size:.9rem;font-weight:500;margin-bottom:8px}.progress-bar{background:#e9ecef}.progress-fill{background:linear-gradient(90deg,#007bff,#28a745);border-radius:3px}.card-actions{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.btn{font-size:.9rem;gap:6px}.btn-danger:hover,.btn-secondary:hover{transform:translateY(-1px)}.btn-sm{font-size:.8rem;padding:6px 12px}@media (max-width:768px){.borrower-portal{padding:16px}.portal-navigation{background-color:initial;flex-direction:column;gap:8px;padding:0}.nav-tab{background-color:#fff;border:1px solid #e9ecef;border-radius:8px}.nav-tab.active{background-color:#007bff;color:#fff}.tab-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.dashboard-stats,.document-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr);margin:20px}.stat-card{padding:16px}.stat-number{font-size:2rem}.applications-grid{gap:16px;grid-template-columns:1fr;padding:16px}.card-content,.card-header{padding:16px}.card-actions{align-items:stretch;flex-direction:column;padding:12px 16px}.btn{justify-content:center;width:100%}.document-upload-section{margin:16px 20px;padding:20px}.settings-content{padding:20px}}@media (max-width:480px){.dashboard-stats,.document-stats-grid{grid-template-columns:1fr}.stat-number{font-size:1.8rem}.section-header,.tab-header{padding:16px 20px}.section-header h2,.tab-header h2{font-size:1.3rem}.document-upload-section{margin:16px;padding:16px}.settings-content{padding:16px}}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.filters-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px}.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;min-width:150px;padding:8px 12px}.documents-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.documents-table{border-collapse:collapse;width:100%}.documents-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left}.documents-table td{border-bottom:1px solid #f3f4f6;padding:12px 16px;vertical-align:middle}.documents-table tbody tr:hover{background:#f9fafb}.document-name{display:flex;flex-direction:column;gap:2px}.document-name .name{color:#1f2937;font-weight:500}.document-name .description{color:#6b7280;font-size:.8rem}.category-badge{background:#e5e7eb;border-radius:12px;color:#374151;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.category-badge.category-income{background:#dbeafe;color:#1e40af}.category-badge.category-identity{background:#fef3c7;color:#92400e}.category-badge.category-property{background:#d1fae5;color:#047857}.category-badge.category-financial{background:#fce7f3;color:#be185d}.category-badge.category-employment{background:#e0e7ff;color:#3730a3}.subcategory{color:#6b7280;font-size:.75rem}.status-badge.status-uploaded{background:#fef3c7;color:#92400e}.status-badge.status-processing{background:#dbeafe;color:#1e40af}.status-badge.status-processed{background:#d1fae5;color:#047857}.status-badge.status-error{background:#fecaca;color:#dc2626}.application-ref{background:#f3f4f6;border-radius:4px;font-family:monospace;font-size:.8rem;padding:2px 6px}.no-application{color:#6b7280;font-size:.875rem;font-style:italic}.document-actions{display:flex;gap:8px}.btn-outline{background:#0000;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.8rem;padding:6px 10px;transition:all .2s}.btn-outline:hover{background:#f3f4f6;border-color:#9ca3af}.no-data{color:#6b7280;padding:40px 20px}.empty-state{gap:16px}.empty-icon{font-size:3rem}.loading{color:#6b7280}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:12px 16px}.event-dashboard{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.event-dashboard.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{color:#6c757d;font-size:18px}.dashboard-header{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.dashboard-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.dashboard-controls{align-items:center;display:flex;gap:15px}.time-range-select{background:#fff;border:1px solid #ddd;cursor:pointer;padding:8px 12px}.refresh-btn,.time-range-select{border-radius:4px;font-size:14px}.refresh-btn{background:#007bff;padding:8px 16px;transition:background-color .2s}.refresh-btn:hover:not(:disabled){background:#0056b3}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.stat-card{border-left:4px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:25px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-card.success{border-left-color:#28a745}.stat-card.error{border-left-color:#dc3545}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.stat-header h3{color:#495057;font-size:16px;font-weight:500;margin:0}.stat-icon{font-size:24px;opacity:.7}.stat-content{text-align:left}.stat-number{margin-bottom:5px}.stat-detail{color:#6c757d;font-size:14px}.stat-detail .active,.stat-detail .success-rate{color:#28a745;font-weight:500}.stat-detail .error-rate{color:#dc3545;font-weight:500}.dashboard-section{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:25px}.dashboard-section h3{border-bottom:2px solid #f8f9fa;color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.engine-health{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.health-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:15px}.health-label{color:#495057;font-weight:500}.health-status{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.health-status.healthy{background:#d4edda;color:#155724}.health-status.running{background:#d1ecf1;color:#0c5460}.health-status.error{background:#f8d7da;color:#721c24}.health-value{color:#2c3e50;font-weight:600}.performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.performance-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:20px}.performance-card h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 15px}.performance-stats{display:flex;flex-direction:column;gap:10px}.perf-stat{align-items:center;display:flex;justify-content:space-between}.perf-label{color:#6c757d;font-size:14px}.perf-value{color:#2c3e50;font-weight:600}.errors-list{max-height:400px;overflow-y:auto}.error-item{background:#fff5f5;border:1px solid #fed7d7;border-radius:6px;margin-bottom:10px;padding:15px}.error-item:last-child{margin-bottom:0}.error-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.error-entity{color:#2c3e50;font-size:14px;font-weight:600}.error-time{color:#6c757d;font-size:12px}.error-message{font-size:14px;margin-bottom:5px;word-break:break-word}.error-listener{color:#6c757d;font-size:12px}.no-errors{color:#28a745;font-size:16px;font-weight:500;padding:40px;text-align:center}.timeline-chart{min-height:200px}.timeline-bars{align-items:end;display:flex;gap:8px;height:150px;padding:20px 0}.timeline-bar{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;min-height:100px;position:relative}.bar-success{background:#28a745;border-radius:4px 4px 0 0}.bar-failure,.bar-success{min-height:2px;transition:all .2s;width:100%}.bar-failure{background:#dc3545;border-radius:0 0 4px 4px}.timeline-bar:hover .bar-failure,.timeline-bar:hover .bar-success{opacity:.8}.bar-label{color:#6c757d;font-size:12px;font-weight:500;margin-top:8px}.no-data{color:#6c757d;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.event-dashboard{padding:15px}.dashboard-header{align-items:stretch;flex-direction:column;gap:15px}.dashboard-controls{justify-content:center}.engine-health,.performance-grid,.stats-grid{grid-template-columns:1fr}.timeline-bars{gap:4px}.error-header{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:480px){.dashboard-header h2{font-size:24px}.stat-card{padding:20px}.stat-number{font-size:28px}.dashboard-section{padding:20px}}.event-listeners{max-width:100%;padding:20px}.listeners-filters{align-items:end;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.filter-input,.filter-select{min-width:200px}.listeners-stats{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:30px;margin-bottom:20px;padding:15px}.stat-item{gap:5px}.stat-label{font-weight:500}.stat-value{color:#333;font-size:24px;font-weight:700}.listeners-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;overflow:hidden}.listeners-table{border-collapse:collapse;font-size:14px;width:100%}.listeners-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px;text-align:left}.listeners-table td{border-bottom:1px solid #dee2e6;padding:12px;vertical-align:top}.listeners-table tr:hover{background-color:#f8f9fa}.listener-name strong{color:#333;display:block;margin-bottom:4px}.listener-description{color:#666;font-size:12px;line-height:1.4}.entity-badge{background:#007bff;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.event-types{display:flex;flex-wrap:wrap;gap:4px}.event-type-badge{background:#e9ecef;border-radius:8px;color:#495057;font-size:11px;font-weight:500;padding:2px 6px}.actions-count{color:#666;font-size:12px}.queue-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.queue-badge.high-priority{background:#dc3545;color:#fff}.queue-badge.medium-priority{background:#fd7e14;color:#fff}.queue-badge.low-priority{background:#28a745;color:#fff}.queue-badge.default{background:#6c757d;color:#fff}.statistics{font-size:11px;line-height:1.4}.statistics div{margin-bottom:2px}.status-badge.healthy{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.warning{border:1px solid #ffeaa7}.status-badge.error{border:1px solid #f5c6cb}.status-badge.inactive{background:#e2e3e5;border:1px solid #d6d8db;color:#6c757d}.btn-primary:hover{background:#0056b3}.btn-secondary:hover{background:#545b62}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#1e7e34}.btn-warning:hover{background:#e0a800}.btn-danger:hover{background:#c82333}.no-listeners{color:#666;padding:40px 20px;text-align:center}.no-listeners p{font-size:16px;margin-bottom:20px}@media (max-width:1200px){.listeners-filters{align-items:stretch;flex-direction:column}.filter-group{max-width:none}.filter-input,.filter-select{min-width:auto}.listeners-stats{flex-wrap:wrap}}@media (max-width:768px){.event-listeners{padding:10px}.listeners-table-container{overflow-x:auto}.listeners-table{min-width:800px}.action-buttons{flex-direction:column}}.event-logs{max-width:100%;padding:20px}.logs-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.logs-header h3{color:#333;margin:0}.header-controls{gap:15px}.auto-refresh-toggle{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px}.auto-refresh-toggle input[type=checkbox]{margin:0}.logs-filters{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.filter-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.filter-row:last-child{margin-bottom:0}.filter-group{min-width:180px}.filter-group.flex-grow{flex:1 1;min-width:250px}.filter-group label{color:#555;font-size:14px}.filter-input,.filter-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.filter-input:focus,.filter-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.logs-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;overflow:hidden}.logs-table{border-collapse:collapse;font-size:14px;width:100%}.logs-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.logs-table td{border-bottom:1px solid #dee2e6;padding:12px;vertical-align:top}.logs-table tr:hover{background-color:#f8f9fa}.log-row.error{background-color:#fff5f5}.log-row.error:hover{background-color:#ffebee}.log-row.warning{background-color:#fffbf0}.log-row.warning:hover{background-color:#fff8e1}.status-badge{white-space:nowrap}.status-badge.success{background:#d4edda;color:#155724}.status-badge.error{background:#f8d7da;color:#721c24}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.info{background:#cce7ff;color:#004085}.timestamp{color:#666;font-size:12px;white-space:nowrap}.listener-info strong{color:#333;display:block;margin-bottom:4px}.listener-id{color:#666;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px}.entity-info .entity-type{font-weight:500;margin-bottom:4px}.entity-info .entity-id{color:#666;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px}.event-type{background:#e9ecef;border-radius:8px;color:#495057;font-size:11px;font-weight:500;padding:2px 6px}.duration{color:#666;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px}.message-preview{color:#666;font-size:12px;line-height:1.4;max-width:200px}.action-buttons{gap:5px;white-space:nowrap}.btn{font-size:12px;padding:6px 12px}.btn-sm{font-size:11px}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h4{color:#333;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{background:#e9ecef;color:#333}.modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:20px}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px}.log-details{display:flex;flex-direction:column;gap:20px}.detail-section{border-bottom:1px solid #e9ecef;padding-bottom:15px}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-section h5{color:#333;font-size:16px;margin:0 0 10px}.detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-grid>div{font-size:14px;line-height:1.4}.detail-grid strong{color:#555}.detail-grid code{background:#f8f9fa;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 4px}.message-full{font-size:14px;line-height:1.6;white-space:pre-wrap}.error-details,.message-full,.metadata-details,.result-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:15px}.error-details,.metadata-details,.result-details{overflow-x:auto}.error-details pre,.metadata-details pre,.result-details pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-word}.no-logs{color:#666;padding:40px 20px;text-align:center}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.pagination-info{color:#666;font-size:14px}.error{padding:40px;text-align:center}.error-message{color:#dc3545}.error-message p{margin-bottom:20px}@media (max-width:1200px){.filter-row{flex-direction:column}.filter-group{min-width:auto}.logs-table-container{overflow-x:auto}.logs-table{min-width:1000px}}@media (max-width:768px){.event-logs{padding:10px}.logs-header{align-items:stretch;flex-direction:column;gap:15px}.header-controls{justify-content:space-between}.modal-overlay{padding:10px}.modal-content{max-height:95vh}.detail-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.event-builder{margin:0 auto;max-width:1000px;padding:20px}.builder-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.builder-header h3{color:#333;margin:0 0 15px}.templates-section{margin-top:15px}.templates-section label{color:#555;display:block;font-weight:500;margin-bottom:8px}.template-buttons{display:flex;flex-wrap:wrap;gap:10px}.builder-form{display:flex;flex-direction:column;gap:30px}.form-section{border:1px solid #e9ecef;border-radius:8px;padding:20px}.form-section h4{border-bottom:1px solid #e9ecef;color:#333;font-size:18px;margin:0 0 20px;padding-bottom:10px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#555;font-weight:500;margin-bottom:8px}.form-group label input[type=checkbox]{margin-right:8px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-input.small,.form-select.small{font-size:12px;padding:6px 8px}.form-textarea{min-height:80px;resize:vertical}.checkbox-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px;margin-bottom:0}.checkbox-label input[type=checkbox]{margin:0}.conditions-list{display:flex;flex-direction:column;gap:10px}.condition-row{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;gap:10px;padding:10px}.condition-row .form-input,.condition-row .form-select{flex:1 1;margin:0}.actions-list{display:flex;flex-direction:column;gap:20px}.action-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.action-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.action-header h5{color:#333;margin:0}.action-config{background:#fff;border:1px solid #e9ecef;border-radius:4px;margin-top:15px;padding:15px}.action-config>label{color:#333;font-weight:600;margin-bottom:10px}.config-field{align-items:center;display:flex;gap:10px;margin-bottom:10px}.config-field:last-child{margin-bottom:0}.config-field label{font-size:13px;font-weight:500;margin-bottom:0;min-width:120px}.config-field .form-input{flex:1 1}.btn{border:none;border-radius:4px;transition:all .2s;white-space:nowrap}.btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-sm{font-size:12px;padding:4px 8px}.btn-primary{background:#007bff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.form-actions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;gap:15px;justify-content:flex-end;margin-top:20px;padding:20px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px;padding:15px}.error-message p{margin:0}.loading{padding:40px;text-align:center}.loading-spinner{color:#666;font-size:16px}@media (max-width:768px){.event-builder{padding:10px}.form-section{padding:15px}.condition-row{align-items:stretch;flex-direction:column}.condition-row .form-input,.condition-row .form-select{margin-bottom:10px}.condition-row .form-input:last-child,.condition-row .form-select:last-child{margin-bottom:0}.action-header{gap:10px}.action-header,.config-field{align-items:stretch;flex-direction:column}.config-field label{margin-bottom:5px;min-width:auto}.form-actions{flex-direction:column-reverse}.template-buttons{flex-direction:column}.checkbox-grid{grid-template-columns:1fr}}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.event-management .create-event-btn,.event-management .header-title h1,.event-management .header-title p,.event-management .refresh-btn,.event-management .tab-button{color:#2c3e50!important}.event-management{background:#f5f6fa!important;color:#333!important;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.event-management:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.event-management-header{background:#fff;border-bottom:1px solid #e8ecf0;box-shadow:0 4px 20px #00000014;padding:2rem 0;position:relative;z-index:1}.header-content{margin:0 auto;max-width:1400px;padding:0 2rem}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.header-title p{color:#666;font-size:1.1rem;font-weight:400;margin:.5rem 0 0}.header-controls{gap:1.5rem}.header-controls,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.create-event-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-event-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.event-management-tabs{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;margin:2rem auto;max-width:1400px;overflow:hidden;padding:0 2rem}.tab-button{align-items:center;background:#fff;border:none;border-right:1px solid #e9ecef;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.tab-button:last-child{border-right:none}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.event-tab-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:1400px;min-height:500px;padding:0 2rem}.event-loading{align-items:center;color:#6c757d;display:flex;height:300px;justify-content:center}.event-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#dc3545;margin:1rem;padding:2rem;text-align:center}@media (max-width:768px){.event-management{padding:1rem}.event-management-header{align-items:flex-start;flex-direction:column;gap:1rem}.event-management-tabs{flex-direction:column}.event-tab{border-bottom:1px solid #e9ecef;border-right:none}.event-tab:last-child{border-bottom:none}}.my-teams{background-color:#f8f9fa;min-height:calc(100vh - 160px);padding:20px}.teams-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.teams-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.teams-header p{color:#7f8c8d;font-size:14px;margin:0 0 8px}.teams-count{color:#27ae60;font-size:14px;font-weight:500}.filter-info{color:#7f8c8d;font-weight:400}.teams-actions{flex-wrap:wrap;gap:20px}.teams-actions,.teams-filters{align-items:center;display:flex}.teams-filters{gap:15px}.filter-group{gap:5px}.filter-group label{color:#7f8c8d;font-size:12px}.filter-select{background-color:#fff;border:2px solid #e9ecef;color:#2c3e50;min-width:120px;padding:8px 12px;transition:all .2s ease}.filter-select:hover{border-color:#3498db}.filter-select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.export-actions{display:flex;gap:10px}.export-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.export-btn.csv{background-color:#27ae60;color:#fff}.export-btn.csv:hover{background-color:#229954;box-shadow:0 4px 12px #27ae604d;transform:translateY(-1px)}.export-btn.pdf{background-color:#e74c3c;color:#fff}.export-btn.pdf:hover{background-color:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.summary-cards{grid-gap:20px;gap:20px;margin-bottom:30px}.summary-card{border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;gap:16px;transition:all .2s ease}.summary-card:hover{box-shadow:0 8px 25px #0000001f}.card-icon{background-color:#f8f9fa;font-size:32px}.card-content h3{color:#7f8c8d;font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.card-value{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.teams-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.teams-table-container{overflow-x:auto}.teams-table{background-color:#fff;border-collapse:collapse;width:100%}.teams-table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:14px;font-weight:600;padding:16px 12px;text-align:left;white-space:nowrap}.teams-table td{border-bottom:1px solid #f1f3f4;padding:16px 12px;vertical-align:middle}.teams-table tbody tr:hover{background-color:#f8f9fa}.teams-table tbody tr:last-child td{border-bottom:none}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#3498db;border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:#2c3e50;font-size:14px;font-weight:500}.user-email{color:#7f8c8d;font-size:12px}.role-badge{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.role-badge.role-admin{background-color:#e74c3c;color:#fff}.role-badge.role-organization_admin{background-color:#8e44ad;color:#fff}.role-badge.role-manager{background-color:#2980b9;color:#fff}.role-badge.role-business_user{background-color:#27ae60;color:#fff}.role-badge.role-lender{background-color:#f39c12;color:#fff}.role-badge.role-user{background-color:#95a5a6;color:#fff}.count-cell{color:#2c3e50;font-weight:500;text-align:center}.activity-count,.notification-count{background-color:#f8f9fa;border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.loading-container{padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#3498db;margin-bottom:20px}.empty-state{padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#2c3e50;font-size:18px;margin:0 0 12px}.empty-state p{color:#7f8c8d;font-size:14px}.access-denied{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.access-denied h2{color:#e74c3c;font-size:24px;margin:0 0 12px}.access-denied p{color:#7f8c8d;font-size:14px;margin:0}@media (max-width:768px){.my-teams{padding:15px}.teams-header{align-items:flex-start;flex-direction:column;gap:15px}.teams-actions{justify-content:space-between;width:100%}.teams-filters{flex:1 1}.summary-cards{gap:15px;grid-template-columns:1fr}.summary-card{padding:20px}.card-icon{font-size:28px;height:50px;width:50px}.card-value{font-size:24px}.teams-table td,.teams-table th{font-size:13px;padding:12px 8px}.user-avatar{font-size:14px;height:36px;width:36px}.export-actions{flex-direction:column;gap:8px}.export-btn{justify-content:center;width:100%}}.loan-dashboard{background:#f8fafc;min-height:100vh;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 .5rem}.dashboard-header p{color:#64748b;font-size:1rem;margin:0}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.main-dashboard-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-width:0;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.dashboard-section:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.summary-card{align-items:center;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.card-icon.applications{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.card-icon.notifications{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-icon.activities{background:linear-gradient(135deg,#10b981,#059669)}.card-content h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.card-content p{color:#64748b;font-size:.875rem;margin:0}.section-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;margin-bottom:1rem;padding-bottom:1rem}.section-header h2{font-size:1.25rem}.view-all-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.view-all-btn:hover{background:#2563eb}.activities-list,.applications-list,.notifications-list{grid-gap:1rem;display:grid;gap:1rem}.application-card{border-radius:8px;padding:1rem;transition:border-color .2s ease,box-shadow .2s ease}.application-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.app-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.app-info h4{color:#1e293b;font-size:1rem;margin:0 0 .25rem}.app-id{background:#f1f5f9}.app-amount{color:#059669;font-size:1.125rem;font-weight:700}.app-progress{margin-bottom:1rem}.progress-bar{border-radius:3px;height:6px;margin-bottom:.25rem}.progress-text{color:#64748b;font-size:.75rem}.app-footer{align-items:center;display:flex;justify-content:space-between}.status-badge.approved{background:#dcfce7;color:#059669}.status-badge.under-review{background:#fef3c7;color:#d97706}.status-badge.pending{background:#f3f4f6;color:#6b7280}.status-badge.rejected{background:#fee2e2;color:#dc2626}.last-update{color:#64748b;font-size:.75rem}.activities-list{grid-gap:.75rem;display:grid;gap:.75rem}.activity-item{border-radius:8px;gap:1rem;padding:.75rem;transition:background-color .2s ease}.activity-item:hover{background:#f8fafc}.activity-icon{font-size:1rem;height:40px;width:40px}.activity-icon.application{background:#dbeafe}.activity-icon.document{background:#fef3c7}.activity-icon.verification{background:#dcfce7}.activity-content h4{color:#1e293b;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.activity-content p{color:#64748b;font-size:.75rem;line-height:1.4;margin:0 0 .25rem}.activity-time{color:#94a3b8;font-size:.75rem}.activity-status{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.activity-status.completed{background:#dcfce7;color:#059669}.activity-status.in-progress{background:#fef3c7;color:#d97706}.notifications-list{grid-gap:.75rem;display:grid;gap:.75rem}.notification-item{align-items:flex-start;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.notification-item:hover{border-color:#cbd5e1}.notification-item.unread{background:#f8fafc;border-color:#3b82f6}.notification-priority{align-self:stretch;border-radius:2px;flex-shrink:0;width:4px}.notification-content{flex:1 1}.notification-content h4{color:#1e293b;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.notification-content p{color:#64748b;font-size:.75rem;line-height:1.4;margin:0 0 .25rem}.notification-time{color:#94a3b8}.unread-indicator{right:.75rem;top:.75rem}.application-dashboard{background:#f8f9fa;min-height:100vh;padding:2rem}.application-dashboard-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.application-title h1{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.application-title p{color:#666;font-size:1rem;margin:0}.application-overview,.overview-cards{margin-bottom:2rem}.overview-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr}.overview-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.overview-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.card-header h3{font-size:1.2rem;font-weight:600;margin:0}.detail-item{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:.5rem 0}.overview-card:not(.primary) .detail-item{border-bottom:1px solid #e9ecef}.detail-item:last-child{border-bottom:none}.detail-item label{color:#ffffffe6;font-weight:600}.overview-card:not(.primary) .detail-item label{color:#666}.detail-item span.amount{font-size:1.1rem;font-weight:700}.detail-item span.app-id{font-family:Courier New,monospace;font-size:.9rem}.progress-circle{margin-bottom:1rem}.circle-progress,.progress-circle{display:flex;justify-content:center}.circle-progress{align-items:center;background:conic-gradient(#2c3e50 0deg,#2c3e50 65%,#e9ecef 65%);border-radius:50%;height:80px;position:relative;width:80px}.circle-progress:before{background:#fff;border-radius:50%;content:"";height:60px;position:absolute;width:60px}.progress-text{color:#2c3e50;font-size:1.2rem;font-weight:700;z-index:1}.progress-details{display:flex;flex-direction:column;gap:.5rem}.last-activity,.next-step{display:flex;flex-direction:column;gap:.25rem}.last-activity label,.next-step label{color:#666;font-size:.85rem;font-weight:600}.doc-stats{display:flex;gap:1rem;justify-content:space-around}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-number{color:#2c3e50;font-size:1.5rem}.stat-label{font-size:.85rem;font-weight:600}.application-timeline{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.application-timeline h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0 0 1.5rem}.timeline{padding-left:2rem;position:relative}.timeline:before{background:#e9ecef;bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:2rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{background:#e9ecef;border:2px solid #fff;box-shadow:0 0 0 2px #e9ecef;height:12px;left:-2rem;position:absolute;top:.25rem;width:12px}.timeline-item.completed .timeline-marker{background:#27ae60;box-shadow:0 0 0 2px #27ae60}.timeline-item.in-progress .timeline-marker{background:#f39c12;box-shadow:0 0 0 2px #f39c12}.timeline-item.pending .timeline-marker{background:#bdc3c7;box-shadow:0 0 0 2px #bdc3c7}.timeline-content{padding-left:1rem}.timeline-date{color:#666;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.timeline-event{color:#2c3e50;font-size:1rem;font-weight:600}.application-actions-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.application-actions-section h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0 0 1.5rem}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-badge{font-size:.8rem}.status-badge.in-progress{background:#e3f2fd;color:#1976d2}.status-badge.completed{background:#e8f5e8;color:#2e7d32}.status-badge.pending{background:#fff3e0;color:#f57c00}.status-badge.under-review{background:#f3e5f5;color:#7b1fa2}.status-badge.approved{background:#e8f5e8;color:#2e7d32}.btn-primary{background:#2c3e50;font-size:.9rem;transition:all .2s ease}.btn-primary:hover{background:#34495e;transform:translateY(-1px)}.btn-secondary{background:#0000;border:1px solid #2c3e50;color:#2c3e50;font-size:.9rem;font-weight:600;transition:all .2s ease}.btn-secondary:hover{background:#2c3e50;color:#fff}@media (max-width:768px){.application-dashboard{padding:1rem}.overview-cards{grid-template-columns:1fr}.application-dashboard-header{align-items:stretch;flex-direction:column;gap:1rem}.action-buttons{grid-template-columns:1fr}}.my-activities{background:#f8fafc;min-height:100vh;padding:2rem}.activities-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.activities-header h1{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 .5rem}.activities-header p{color:#64748b;font-size:1rem;margin:0}.activities-filters{align-items:center;display:flex;gap:1rem}.activities-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.activities-timeline{padding:2rem}.activity-timeline-item{display:flex;gap:1.5rem;margin-bottom:2rem}.activity-timeline-item:last-child{margin-bottom:0}.timeline-connector{align-items:center;display:flex;flex-direction:column;position:relative}.timeline-dot{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:48px;justify-content:center;width:48px;z-index:2}.timeline-line{background:#e2e8f0;flex:1 1;margin-top:.5rem;width:2px}.activity-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;padding:1.5rem;transition:all .2s ease}.activity-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.activity-header{align-items:flex-start;margin-bottom:1rem}.activity-info h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.activity-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.activity-meta{align-items:flex-end;flex-direction:column;gap:.25rem}.activity-date{color:#94a3b8;font-size:.75rem;font-weight:500}.activity-status{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.activity-details{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1rem}.activity-details p{color:#374151;font-size:.875rem;line-height:1.5;margin:0}.activity-footer{align-items:center;display:flex;justify-content:space-between}.activity-timestamp{color:#94a3b8;font-size:.75rem}.activity-actions{display:flex;gap:.5rem}@media (max-width:768px){.my-activities{padding:1rem}.activities-header{align-items:stretch;flex-direction:column;gap:1rem}.activity-timeline-item{gap:1rem}.timeline-dot{font-size:1rem;height:40px;width:40px}.activity-card{padding:1rem}.activity-header{flex-direction:column;gap:.5rem}.activity-meta{align-items:flex-start}.activity-footer{align-items:stretch;flex-direction:column;gap:.75rem}.activity-actions{justify-content:stretch}.action-btn{flex:1 1;text-align:center}}.my-notifications{background:#f8fafc;min-height:100vh;padding:2rem}.notifications-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.notifications-header h1{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 .5rem}.notifications-header p{color:#64748b;font-size:1rem;margin:0 0 1rem}.unread-badge{background:#ef4444;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.notifications-actions{align-items:center;display:flex;gap:1rem}.notifications-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.empty-state p{margin:0}.notifications-list{display:flex;flex-direction:column}.notification-item{border-bottom:1px solid #e2e8f0;cursor:pointer;position:relative;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f0f9ff;border-left:4px solid #3b82f6}.notification-item.unread:hover{background:#e0f2fe}.notification-content{padding:1.5rem}.notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.notification-main{display:flex;flex:1 1;gap:1rem}.notification-icon{align-items:center;background:#f8fafc;border-radius:8px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.notification-text{flex:1 1}.notification-text h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem}.notification-text p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.notification-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.priority-indicator{border-radius:50%;height:12px;margin-bottom:.25rem;width:12px}.notification-date{color:#94a3b8;font-size:.75rem;font-weight:500}.notification-time{color:#cbd5e1;font-size:.75rem}.notification-actions{display:flex;gap:.75rem;justify-content:flex-end}.action-btn{font-size:.75rem}.action-btn.danger{background:#fef2f2;color:#dc2626}.action-btn.danger:hover{background:#fee2e2;color:#b91c1c}.unread-indicator{background:#3b82f6;border-radius:50%;height:8px;pointer-events:none;position:absolute;right:1.5rem;top:1.5rem;width:8px}@media (max-width:768px){.my-notifications{padding:1rem}.notifications-header{gap:1rem}.notifications-actions,.notifications-header{align-items:stretch;flex-direction:column}.notification-header{flex-direction:column;gap:1rem}.notification-meta{align-items:center;flex-direction:row;justify-content:space-between}.notification-actions{justify-content:stretch}.action-btn{flex:1 1;text-align:center}.unread-indicator{right:1rem;top:1rem}}.my-applications{background:#f8fafc;min-height:100vh;padding:2rem}.applications-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.applications-header h1{color:#1e293b;font-size:2rem;font-weight:600;margin:0 0 .5rem}.applications-header p{color:#64748b;font-size:1rem;margin:0 0 1rem}.applications-count{color:#6b7280;font-size:.875rem}.filter-info{color:#3b82f6;font-weight:500}.applications-filters{align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{color:#374151;font-size:.875rem;font-weight:500}.filter-select{min-width:140px}.applications-filters{align-items:center;display:flex;gap:1rem}.filter-select{border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:.5rem 1rem}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.applications-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.applications-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.applications-table{border-collapse:collapse;width:100%}.applications-table th{background:#f8f9fa;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:1rem;text-align:left}.applications-table td{border-bottom:1px solid #e2e8f0;padding:1rem;vertical-align:middle}.applications-table tr:hover{background:#f8f9fa}.app-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;text-decoration:none}.app-link:hover{color:#2563eb;text-decoration:underline}.status-badge{align-items:center;border-radius:6px;display:inline-flex;padding:.25rem .75rem}.status-badge.status-pending{background:#fef3c7;border:1px solid #fbbf24;color:#92400e}.status-badge.status-approved{background:#d1fae5;border:1px solid #34d399;color:#065f46}.status-badge.status-in-progress{background:#dbeafe;border:1px solid #60a5fa;color:#1e40af}.status-badge.status-rejected{background:#fee2e2;border:1px solid #f87171;color:#991b1b}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 2rem}.applications-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:2rem}.application-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease}.application-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.application-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.app-title-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.app-id{background:#e2e8f0;border-radius:4px;color:#64748b;font-size:.75rem;padding:.125rem .5rem}.status-badge{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem}.application-details{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.detail-row{align-items:center;border-bottom:1px solid #f1f5f9;padding:.5rem 0}.detail-label{color:#64748b;font-size:.875rem;font-weight:500}.detail-value{color:#1e293b;font-size:.875rem;font-weight:600}.detail-value.amount{color:#059669;font-size:1rem}.application-progress{margin-bottom:1.5rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-label{color:#374151;font-size:.875rem;font-weight:600}.progress-percentage{color:#059669;font-size:.875rem;font-weight:600}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden;width:100%}.progress-fill{height:100%;transition:width .3s ease}.next-step{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:6px;padding:.75rem}.next-step-label{color:#1e40af;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.next-step-text{color:#1e40af;display:block;font-size:.875rem;margin-top:.25rem}.application-documents{margin-bottom:1.5rem}.application-documents h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .75rem}.documents-list{display:flex;flex-direction:column;gap:.5rem}.document-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:.75rem;padding:.5rem}.document-icon{flex-shrink:0;font-size:1rem}.document-name{color:#374151;flex:1 1;font-size:.875rem}.document-status{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.application-footer{border-top:1px solid #e2e8f0;padding-top:1rem}.application-dates{display:flex;justify-content:space-between;margin-bottom:1rem}.date-item{display:flex;flex-direction:column;gap:.125rem}.date-label{color:#64748b;font-size:.75rem;font-weight:500}.date-value{color:#1e293b;font-size:.875rem;font-weight:600}.application-actions{display:flex;gap:.75rem;justify-content:flex-end}.action-btn{font-size:.875rem;padding:.5rem 1rem}.action-btn.primary{background:#3b82f6}.action-btn.primary:hover{background:#2563eb}.action-btn.secondary{background:#f1f5f9;color:#475569}.action-btn.secondary:hover{background:#e2e8f0;color:#334155}@media (max-width:768px){.my-applications{padding:1rem}.applications-header{gap:1rem}.applications-filters,.applications-header{align-items:stretch;flex-direction:column}.applications-grid{gap:1rem;grid-template-columns:1fr;padding:1rem}.application-card{padding:1rem}.application-dates,.application-header{flex-direction:column;gap:.75rem}.application-actions{justify-content:stretch}.action-btn{flex:1 1;text-align:center}}.pagination-container{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem 0}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;min-width:44px;padding:.5rem 1rem;text-align:center;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn.active:hover{background:#2563eb;border-color:#2563eb}@media (max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:1rem}.pagination-controls{justify-content:center}}.loan-accounts{margin:0 auto;max-width:1200px;padding:24px}.accounts-header{margin-bottom:32px;text-align:center}.accounts-header h1{color:#333;font-size:28px;margin-bottom:8px}.accounts-header p{color:#666;font-size:16px}.accounts-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;text-align:center}.summary-card h3{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.summary-number{color:#333;font-size:32px;font-weight:700;margin:0}.accounts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.account-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.account-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.account-header{align-items:center;display:flex;margin-bottom:20px}.account-icon{font-size:32px;margin-right:16px}.account-info h3{color:#333;font-size:18px;margin:0 0 4px}.account-info p{color:#666;font-size:14px;margin:0}.account-status{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;margin-left:auto;padding:6px 12px;text-transform:uppercase}.status-active{background:#d4edda;color:#155724}.status-paid{background:#cce7ff;color:#004085}.account-details{margin-bottom:20px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#666;font-weight:500}.detail-row span:last-child{color:#333;font-weight:600}.account-actions{display:flex;gap:12px}.action-btn{border-radius:6px;flex:1 1;padding:10px 16px}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.quick-actions h2{color:#333;font-size:20px;margin:0 0 20px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-action-btn{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-direction:column;padding:20px;text-decoration:none;transition:all .2s ease}.quick-action-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px)}.action-icon{font-size:24px;margin-bottom:8px}.quick-action-btn span:last-child{font-size:14px;font-weight:500;text-align:center}@media (max-width:768px){.loan-accounts{padding:16px}.accounts-grid{grid-template-columns:1fr}.account-header{align-items:flex-start;flex-direction:column;gap:12px}.account-status{align-self:flex-start;margin-left:0}.account-actions{flex-direction:column}.actions-grid{grid-template-columns:1fr}}.loan-activities{margin:0 auto;max-width:1000px;padding:24px}.activities-header{margin-bottom:32px;text-align:center}.activities-header h1{color:#333;font-size:28px;margin-bottom:8px}.activities-header p{color:#666;font-size:16px}.activity-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.activities-timeline{margin-bottom:32px;position:relative}.activities-timeline:before{background:#e0e0e0;bottom:0;content:"";left:30px;position:absolute;top:0;width:2px}.timeline-item{display:flex;margin-bottom:32px;position:relative}.timeline-marker{align-items:center;background:#fff;border:3px solid #667eea;border-radius:50%;display:flex;height:60px;justify-content:center;margin-right:20px;position:relative;width:60px;z-index:2}.activity-icon{font-size:20px}.timeline-content{background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;padding:20px}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.activity-header h4{color:#333;font-size:16px;margin:0}.activity-time{color:#666;font-weight:500}.timeline-content p{color:#555;line-height:1.5;margin:0 0 16px}.activity-meta{display:flex;flex-wrap:wrap;gap:16px}.meta-item{background:#f8f9fa;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.status-pending{background:#fff3cd;color:#856404}.status-completed{background:#d4edda;color:#155724}.activity-summary{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.activity-summary h2{color:#333;font-size:20px;margin:0 0 20px}.summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-stat{background:#f8f9fa;border-radius:8px;padding:16px;text-align:center}.stat-number{display:block;font-size:32px}.stat-label{color:#666;font-size:14px;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.loan-activities{padding:16px}.activity-filters{align-items:center;flex-direction:column}.filter-btn{max-width:200px;width:100%}.timeline-item{align-items:flex-start;flex-direction:column}.timeline-marker{margin-bottom:16px;margin-right:0}.activities-timeline:before{left:30px;top:30px}.activity-header{align-items:flex-start}.activity-header,.activity-meta{flex-direction:column;gap:8px}.summary-stats{grid-template-columns:1fr}}.loan-desktop{margin:0 auto;max-width:1200px;padding:24px}.loan-desktop-header{margin-bottom:32px;text-align:center}.loan-desktop-header h1{color:#333;font-size:28px;margin-bottom:8px}.loan-desktop-header p{color:#666;font-size:16px}.loan-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.stat-icon{font-size:32px;margin-right:16px}.stat-content h3{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-number{color:#333;margin:0}.loan-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.action-btn{align-items:center;border-radius:8px;display:flex;font-size:14px;padding:12px 20px;text-decoration:none}.action-btn.primary{background:#667eea;color:#fff}.action-btn.primary:hover{background:#5a6fd8;transform:translateY(-1px)}.action-btn.secondary{border:2px solid #667eea}.btn-icon{font-size:16px;margin-right:8px}.recent-applications{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.recent-applications h2{color:#333;font-size:20px;margin:0 0 20px}.applications-list{display:flex;flex-direction:column;gap:16px}.application-item{align-items:center;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.application-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.app-status{border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-review{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-pending{background:#cce7ff;color:#004085}@media (max-width:768px){.loan-desktop{padding:16px}.loan-stats-grid{grid-template-columns:1fr}.loan-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}.application-item{align-items:flex-start;flex-direction:column;gap:12px}}.loan-transactions{margin:0 auto;max-width:1200px;padding:24px}.transactions-header{margin-bottom:32px;text-align:center}.transactions-header h1{color:#333;font-size:28px;margin-bottom:8px}.transactions-header p{color:#666;font-size:16px}.transactions-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.search-bar{display:flex;flex:1 1;max-width:400px}.search-input{border:2px solid #e0e0e0;border-radius:8px 0 0 8px;flex:1 1;font-size:14px;outline:none;padding:10px 16px}.search-input:focus{border-color:#667eea}.search-btn{background:#667eea;border:2px solid #667eea;border-left:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px}.filter-controls{display:flex;gap:12px}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 16px}.filter-select:focus{border-color:#667eea}.transactions-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:32px;overflow:hidden}.table-header{grid-gap:16px;background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;display:grid;font-size:14px;font-weight:600;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase}.table-body{display:flex;flex-direction:column}.table-row{border-bottom:1px solid #f0f0f0;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr;padding:20px 24px;transition:background-color .2s ease}.table-row:hover{background:#f8f9fa}.table-row:last-child{border-bottom:none}.col-application{align-items:center;display:flex}.app-info h4{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.app-info p{color:#666;font-size:14px;margin:0}.type-badge{border-radius:12px;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.mortgage{background:#e3f2fd;color:#1976d2}.personal{background:#f3e5f5;color:#7b1fa2}.auto{background:#e8f5e8;color:#388e3c}.business{background:#fff3e0;color:#f57c00}.col-amount{color:#333;font-size:16px;font-weight:600}.status-badge{border-radius:20px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.review{background:#fff3cd;color:#856404}.approved{background:#d4edda;color:#155724}.pending{background:#cce7ff;color:#004085}.rejected{background:#f8d7da;color:#721c24}.col-date{color:#666;font-size:14px}.col-actions{display:flex;gap:8px}.action-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.action-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.action-btn.secondary{background:#fff;border:1px solid #667eea;color:#667eea}.action-btn.secondary:hover{background:#667eea;color:#fff}.action-btn.small{font-size:11px;padding:4px 8px}.transactions-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;text-align:center}.summary-item h3{color:#666;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.summary-value{color:#333;font-size:24px;font-weight:700;margin:0}@media (max-width:768px){.loan-transactions{padding:16px}.transactions-controls{align-items:stretch;flex-direction:column}.search-bar{max-width:none}.filter-controls{justify-content:center}.table-header,.table-row{gap:8px;grid-template-columns:1fr}.table-row{padding:16px}.col-actions,.col-amount,.col-application,.col-date,.col-status,.col-type{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.col-application:before{color:#666;content:"Application: ";font-weight:600}.col-type:before{color:#666;content:"Type: ";font-weight:600}.col-amount:before{color:#666;content:"Amount: ";font-weight:600}.col-status:before{color:#666;content:"Status: ";font-weight:600}.col-date:before{color:#666;content:"Date: ";font-weight:600}.col-actions:before{color:#666;content:"Actions: ";font-weight:600}.transactions-summary{grid-template-columns:1fr}}.marketing-dashboard{background:#f8fafc;min-height:100vh;padding:0}.marketing-dashboard.loading{align-items:center;display:flex;justify-content:center}.loading-spinner{text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:32px 40px}.header-content h1{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 8px}.header-content p{color:#64748b;font-size:16px;margin:0}.dashboard-navigation{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:0 40px}.nav-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 20px;transition:all .2s ease}.nav-button:hover{background:#f1f5f9;color:#3b82f6}.nav-button.active{border-bottom-color:#3b82f6;color:#3b82f6}.dashboard-content{padding:40px}.dashboard-section{margin:0 auto;max-width:1200px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.section-header h2{color:#1e293b;font-size:24px;font-weight:600;margin:0}.header-actions{gap:12px}.btn{border-radius:8px;font-size:14px;padding:12px 20px;text-decoration:none}.btn.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn.btn-outline{background:#fff;border-color:#e2e8f0;color:#475569}.btn.btn-outline:hover{border-color:#3b82f6;color:#3b82f6}.btn-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon:hover{border-color:#3b82f6;color:#3b82f6}.btn-icon.danger:hover{border-color:#ef4444;color:#ef4444}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.metric-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:24px;transition:all .2s ease}.metric-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.metric-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-icon.campaigns{background:#fef3c7;color:#f59e0b}.metric-icon.emails{background:#dbeafe;color:#3b82f6}.metric-icon.opens{background:#dcfce7;color:#10b981}.metric-icon.clicks{background:#fce7f3;color:#ec4899}.metric-content{flex:1 1}.metric-number{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:4px}.metric-label{color:#64748b;font-size:14px;margin-bottom:8px}.metric-change{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.metric-change.positive{background:#dcfce7;color:#166534}.metric-change.negative{background:#fee2e2;color:#991b1b}.activity-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.activity-section h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 20px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-icon.campaign_sent{background:#dbeafe;color:#3b82f6}.activity-icon.social_post{background:#dcfce7;color:#10b981}.activity-icon.email_bounce{background:#fee2e2;color:#ef4444}.activity-content{flex:1 1}.activity-message{color:#334155;font-size:14px;margin-bottom:4px}.activity-time{color:#64748b;font-size:12px}.campaigns-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.table-header{background:#f8fafc;border-bottom:1px solid #e2e8f0}.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr;padding:16px 20px}.table-row:not(:last-child){border-bottom:1px solid #f1f5f9}.table-cell{font-size:14px}.table-header .table-cell{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.campaign-name{display:flex;flex-direction:column;gap:4px}.campaign-title{color:#1e293b;font-weight:500}.campaign-type{color:#64748b}.campaign-type,.status-badge{font-size:12px;text-transform:capitalize}.status-badge{border-radius:12px;display:inline-block;font-weight:500;padding:4px 8px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.scheduled{background:#fef3c7;color:#92400e}.status-badge.paused{background:#f1f5f9;color:#475569}.status-badge.completed{background:#dbeafe;color:#1d4ed8}.action-buttons{display:flex;gap:8px}.social-platforms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.platform-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s ease}.platform-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.platform-card.facebook{border-left:4px solid #1877f2}.platform-card.instagram{border-left:4px solid #e4405f}.platform-card.youtube{border-left:4px solid red}.platform-card.linkedin{border-left:4px solid #0077b5}.platform-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.platform-icon{flex-shrink:0;height:32px;width:32px}.platform-card.facebook .platform-icon{color:#1877f2}.platform-card.instagram .platform-icon{color:#e4405f}.platform-card.youtube .platform-icon{color:red}.platform-card.linkedin .platform-icon{color:#0077b5}.platform-header h3{color:#1e293b;flex:1 1;font-size:18px;font-weight:600;margin:0}.connection-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.connection-status.connected{background:#dcfce7;color:#166534}.connection-status.not-connected{background:#fee2e2;color:#991b1b}.platform-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat{text-align:center}.stat-number{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#64748b;font-size:12px}.platform-action{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}.platform-action:hover{border-color:#3b82f6;color:#3b82f6}@media (max-width:1024px){.dashboard-content,.dashboard-header{padding:20px}.dashboard-navigation{padding:0 20px}.metrics-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.table-row{gap:12px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto}}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.dashboard-navigation{overflow-x:auto;padding:0 20px}.nav-button{white-space:nowrap}.metrics-grid{grid-template-columns:1fr}.metric-card{align-items:center;flex-direction:row}.campaigns-table .table-header,.campaigns-table .table-row{display:none}.social-platforms-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-content,.dashboard-header{padding:16px}.header-content h1{font-size:24px}.metric-card{padding:16px}.metric-number{font-size:24px}}.surety-bond-wizard{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.surety-bond-wizard.embedded{bottom:auto;display:flex;flex-direction:column;height:auto;left:auto;max-height:none;min-height:auto;overflow:visible;position:relative;right:auto;top:auto;z-index:auto}.surety-bond-wizard.embedded .wizard-header{border-bottom:1px solid #e5e7eb;padding:16px 24px}.surety-bond-wizard.embedded .wizard-progress{padding:20px 24px}.surety-bond-wizard.embedded .wizard-content{flex:1 1;max-height:none;min-height:auto;overflow-y:visible;padding:24px}.surety-bond-wizard.embedded .wizard-footer{margin-top:auto;padding:16px 24px}.wizard-container{display:flex;flex-direction:column;height:auto;min-height:100%;overflow:visible}.wizard-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 32px}.header-info-bar{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin:0 24px;min-height:48px;padding:12px 24px}.header-info-bar>:not(.header-actions){white-space:nowrap}.account-name{color:#1f2937;font-size:.875rem;font-weight:600}.account-number{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.account-number.clickable{color:#3b82f6;cursor:pointer;text-decoration:underline}.account-number.clickable:hover{color:#1d4ed8;text-decoration:none}.application-type{color:#059669;font-size:.875rem;font-weight:600}.application-id{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.separator{color:#d1d5db;font-weight:400}.header-actions{display:flex;gap:8px;margin-left:auto}.btn-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.btn-close:hover{background:#f3f4f6;color:#374151}.wizard-progress{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 32px}.step-indicator{gap:0;justify-content:space-between;max-width:100%;padding:0 2rem;width:100%}.step-item{flex:1 1;justify-content:flex-start}.step-item:not(:last-child):after{left:calc(100% - 1rem);top:50%;transform:translateY(-50%);width:2rem}.step-title{color:#1f2937;font-size:.875rem;font-weight:600;line-height:1.2;margin-bottom:2px}.step-description{color:#6b7280;font-size:.75rem;line-height:1.2;margin-bottom:4px}.step-details{color:#059669;font-size:.6875rem;font-weight:500;line-height:1.2;margin-top:2px;text-align:center}.wizard-content{background:#fff;flex:1 1;overflow-y:auto;padding:0}.content-tile{display:flex;flex-direction:column;height:100%}.wizard-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:16px 32px}.footer-tile{align-items:center;display:flex;justify-content:space-between;max-width:100%}.footer-left,.footer-right{display:flex;gap:12px}.btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;min-width:80px;padding:8px 16px;transition:all .2s ease}.btn-primary{background:#3b82f6;border-color:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-primary:disabled{background:#9ca3af;border-color:#9ca3af}.btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{background:#f3f4f6;color:#9ca3af}@media (max-width:1200px){.wizard-footer,.wizard-header,.wizard-progress{padding-left:24px;padding-right:24px}.header-info-bar{margin:0 16px}}@media (max-width:768px){.wizard-footer,.wizard-header,.wizard-progress{padding-left:16px;padding-right:16px}.header-info-bar{flex-wrap:wrap;margin:0 8px;padding:8px 16px}.progress-steps{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.progress-step{min-width:150px}.step-title{font-size:.8125rem}.step-description{font-size:.6875rem}.footer-tile{align-items:stretch;flex-direction:column;gap:12px}.footer-left,.footer-right{justify-content:center}}.new-application-page{background:#f8fafc;min-height:100vh;padding:0}.new-application-header{background:#fff;border-bottom:1px solid #e2e8f0;min-height:120px;overflow:visible!important;padding:2rem;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header-content h1{color:#1a202c;font-size:2rem;font-weight:600;margin:0}.back-btn{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.back-btn:hover{background:#edf2f7;color:#2d3748}.step-indicator{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:2rem;justify-content:center;margin:0 auto;max-width:800px;overflow-x:auto;padding:0 1rem}.step-item{align-items:center;display:inline-flex!important;flex-shrink:0;gap:.75rem;position:relative;white-space:nowrap}.step-item:not(:last-child):after{background:#e2e8f0;content:"";height:2px;position:absolute;right:-1.5rem;transition:background-color .3s;width:1rem}.step-item.completed:not(:last-child):after{background:#48bb78}.step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#718096;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;transition:all .3s;width:2rem}.step-item.active .step-number{background:#4299e1;color:#fff}.step-item.completed .step-number{background:#48bb78;color:#fff}.step-label{color:#4a5568;font-weight:500;transition:color .3s;white-space:nowrap}.step-item.active .step-label{color:#2d3748;font-weight:600}.step-item.completed .step-label{color:#2d3748}.new-application-content{margin:0 auto;max-width:1200px;padding:3rem}.application-type-selection{text-align:center}.application-type-selection h2{color:#1a202c;font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.subtitle{color:#718096;font-size:1.125rem;margin-bottom:3rem}.app-type-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.app-type-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.app-type-card:hover{border-color:#4299e1;box-shadow:0 10px 25px #4299e126;transform:translateY(-2px)}.app-type-card.selected{background:#ebf8ff;border-color:#4299e1;box-shadow:0 8px 25px #4299e133}.app-type-card.selected:before{align-items:center;background:#4299e1;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:1.5rem}.app-type-icon{font-size:3rem;margin-bottom:1rem}.app-type-card h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.app-type-card p{color:#718096;line-height:1.6}.originator-selection,.product-selection{margin:0 auto;max-width:600px;text-align:center}.originator-selection h2,.product-selection h2{color:#1a202c;font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.form-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin-top:2rem;padding:2rem;text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.organization-picker{position:relative}.organization-search{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s;width:100%}.organization-search:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.organization-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.organization-option{border-bottom:1px solid #f7fafc;cursor:pointer;padding:.75rem 1rem;transition:background-color .2s}.organization-option:hover{background:#f7fafc}.organization-option:last-child{border-bottom:none}.org-name{color:#1a202c;font-weight:600}.org-code{color:#718096;font-size:.875rem;margin-top:.25rem}.no-options{color:#718096;font-style:italic;padding:1rem;text-align:center}.producer-code-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s;width:100%}.producer-code-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-top:2rem}.product-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.product-card:hover{border-color:#4299e1;box-shadow:0 8px 25px #4299e126;transform:translateY(-2px)}.product-card h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.product-card p{color:#718096;line-height:1.6;margin-bottom:1.5rem}.select-btn{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s;width:100%}.select-btn:hover:not(:disabled){background:#3182ce}.select-btn:disabled{background:#cbd5e0;cursor:not-allowed}.form-actions{border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.btn-primary,.form-actions{align-items:center;display:flex}.btn-primary{background:#4299e1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s}.btn-primary:hover:not(:disabled){background:#3182ce}.btn-primary:disabled{background:#cbd5e0;cursor:not-allowed}.btn-secondary{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn-secondary:hover:not(:disabled){background:#edf2f7;color:#2d3748}.btn-secondary:disabled{background:#f7fafc;color:#cbd5e0;cursor:not-allowed}@media (max-width:768px){.new-application-header{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1rem}.header-content h1{font-size:1.5rem}.step-indicator{flex-direction:row;flex-wrap:nowrap;gap:1.5rem;justify-content:flex-start;overflow-x:auto;padding:0 1rem .5rem}.new-application-page .step-item:not(:last-child):after{right:-.75rem;width:.5rem}.new-application-content{padding:1.5rem}.app-type-grid{gap:1rem;grid-template-columns:1fr}.form-actions{flex-direction:column;gap:1rem}.form-actions button{width:100%}}.country-selection{text-align:center}.country-selection h2{color:#1a202c;font-size:2rem;font-weight:600;margin-bottom:.5rem}.country-selection .subtitle{color:#718096;font-size:1.1rem;margin-bottom:3rem}.country-grid{display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:1000px}.country-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;flex:1 1;max-width:450px;min-width:350px;padding:2rem;text-align:center;transition:all .3s ease}.country-card:hover{border-color:#4299e1;box-shadow:0 8px 25px #4299e126;transform:translateY(-2px)}.country-card.selected{background:#f7faff;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.country-flag{font-size:4rem;margin-bottom:1rem}.country-card h3{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.country-card p{color:#718096;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.country-features{list-style:none;margin:0;padding:0;text-align:left}.country-features li{color:#4a5568;font-size:.9rem;margin-bottom:.5rem;padding-left:.5rem}.country-card.selected .country-features li{color:#2d3748}@media (max-width:768px){.country-grid{align-items:center;flex-direction:column;gap:1.5rem;max-width:400px}.country-card{max-width:100%;min-width:auto;padding:1.5rem}.country-flag{font-size:3rem}}.account-actions-menu{display:inline-block;position:relative}.sidebar .account-actions-menu{margin-bottom:.5rem;width:100%}.sidebar .actions-menu-btn{background:#34495e;border:none;border-radius:6px;font-size:.85rem;justify-content:space-between;width:100%}.actions-menu-btn,.sidebar .actions-menu-btn{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.actions-menu-btn{background:#2c3e50;border:none;border-radius:8px;font-size:.9rem;gap:.5rem}.actions-menu-btn:hover,.sidebar .actions-menu-btn:hover{background:#4a5f7a;transform:translateY(-1px)}.actions-menu-btn .arrow{font-size:.7rem;transition:transform .2s ease}.actions-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;margin-top:.5rem;min-width:200px;padding:0;position:absolute;top:100%;z-index:1000}.menu-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:.75rem 1rem}.menu-title{color:#2c3e50;font-size:.9rem;font-weight:600}.menu-subtitle{color:#666;font-size:.75rem;font-style:italic;margin-top:.25rem}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.1rem;height:24px;justify-content:center;padding:.25rem;transition:all .2s ease;width:24px}.close-btn:hover{background:#e9ecef;color:#333}.actions-dropdown .menu-item:first-of-type{margin-top:.5rem}.actions-dropdown .menu-item:last-of-type{margin-bottom:.5rem}.action-notification{animation:slideInFromRight .3s ease-out;background:#28a745;border-radius:6px;box-shadow:0 2px 10px #0003;color:#fff;font-size:.85rem;font-weight:500;margin-top:.25rem;padding:.5rem 1rem;position:absolute;right:0;top:100%;white-space:nowrap;z-index:1002}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.menu-item{align-items:center;color:#1a1f36;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.menu-item:hover{background:#f8f9fa}.menu-item.with-submenu:hover{background:#e3f2fd}.menu-item.with-submenu.active{background:#e3f2fd;border-left:3px solid #2196f3}.submenu-item.with-submenu.active{background:#e8f5e8;border-left:3px solid #4caf50}.submenu-arrow{color:#6b7280;font-size:.7rem}.menu-divider{background:#e1e5e9;height:1px;margin:.5rem 0}.submenu{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 20px #00000026;left:100%;margin-left:.5rem;min-width:180px;padding:.5rem 0;position:absolute;top:0;z-index:1001}.submenu-item{align-items:center;color:#1a1f36;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:.75rem 1rem;position:relative;transition:background-color .2s ease}.submenu-item:hover{background:#f8f9fa}.submenu-item.with-submenu:hover{background:#e3f2fd}.activity-submenu,.create-submenu{margin-top:-.5rem}.reminder-submenu{min-width:160px}@media (max-width:768px){.submenu{margin-left:0;max-width:280px}.actions-dropdown,.submenu{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw}.actions-dropdown{max-width:300px}}.actions-dropdown,.submenu{animation:menuSlideIn .2s ease-out}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item:active,.submenu-item:active{background:#e3f2fd;transform:scale(.98)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}