:root{--eco-green: #2E7D32;--eco-green-dark: #1B5E20;--eco-green-light: #43A047;--eco-green-surface: #E8F5E9;--eco-green-surface-hover: #C8E6C9;--eco-green-subtle: #F1F8E9;--bg-primary: #FAFAFA;--bg-white: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-panel: #FFFFFF;--border-light: #E8E8E8;--border-subtle: #F0F0F0;--text-primary: #1A1A1A;--text-secondary: #666666;--text-tertiary: #999999;--text-muted: #BDBDBD;--blue: #1976D2;--blue-surface: #E3F2FD;--purple: #7B1FA2;--purple-surface: #F3E5F5;--orange: #E65100;--orange-surface: #FFF3E0;--red: #C62828;--red-surface: #FFEBEE;--amber: #F57F17;--amber-surface: #FFF8E1;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs: .6875rem;--font-sm: .75rem;--font-base: .8125rem;--font-md: .875rem;--font-lg: 1rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-4xl: 2.75rem;--font-5xl: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 50%;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.08);--shadow-xl: 0 8px 32px rgba(0,0,0,.1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--panel-width: 320px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-md);color:var(--text-primary);background:var(--bg-primary);line-height:1.5;overflow:hidden;height:100vh}#app{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:var(--space-5);overflow-y:auto;overflow-x:hidden;z-index:10}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.sidebar-logo img{width:36px;height:36px}.sidebar-logo h1{font-size:var(--font-2xl);font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.sidebar-tagline{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);padding-left:2px}.sidebar-new-chat{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--eco-green);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-6);font-family:var(--font-family)}.sidebar-new-chat:hover{background:var(--eco-green-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-md);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left;font-family:var(--font-family)}.nav-item:hover{background:var(--eco-green-surface);color:var(--text-primary)}.nav-item.active{background:var(--eco-green-surface);color:var(--eco-green);font-weight:600}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item.active svg{color:var(--eco-green)}.sidebar-efficiency{margin-top:auto;padding:var(--space-5);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.sidebar-efficiency-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:500}.sidebar-efficiency-label svg{width:16px;height:16px;color:var(--eco-green)}.sidebar-efficiency-score{display:flex;align-items:baseline;gap:var(--space-2)}.sidebar-efficiency-score .score{font-size:var(--font-4xl);font-weight:700;color:var(--eco-green-dark);line-height:1}.sidebar-efficiency-score .max{font-size:var(--font-lg);color:var(--text-tertiary);font-weight:400}.sidebar-efficiency-change{font-size:var(--font-sm);color:var(--eco-green);font-weight:500;margin-top:var(--space-2)}.sidebar-efficiency-chart{margin-top:var(--space-3);height:40px}.sidebar-efficiency-chart canvas{width:100%;height:100%}.sidebar-workspace{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-top:var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.sidebar-workspace:hover{background:var(--bg-primary)}.sidebar-workspace-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--eco-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:700}.sidebar-workspace-info{flex:1}.sidebar-workspace-name{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.sidebar-workspace-type{font-size:var(--font-xs);color:var(--text-tertiary)}.sidebar-workspace-chevron{color:var(--text-tertiary)}.main-content{flex:1;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary);position:relative}.context-panel{width:var(--panel-width);min-width:var(--panel-width);height:100vh;background:var(--bg-panel);border-left:1px solid var(--border-light);padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.context-panel.hidden{display:none}.panel-section{padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.panel-section:last-child{border-bottom:none}.panel-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.panel-section-title svg{width:18px;height:18px;color:var(--text-secondary)}.panel-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.panel-row-label{font-size:var(--font-base);color:var(--text-secondary)}.panel-row-value{font-size:var(--font-base);font-weight:600;color:var(--text-primary)}.panel-row-value.green{color:var(--eco-green)}.panel-row-value.red{color:var(--red)}.panel-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--eco-green-surface);color:var(--eco-green-dark);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500}.panel-efficiency-bar{width:100%;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden;margin-top:var(--space-2)}.panel-efficiency-bar-fill{height:100%;background:var(--eco-green);border-radius:3px;transition:width var(--transition-slow)}.panel-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-light);background:var(--bg-white);width:100%;text-align:left;font-family:var(--font-family);font-weight:500;margin-bottom:var(--space-2)}.panel-action:hover{background:var(--eco-green-surface);color:var(--eco-green);border-color:var(--eco-green-surface-hover)}.panel-action svg{width:16px;height:16px;flex-shrink:0}.panel-action:last-child{margin-bottom:0}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px var(--space-8);border-bottom:1px solid var(--border-light);background:var(--bg-white);position:sticky;top:0;z-index:5;min-height:52px}.model-selector{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);box-shadow:0 1px 2px #00000005}.model-selector:hover{border-color:var(--eco-green);box-shadow:var(--shadow-sm)}.model-selector-icon{width:24px;height:24px;background:var(--eco-green-surface);border-radius:6px;display:flex;align-items:center;justify-content:center}.model-selector-icon svg{width:14px;height:14px;color:var(--eco-green)}.model-selector-text{display:flex;flex-direction:column}.model-selector-label{font-size:10px;color:var(--text-tertiary);font-weight:500;line-height:1.2}.model-selector-value{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.2}.model-selector-chevron{color:var(--text-tertiary);margin-left:2px;display:flex;align-items:center}.model-selector-chevron svg{width:14px;height:14px}.top-bar-actions{display:flex;align-items:center;gap:12px}.top-bar-icon-btn{width:32px;height:32px;border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast);color:#374151;padding:0}.top-bar-icon-btn:hover{background:var(--eco-green-surface);color:var(--eco-green)}.top-bar-icon-btn svg{width:20px;height:20px}.notification-badge{position:absolute;top:1px;right:2px;width:13px;height:13px;background:var(--eco-green);color:#fff;border-radius:var(--radius-full);font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #FFFFFF}.top-bar-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:var(--eco-green-surface);color:var(--eco-green-dark);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;cursor:pointer;border:none;transition:transform var(--transition-fast)}.top-bar-avatar:hover{transform:scale(1.05)}.chat-container{display:flex;flex-direction:column;height:calc(100vh - var(--header-height))}.chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-6)}.chat-welcome-logo{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.chat-welcome-logo-glow{position:absolute;width:180px;height:180px;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(46,125,50,.08) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}}.chat-welcome-logo img{width:100px;height:100px;position:relative;z-index:1}.chat-welcome-particles{position:absolute;width:200px;height:200px}.particle{position:absolute;width:4px;height:4px;border-radius:var(--radius-full);background:var(--eco-green);opacity:.3;animation:float-particle 4s ease-in-out infinite}.particle:nth-child(1){top:10%;left:20%;animation-delay:0s}.particle:nth-child(2){top:30%;right:15%;animation-delay:.5s}.particle:nth-child(3){bottom:20%;left:30%;animation-delay:1s}.particle:nth-child(4){top:15%;right:30%;animation-delay:1.5s}.particle:nth-child(5){bottom:30%;right:20%;animation-delay:2s}.particle:nth-child(6){top:50%;left:10%;animation-delay:2.5s}@keyframes float-particle{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-8px) scale(1.5);opacity:.6}}.chat-welcome-title{font-size:var(--font-3xl);font-weight:800;color:var(--text-primary);letter-spacing:-1px}.chat-welcome-subtitle{font-size:var(--font-lg);color:var(--text-secondary);margin-top:calc(-1 * var(--space-4))}.chat-input-wrapper{padding:0 var(--space-6) var(--space-4);width:100%;max-width:680px;margin:0 auto}.chat-input-box{display:flex;flex-direction:column;background:var(--bg-white);border:1px solid #E5E7EB;border-radius:16px;padding:14px 16px 10px;transition:border-color var(--transition-base),box-shadow var(--transition-base);box-shadow:0 1px 3px #00000005}.chat-input-box:focus-within{border-color:var(--eco-green);box-shadow:0 0 0 3px #2e7d3214}.chat-input-box textarea{width:100%;border:none;outline:none;resize:none;font-family:var(--font-family);font-size:14px;color:var(--text-primary);background:transparent;min-height:24px;max-height:100px;line-height:1.5}.chat-input-box textarea::placeholder{color:#9ca3af;font-size:14px}.chat-input-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.chat-welcome-tools{display:flex;gap:6px}.chat-pill-tool{width:30px;height:30px;border-radius:8px;border:1px solid #E5E7EB;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all var(--transition-fast);padding:0}.chat-pill-tool:hover{background:var(--eco-green-surface);color:var(--eco-green);border-color:var(--eco-green-surface-hover)}.chat-pill-tool svg{width:15px;height:15px}.chat-icon-tool{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;padding:6px;border-radius:6px;transition:all var(--transition-fast)}.chat-icon-tool:hover{color:#4b5563;background:var(--eco-green-surface)}.chat-icon-tool svg{width:18px;height:18px}.chat-input-right-tools{display:flex;align-items:center;gap:8px}.chat-send-btn{width:32px;height:32px;border-radius:var(--radius-full);background:var(--eco-green-surface);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--eco-green);transition:all var(--transition-base);padding:0;flex-shrink:0}.chat-send-btn svg{width:15px;height:15px}.chat-send-btn:hover,.chat-send-btn.active{background:var(--eco-green);color:#fff}.chat-send-btn.active:hover{background:var(--eco-green-dark)}.chat-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);width:100%;max-width:760px;margin:0 auto;padding:0 var(--space-8) var(--space-6)}.chat-quick-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-family)}.chat-quick-action:hover{border-color:var(--eco-green-surface-hover);background:var(--eco-green-surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.chat-quick-action-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-quick-action-icon.green{background:var(--eco-green-surface);color:var(--eco-green)}.chat-quick-action-icon.blue{background:var(--blue-surface);color:var(--blue)}.chat-quick-action-icon.purple{background:var(--purple-surface);color:var(--purple)}.chat-quick-action-icon.orange{background:var(--orange-surface);color:var(--orange)}.chat-quick-action-text{font-size:var(--font-base);font-weight:500;color:var(--text-primary);line-height:1.3}.chat-footer{text-align:center;padding:var(--space-2) 0 var(--space-5);font-size:var(--font-sm);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.chat-footer svg{width:14px;height:14px;color:var(--eco-green)}.chat-messages{flex:1;padding:var(--space-6) var(--space-8);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);max-width:820px;margin:0 auto;width:100%}.chat-message{display:flex;gap:var(--space-4);animation:message-in .3s ease-out}@keyframes message-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-avatar{width:36px;height:36px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:600}.chat-message-avatar.user{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-light)}.chat-message-avatar.ai{background:var(--eco-green-surface);color:var(--eco-green)}.chat-message-content{flex:1;min-width:0}.chat-message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.chat-message-name{font-weight:600;font-size:var(--font-md)}.chat-message-time{font-size:var(--font-sm);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-1)}.chat-user-bubble{background:var(--eco-green-surface);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border-top-left-radius:var(--space-1);font-size:var(--font-md);line-height:1.6;color:var(--text-primary);display:inline-block}.pipeline-container{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin:var(--space-4) 0}.pipeline-label{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-4)}.pipeline-steps{display:flex;align-items:center;gap:0;position:relative}.pipeline-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.pipeline-step-circle{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--border-light);color:var(--text-tertiary);transition:all .5s ease;position:relative}.pipeline-step.completed .pipeline-step-circle{background:var(--eco-green);color:#fff}.pipeline-step.active .pipeline-step-circle{background:var(--eco-green);color:#fff;box-shadow:0 0 0 4px #2e7d3226;animation:step-pulse 1.5s ease-in-out infinite}@keyframes step-pulse{0%,to{box-shadow:0 0 0 4px #2e7d3226}50%{box-shadow:0 0 0 8px #2e7d3214}}.pipeline-step.pending .pipeline-step-circle{background:var(--bg-primary);border:2px solid var(--border-light);color:var(--text-muted)}.pipeline-step-circle svg{width:20px;height:20px}.pipeline-step-label{font-size:var(--font-sm);font-weight:600;color:var(--text-primary);margin-top:var(--space-2);text-align:center}.pipeline-step-sublabel{font-size:var(--font-xs);color:var(--text-tertiary);text-align:center}.pipeline-step.pending .pipeline-step-label{color:var(--text-tertiary)}.pipeline-connector{height:3px;flex:1;background:var(--border-light);position:relative;top:-18px;z-index:0;margin:0 -4px}.pipeline-connector.completed{background:var(--eco-green)}.model-selected-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--eco-green-surface);border-radius:var(--radius-md);margin:var(--space-3) 0}.model-selected-check{width:28px;height:28px;border-radius:var(--radius-full);background:var(--eco-green);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.model-selected-info{flex:1}.model-selected-name{font-weight:600;color:var(--eco-green-dark)}.model-selected-reason{font-size:var(--font-sm);color:var(--text-secondary);margin-top:2px}.model-selected-badge{padding:var(--space-1) var(--space-3);background:var(--bg-white);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600;color:var(--eco-green)}.ai-response-content{padding:var(--space-4) 0;line-height:1.7;color:var(--text-primary)}.ai-response-content h3{font-size:var(--font-lg);font-weight:700;margin:var(--space-4) 0 var(--space-2)}.ai-response-content p{margin-bottom:var(--space-3)}.risk-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0}.risk-number{width:24px;height:24px;border-radius:var(--radius-full);background:var(--eco-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:700;flex-shrink:0;margin-top:2px}.risk-text{font-size:var(--font-md);line-height:1.5}.risk-text strong{color:var(--text-primary)}.chat-message-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3)}.chat-action-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.chat-action-btn:hover{background:var(--eco-green-surface);color:var(--eco-green)}.chat-input-bottom{padding:var(--space-4) var(--space-8);border-top:1px solid var(--border-subtle);background:var(--bg-white)}.chat-input-bottom .chat-input-wrapper{padding:0}.dashboard-container{padding:var(--space-8)}.view-title{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.5px}.view-subtitle{font-size:var(--font-md);color:var(--text-secondary);margin-top:calc(-1 * var(--space-4));margin-bottom:var(--space-6)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--transition-base)}.metric-card:hover{border-color:var(--eco-green-surface-hover);box-shadow:var(--shadow-sm)}.metric-card.highlight{background:var(--eco-green-surface);border-color:var(--eco-green-surface-hover)}.metric-card-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.metric-card-value{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);line-height:1.2}.metric-card.highlight .metric-card-value{color:var(--eco-green-dark)}.metric-card-change{font-size:var(--font-sm);font-weight:500;margin-top:var(--space-1)}.metric-card-change.positive{color:var(--eco-green)}.metric-card-change.negative{color:var(--red)}.metric-card-change.neutral{color:var(--text-tertiary)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.dashboard-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6)}.dashboard-card-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5)}.bar-chart{display:flex;flex-direction:column;gap:var(--space-3)}.bar-chart-row{display:flex;align-items:center;gap:var(--space-3)}.bar-chart-label{width:100px;font-size:var(--font-base);color:var(--text-secondary);flex-shrink:0;text-align:right}.bar-chart-track{flex:1;height:28px;background:var(--bg-primary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.bar-chart-fill{height:100%;border-radius:var(--radius-sm);transition:width .8s ease;display:flex;align-items:center;padding-left:var(--space-3);font-size:var(--font-sm);font-weight:600;color:#fff}.bar-chart-fill.green{background:var(--eco-green)}.bar-chart-fill.green-light{background:var(--eco-green-light)}.bar-chart-fill.blue{background:var(--blue)}.bar-chart-fill.purple{background:var(--purple)}.bar-chart-value{font-size:var(--font-sm);color:var(--text-secondary);margin-left:var(--space-3);white-space:nowrap}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:var(--font-sm);font-weight:600;color:var(--text-tertiary);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--font-md)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--eco-green-subtle)}.efficiency-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600}.efficiency-badge.high{background:var(--eco-green-surface);color:var(--eco-green-dark)}.efficiency-badge.medium{background:var(--amber-surface);color:var(--amber)}.efficiency-badge.low{background:var(--red-surface);color:var(--red)}.trend-indicator{font-weight:600}.trend-indicator.up{color:var(--eco-green)}.trend-indicator.down{color:var(--red)}.trend-indicator.flat{color:var(--text-tertiary)}.chart-canvas-container{width:100%;height:200px;margin-top:var(--space-4)}.chart-canvas-container canvas{width:100%;height:100%}.workloads-container{padding:var(--space-8)}.workloads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-5)}.workload-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.workload-card:hover{border-color:var(--eco-green-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.workload-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.workload-card-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.workload-card-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.workload-card-status.active{background:var(--eco-green-surface);color:var(--eco-green)}.workload-card-status.warning{background:var(--amber-surface);color:var(--amber)}.workload-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.workload-metric{text-align:center;padding:var(--space-3);background:var(--bg-primary);border-radius:var(--radius-sm)}.workload-metric-value{font-size:var(--font-lg);font-weight:700;color:var(--text-primary)}.workload-metric-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.workload-card-footer{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.workload-card-detail{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--font-base)}.workload-card-detail-label{color:var(--text-secondary)}.workload-card-detail-value{font-weight:600;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;font-family:var(--font-family);white-space:nowrap}.btn-primary{background:var(--eco-green);color:#fff}.btn-primary:hover{background:var(--eco-green-dark);transform:translateY(-1px)}.btn-secondary{background:var(--bg-white);color:var(--text-secondary);border-color:var(--border-light)}.btn-secondary:hover{background:var(--eco-green-surface);color:var(--eco-green);border-color:var(--eco-green-surface-hover)}.btn-ghost{background:none;color:var(--eco-green);padding:var(--space-2) var(--space-3)}.btn-ghost:hover{background:var(--eco-green-surface)}.optimizer-container{padding:var(--space-8)}.optimizer-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.optimizer-section{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6)}.optimizer-section-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.optimizer-metric-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.optimizer-metric-row:last-child{border-bottom:none}.optimizer-recommendation{background:var(--eco-green-surface);border:1px solid var(--eco-green-surface-hover);border-radius:var(--radius-lg);padding:var(--space-6)}.optimizer-recommendation-title{font-size:var(--font-lg);font-weight:700;color:var(--eco-green-dark);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.optimizer-action-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--font-md);color:var(--text-primary)}.optimizer-action-item svg{width:16px;height:16px;color:var(--eco-green);flex-shrink:0}.optimizer-results{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-5)}.optimizer-result-card{text-align:center;padding:var(--space-4);background:var(--bg-white);border-radius:var(--radius-md)}.optimizer-result-value{font-size:var(--font-xl);font-weight:700;color:var(--eco-green-dark)}.optimizer-result-label{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px}.models-container{padding:var(--space-8)}.models-table-wrapper{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6)}.models-table{width:100%;border-collapse:collapse}.models-table th{font-size:var(--font-sm);font-weight:600;color:var(--text-tertiary);text-align:left;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-primary)}.models-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);font-size:var(--font-md)}.models-table tr:last-child td{border-bottom:none}.models-table tr:hover td{background:var(--eco-green-subtle)}.model-name-cell{display:flex;align-items:center;gap:var(--space-3)}.model-provider-dot{width:8px;height:8px;border-radius:var(--radius-full)}.model-score-bar{display:flex;align-items:center;gap:var(--space-2)}.model-score-track{width:60px;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.model-score-fill{height:100%;border-radius:3px;background:var(--eco-green)}.model-score-value{font-size:var(--font-sm);font-weight:600;min-width:28px}.best-per-task{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.best-per-task-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--transition-base)}.best-per-task-card:hover{border-color:var(--eco-green-surface-hover);box-shadow:var(--shadow-sm)}.best-per-task-title{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-2)}.best-per-task-model{font-size:var(--font-md);font-weight:600;color:var(--eco-green-dark);display:flex;align-items:center;gap:var(--space-2)}.best-per-task-model svg{width:14px;height:14px}.impact-container{padding:var(--space-8)}.impact-section{margin-bottom:var(--space-8)}.impact-section-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.impact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.impact-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.impact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.impact-card-icon{width:48px;height:48px;border-radius:var(--radius-md);margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center}.impact-card-icon.green{background:var(--eco-green-surface);color:var(--eco-green)}.impact-card-icon.blue{background:var(--blue-surface);color:var(--blue)}.impact-card-icon.purple{background:var(--purple-surface);color:var(--purple)}.impact-card-icon.orange{background:var(--orange-surface);color:var(--orange)}.impact-card-value{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary)}.impact-card-label{font-size:var(--font-sm);color:var(--text-secondary);margin-top:var(--space-1)}.impact-card-change{font-size:var(--font-sm);font-weight:500;margin-top:var(--space-2)}.proxy-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--text-tertiary);background:var(--bg-primary);padding:2px var(--space-2);border-radius:var(--radius-sm);margin-top:var(--space-2)}.settings-container{padding:var(--space-8);max-width:800px}.settings-section{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.settings-section-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.settings-field{margin-bottom:var(--space-5)}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;font-size:var(--font-md);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.settings-description{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-3)}.settings-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--font-md);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-white);transition:border-color var(--transition-fast)}.settings-input:focus{outline:none;border-color:var(--eco-green);box-shadow:0 0 0 3px #2e7d3214}.settings-input[type=password]{font-family:monospace;letter-spacing:2px}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.settings-toggle:last-child{border-bottom:none}.toggle-switch{width:44px;height:24px;border-radius:12px;background:var(--border-light);border:none;cursor:pointer;position:relative;transition:background var(--transition-fast);flex-shrink:0}.toggle-switch.on{background:var(--eco-green)}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:var(--radius-full);background:#fff;top:3px;left:3px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch.on:after{transform:translate(20px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.optimizer-workload-select{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.optimizer-workload-chip{padding:var(--space-2) var(--space-5);border-radius:var(--radius-2xl);border:1px solid var(--border-light);background:var(--bg-white);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);color:var(--text-secondary)}.optimizer-workload-chip:hover{border-color:var(--eco-green);color:var(--eco-green)}.optimizer-workload-chip.active{background:var(--eco-green);color:#fff;border-color:var(--eco-green)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slide-up .4s ease-out}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.optimizer-section svg,.workload-modal-content svg,.settings-section svg,.api-key-welcome-banner svg,.api-key-prompt-card svg{width:16px;height:16px;flex-shrink:0}.optimizer-section-title svg,.optimizer-recommendation-title svg{width:20px;height:20px;flex-shrink:0}.btn svg{width:16px;height:16px;flex-shrink:0}.chat-message-time svg{width:14px;height:14px;flex-shrink:0}.impact-card-icon svg{width:24px;height:24px}.settings-section-title svg{width:20px;height:20px;flex-shrink:0;display:inline;vertical-align:text-bottom}.proxy-label svg{width:12px;height:12px;flex-shrink:0}.chat-footer svg{width:14px;height:14px;flex-shrink:0}.model-selected-check svg{width:16px;height:16px}.optimizer-action-item svg{width:16px;height:16px;flex-shrink:0}.sidebar-new-chat svg{width:16px;height:16px}