:root{--primary-orange:#f26822;--primary-orange-light:#fff2eb;--primary-orange-hover:#d95410;--bg-sidebar:#09090b;--bg-main:#f4f5f7;--border-dark:#1e1e24;--border-light:#e4e4e7;--text-main:#18181b;--text-muted:#71717a;--text-light:#f4f4f5;--surface:#fff}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border-light);box-sizing:border-box;z-index:20;justify-content:space-between;align-items:center;height:70px;padding:12px 32px;display:flex}.header-left{align-items:center;gap:36px;display:flex}.logo-autoland-img{object-fit:contain;height:24px}.nav-group{align-items:center;gap:8px;display:flex}.nav-btn-chat{background-color:var(--primary-orange);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:9999px;padding:6px 20px;font-size:12px;font-weight:800;transition:background-color .2s;color:#fff!important}.nav-btn-chat:hover{background-color:var(--primary-orange-hover)}.nav-link{color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border-radius:9999px;padding:8px 16px;font-size:11px;font-weight:800;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-main);background-color:#f4f4f5}.nav-link.active{background-color:var(--primary-orange);color:#fff!important}.nav-status-online{color:var(--primary-orange);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:8px;margin-left:16px;font-size:10px;font-weight:800;display:inline-flex}.status-dot-orange{background-color:#fca5a5;border-radius:50%;width:8px;height:8px}.header-right{align-items:center;gap:20px;display:flex}.icon-btn-reload{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .2s,color .2s;display:flex}.icon-btn-reload:hover{color:var(--text-main);background-color:#f4f4f5}.profile-pill{background-color:#f4f4f5;border-radius:9999px;align-items:center;gap:10px;padding:4px 16px 4px 4px;display:flex}.profile-avatar-circle{background-color:var(--primary-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.profile-name-text{color:#27272a;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.icon-btn-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex}.icon-btn-logout:hover{color:#ef4444}.app-body{flex:1;display:flex;overflow:hidden}.app-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-dark);box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:space-between;width:280px;padding:24px 20px;display:flex}.sidebar-top{flex-direction:column;gap:20px;display:flex}.sidebar-title-section{align-items:center;gap:8px;display:flex}.sidebar-title-bar{background-color:var(--primary-orange);border-radius:2px;width:3px;height:16px}.sidebar-title-text{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:800}.sidebar-nav-list{flex-direction:column;gap:12px;display:flex}.sidebar-nav-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:16px;width:100%;padding:10px 12px;transition:background-color .2s,transform .1s;display:flex}.sidebar-nav-btn:hover{background-color:#18181b}.sidebar-btn-icon-box{width:44px;height:44px;color:var(--text-light);background-color:#18181b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-btn-text-content{color:var(--text-light);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.4}.sidebar-status-box{border:1px solid var(--border-dark);background-color:#121214;border-radius:14px;padding:16px}.sidebar-status-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.status-dot-coral{background-color:var(--primary-orange);border-radius:50%;width:6px;height:6px}.sidebar-status-title{color:var(--primary-orange);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:800}.sidebar-status-desc{color:#a1a1aa;font-size:11px;line-height:1.5}.chat-area-container{background-color:var(--bg-main);flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages-scroll{flex-direction:column;flex:1;gap:32px;padding:40px;display:flex;overflow-y:auto}.bot-msg-card-wrapper{align-items:flex-start;gap:20px;max-width:85%;display:flex}.bot-msg-avatar-circle{background-color:#e4e4e7;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden;box-shadow:0 4px 10px #0000000d}.bot-msg-avatar-img{object-fit:cover;width:100%;height:100%}.bot-msg-card{background:var(--surface);border-left:4px solid var(--primary-orange);border-radius:0 20px 20px;flex:1;padding:24px 28px;position:relative;box-shadow:0 4px 20px #00000005}.bot-msg-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bot-msg-badge{color:var(--primary-orange);letter-spacing:.5px;text-transform:uppercase;background-color:#fff2eb;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:800}.bot-msg-time{color:var(--text-muted);font-size:11px;font-weight:600}.bot-msg-text-content{color:#27272a;font-size:14px;font-weight:500;line-height:1.7}.bot-msg-text-content p{margin:0 0 12px}.bot-msg-text-content p:last-child{margin-bottom:0}.bot-msg-text-content ol{margin:12px 0;padding-left:0;list-style:none}.bot-msg-text-content li{margin-bottom:12px;padding-left:0;position:relative}.bot-msg-text-content li strong.li-number{color:var(--primary-orange);margin-right:4px}.bot-msg-text-content li strong.li-title{color:var(--primary-orange)}.bot-msg-markdown table{border-collapse:separate;border-spacing:0;background-color:#fff;border:1px solid #f1f5f9;border-radius:12px;width:100%;margin:16px 0;font-size:13px;display:table;overflow:hidden}.bot-msg-markdown th,.bot-msg-markdown td{text-align:left;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:16px}.bot-msg-markdown td:first-child{color:#c2410c;font-weight:700}.bot-msg-markdown th{color:var(--primary-orange);text-transform:uppercase;letter-spacing:.5px;background-color:#fafaf9;border-bottom:2px solid #b45309;font-size:12px;font-weight:800}.bot-msg-markdown tr:last-child td{border-bottom:none}.user-msg-row{justify-content:flex-end;align-items:flex-start;gap:16px;display:flex}.user-msg-avatar-circle{width:44px;height:44px;color:var(--text-muted);background-color:#e4e4e7;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0000000d}.user-msg-bubble{color:var(--text-main);background-color:#e4e4e7;border-radius:20px 0 20px 20px;max-width:70%;padding:18px 24px;font-size:14px;font-weight:500;line-height:1.6;box-shadow:0 4px 15px #00000003}.user-msg-time{color:var(--text-muted);text-align:right;margin-top:8px;font-size:10px;font-weight:600;display:block}.input-area-outer-wrapper{background-color:var(--bg-main);padding:0 40px 32px}.input-row-container{align-items:center;gap:16px;width:100%;max-width:900px;margin:0 auto;display:flex}.attachment-btn-square{background-color:var(--surface);border:1px solid var(--border-light);width:50px;height:50px;color:var(--text-muted);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s;display:flex}.attachment-btn-square:hover{background-color:#f4f4f5;border-color:#cbd5e1}.chat-input-box-wrapper{background-color:var(--surface);border:2px solid var(--primary-orange);box-sizing:border-box;border-radius:16px;flex:1;align-items:center;height:50px;padding:4px 16px;display:flex;box-shadow:0 4px 15px #f268220d}.chat-input-text-field{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:14px}.chat-input-text-field::placeholder{color:#a1a1aa}.send-btn-circle-orange{color:#fff;cursor:pointer;background-color:#fbc2ab;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:background-color .2s;display:flex}.send-btn-circle-orange:not(:disabled){background-color:var(--primary-orange)}.send-btn-circle-orange:not(:disabled):hover{background-color:var(--primary-orange-hover)}.chat-action-btn-group{gap:12px;margin-top:14px;display:flex}.chat-action-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:opacity .2s}.chat-action-btn:hover{opacity:.9}.chat-action-btn.confirm{color:#fff;background-color:#22c55e}.chat-action-btn.cancel{color:#fff;background-color:#ef4444}.auth-screen-container{background:#09090b;min-height:100vh;display:flex}.auth-image-side{background:#000;flex:1;justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}@media (width>=768px){.auth-image-side{display:flex}}.auth-hero-image{object-fit:cover;opacity:.95;width:100%;height:100%}.auth-form-side{background:#09090b;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{text-align:center;box-sizing:border-box;background:#18181b;border:1px solid #27272a;border-radius:24px;width:100%;max-width:400px;padding:48px;box-shadow:0 10px 50px #00000080}.auth-logo-text{letter-spacing:-1px;color:#fff;margin-bottom:8px;font-size:32px;font-weight:950}.auth-subtitle{color:#a1a1aa;margin-bottom:36px;font-size:14px;font-weight:500}.auth-login-btn{background-color:var(--primary-orange);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;width:100%;padding:14px 28px;font-size:14px;font-weight:800;transition:background-color .2s}.auth-login-btn:hover{background-color:var(--primary-orange-hover)}.neural-cache-suggestions{background:var(--surface);border:1px solid var(--border-light);box-sizing:border-box;border-radius:12px;width:100%;max-width:100%;margin-bottom:16px;padding:16px;box-shadow:0 4px 12px #0000000d}.neural-cache-title{color:var(--primary-orange);letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:800}.neural-cache-list{flex-direction:column;gap:8px;display:flex}.neural-cache-item{text-align:left;cursor:pointer;color:var(--text-main);background:0 0;border:none;align-items:center;gap:12px;padding:8px 0;font-size:14px;font-weight:500;transition:color .2s;display:flex}.neural-cache-item:hover{color:var(--primary-orange)}.neural-cache-bullet{color:var(--primary-orange-hover);font-size:18px;line-height:1}.input-suggestions-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.input-suggestion-tag{background-color:var(--surface);border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.input-suggestion-tag:hover{background-color:#f4f4f5;border-color:#cbd5e1}.cases-table-wrapper{background:var(--surface);border:1px solid var(--border-light);border-radius:14px;margin-top:16px;overflow:hidden;box-shadow:0 4px 12px #00000005}.cases-table-container{overflow-x:auto}.cases-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.cases-table th{color:var(--primary-orange);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light);white-space:nowrap;padding:14px 16px;font-size:11px;font-weight:800}.cases-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);vertical-align:middle;padding:14px 16px;font-weight:600}.cases-table tr:last-child td{border-bottom:none}.cases-table tr:hover{background-color:#fbfbfb}.status-badge-val{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.status-badge-val.status-cerrado{color:#475569;background-color:#f1f5f9}.status-badge-val.status-resuelto{color:#166534;background-color:#dcfce7}.status-badge-val.status-en-curso,.status-badge-val.status-en-curso-asignado-,.status-badge-val.status-en-espera{color:#92400e;background-color:#fef3c7}.status-badge-val.status-nuevo{color:#1d4ed8;background-color:#eff6ff}.charts-container{flex-direction:row;gap:20px;width:100%;margin-top:20px;display:flex}.chart-wrapper{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex:1;padding:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.chart-title{color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:14px;font-weight:600}@media (width<=768px){.charts-container{flex-direction:column}}.dashboard-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;margin-top:20px;padding:16px}.dashboard-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:15px;font-weight:600}.status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.status-card{background:var(--bg-body);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;padding:12px;display:flex}.status-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.status-name{color:var(--text-primary);font-size:14px;font-weight:600}.status-indicator{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.status-ok{color:#166534;background-color:#dcfce7}.status-error{color:#991b1b;background-color:#fee2e2}.status-body{flex-direction:column;gap:4px;display:flex}.status-ms{color:var(--text-muted);font-size:13px}.status-detail{color:#ef4444;word-break:break-all;font-size:12px}.terminal-logs{color:#d4d4d4;background-color:#1e1e1e;border-radius:8px;flex-direction:column;gap:4px;height:250px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:12px;display:flex;overflow-y:auto}.log-line{word-wrap:break-word;white-space:pre-wrap;border-bottom:1px solid #333;padding-bottom:2px}.log-line:last-child{border-bottom:none}.admin-dashboard-area{background-color:var(--bg-body);flex-direction:column;flex:1;padding:40px;display:flex;overflow-y:auto}.dashboard-header-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-main-title{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.dashboard-loading,.dashboard-error{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;align-items:center;gap:12px;padding:24px;display:flex}.dashboard-error{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.spinner-icon{color:var(--primary-orange);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.standalone-dashboard{background-color:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.standalone-logs{height:400px}.dark-dashboard{color:#e5e7eb;background-color:#0d1117;flex:1;padding:40px;font-family:Inter,system-ui,sans-serif;overflow-y:auto}.dark-dashboard-header{color:#6b7280;justify-content:flex-end;margin-bottom:24px;font-size:12px;display:flex}.dark-general-status{background:linear-gradient(#062f1a 0%,#041f11 100%);border:1px solid #0f5132;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:24px 32px;display:flex}.dark-status-left{align-items:center;gap:20px;display:flex}.dark-status-icon-box{background-color:#22c55e;border-radius:8px;justify-content:center;align-items:center;padding:12px;display:flex}.dark-status-titles{flex-direction:column;display:flex}.dark-status-subtitle{color:#22c55e;letter-spacing:1px;font-size:12px;font-weight:700}.dark-status-maintitle{color:#fff;margin:0;font-size:24px;font-weight:800}.dark-status-right{background:#0003;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:16px 24px;display:flex}.dark-status-count{color:#22c55e;font-size:32px;font-weight:800;line-height:1}.dark-status-count-desc{color:#9ca3af;margin-top:4px;font-size:11px}.dark-section-title{color:#6b7280;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:700;display:flex}.dark-services-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.dark-service-card{background-color:#111827;border:1px solid #1f2937;border-radius:12px;flex-direction:column;padding:20px;display:flex;position:relative;overflow:hidden}.dark-service-card:before{content:"";background:linear-gradient(90deg,#0000,#22c55e4d,#0000);height:2px;position:absolute;top:0;left:0;right:0}.dark-service-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.dark-service-title-box{align-items:center;gap:12px;display:flex}.dark-service-icon{justify-content:center;align-items:center;display:flex}.dark-service-titles{flex-direction:column;display:flex}.dark-service-name{color:#f3f4f6;font-size:15px;font-weight:700}.dark-service-url{color:#6b7280;font-size:10px}.dark-badge-online{color:#22c55e;background:#14532d80;border:1px solid #166534;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:700;display:flex}.dark-badge-online:before{content:"";background-color:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #22c55e}.dark-badge-offline{color:#ef4444;background:#7f1d1d80;border:1px solid #991b1b;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:700;display:flex}.dark-badge-offline:before{content:"";background-color:#ef4444;border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #ef4444}.dark-service-footer{background:#0000004d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dark-service-footer-left{flex-direction:column;display:flex}.dark-service-footer-label{color:#6b7280;margin-bottom:2px;font-size:9px;font-weight:700}.dark-service-footer-value{color:#d1d5db;font-size:13px}.dark-service-http{color:#22c55e;font-size:14px;font-weight:800}.dark-service-http.error{color:#ef4444}.dark-table-container{background-color:#111827;border:1px solid #1f2937;border-radius:12px;margin-bottom:24px;overflow:hidden}.dark-table{border-collapse:collapse;width:100%}.dark-table th{color:#9ca3af;text-align:left;letter-spacing:1px;background-color:#1f2937;padding:16px 24px;font-size:10px;font-weight:700}.dark-table td{color:#d1d5db;border-bottom:1px solid #1f2937;padding:16px 24px;font-size:13px}.dark-table tr:last-child td{border-bottom:none}.dark-table-total{color:#3b82f6;font-weight:700}.dark-footer-bar{background-color:#111827;border:1px solid #1f2937;border-radius:8px;justify-content:space-between;align-items:center;margin-top:40px;padding:16px 24px;display:flex}.dark-footer-text{color:#6b7280;align-items:center;gap:8px;font-size:11px;display:flex}.dark-exit-btn{color:#d1d5db;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.dark-exit-btn:hover{color:#fff;background-color:#1f2937}.metrics-dark-mode{--bg-main:#020617;--surface:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--border-light:#1e293b}.metrics-dark-mode .metrics-container,.metrics-dark-mode .metrics-export-wrapper{background-color:var(--bg-main)!important;color:var(--text-main)!important}.metrics-dark-mode .metrics-banner{background-color:var(--surface);border-bottom:1px solid var(--border-light)}.metrics-dark-mode .metrics-banner-title{color:var(--text-muted)}.metrics-dark-mode .metrics-filters{background-color:var(--surface);border-bottom:1px solid var(--border-light)}.metrics-dark-mode .metrics-filter-group label{color:var(--text-muted)}.metrics-dark-mode .metrics-date-inputs input,.metrics-dark-mode .metrics-select-input{color:var(--text-main);border-color:var(--border-light);background-color:#1e293b}.metrics-dark-mode .metrics-kpi-grid,.metrics-dark-mode .metrics-chart-grid{background-color:var(--bg-main)}.metrics-dark-mode .metrics-kpi-card,.metrics-dark-mode .metrics-chart-card{background-color:var(--surface);border:1px solid var(--border-light);box-shadow:none}.metrics-dark-mode .metrics-kpi-title,.metrics-dark-mode .metrics-chart-title{color:var(--text-muted)}.metrics-dark-mode .metrics-kpi-value,.metrics-dark-mode .metrics-list-name{color:var(--text-main)}.metrics-dark-mode .metrics-list-val{color:var(--text-muted)}.metrics-dark-mode .metrics-progress-bg{background-color:#1e293b}.metrics-container{color:#333;background-color:#fafafa;min-height:100vh;padding:24px;font-family:Inter,sans-serif}.metrics-banner{background:#fff;border:1px solid #f0f0f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 2px 10px #00000005}.metrics-banner-left{align-items:center;gap:16px;display:flex}.metrics-banner-icon{color:#ff6b00;background:#fff0e6;border-radius:50%;width:24px;height:24px;padding:8px}.metrics-banner-text{flex-direction:column;display:flex}.metrics-banner-title{color:#888;letter-spacing:.5px;font-size:11px;font-weight:700}.metrics-banner-url{color:#111;font-size:14px;font-weight:600}.metrics-banner-status{color:#2e7d32;letter-spacing:.5px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.status-dot-green{background-color:#4caf50;border-radius:50%;width:8px;height:8px}.metrics-filters{flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.metrics-filter-group{flex-direction:column;gap:8px;display:flex}.metrics-filter-group label{color:#888;letter-spacing:.5px;font-size:10px;font-weight:700}.metrics-period-display{color:#ff6b00;align-items:center;gap:8px;height:40px;font-size:14px;font-weight:600;display:flex}.metrics-period-display .arrow{color:#ccc}.metrics-date-inputs{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.metrics-date-inputs input{color:#333;background:0 0;border:none;outline:none;padding:6px;font-size:13px;font-weight:600}.metrics-date-inputs span{color:#888;font-size:13px}.metrics-filter-group select{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:8px;outline:none;min-width:200px;height:40px;padding:0 16px;font-size:13px;font-weight:600}.metrics-filter-actions{gap:12px;display:flex}.metrics-btn-apply{color:#fff;cursor:pointer;background:#ff6b00;border:none;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.metrics-btn-apply:hover{background:#e65c00;transform:translateY(-1px)}.metrics-btn-clear{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;height:40px;padding:0 20px;font-size:12px;font-weight:700;transition:all .2s}.metrics-btn-clear:hover{background:#f5f5f5}.metrics-kpis-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.metrics-kpi-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;gap:16px;padding:24px 20px;display:flex;position:relative;box-shadow:0 2px 10px #00000005}.metrics-kpi-title{color:#888;letter-spacing:.5px;font-size:10px;font-weight:700}.metrics-kpi-value{font-size:36px;font-weight:800;line-height:1}.dark-value{color:#111}.orange-value{color:#ff6b00}.metrics-kpi-icon{width:20px;height:20px;position:absolute;bottom:24px;right:20px}.icon-light{color:#e0e0e0}.icon-orange-light{color:#ffdfc2}.metrics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.metrics-chart-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:24px;box-shadow:0 2px 10px #00000005}.metrics-chart-title{color:#ff6b00;letter-spacing:.5px;margin-bottom:24px;font-size:10px;font-weight:700}.metrics-list-container{flex-direction:column;gap:16px;display:flex}.metrics-list-item{flex-direction:column;gap:8px;display:flex}.metrics-list-label-row{justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.metrics-list-name{color:#555;white-space:nowrap;text-overflow:ellipsis;max-width:85%;overflow:hidden}.metrics-list-val{color:#111}.metrics-progress-bg{background-color:#f5f5f5;border-radius:2px;width:100%;height:4px;overflow:hidden}.metrics-progress-fill{border-radius:2px;height:100%;transition:width 1s ease-out}.bg-orange{background-color:#ff6b00}.loading-overlay{opacity:.6;pointer-events:none}.no-data{color:#999;text-align:center;padding:20px 0;font-size:13px}