:root{--ss-green:var(--color-primary);--ss-green-dark:var(--color-primary-dark);--ss-blue:#213f9a;--ss-blue-light:#3a5bc7;--color-primary:var(--ss-green);--color-primary-dark:var(--ss-green-dark);--color-primary-light:#8ed066;--color-success:#78c052;--color-success-light:#78c05226;--color-success-bg:#78c05214;--color-warning:#e6a117;--color-warning-light:#e6a11726;--color-warning-bg:#e6a11714;--color-danger:#dc3545;--color-danger-light:#dc354526;--color-danger-bg:#dc354514;--color-info:#213f9a;--color-info-light:#213f9a26;--color-info-bg:#213f9a14;--color-gray-50:#f5f7fa;--color-gray-100:#eef1f5;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e0;--color-gray-400:#a0aec0;--color-gray-500:#718096;--color-gray-600:#4a5568;--color-gray-700:#2d3748;--color-gray-800:#1a202c;--color-gray-900:#171923;--color-text-primary:#1a202c;--color-text-secondary:#4a5568;--color-text-tertiary:#718096;--color-text-muted:#a0aec0;--color-text-inverse:#fff;--color-bg-primary:#f5f7fa;--color-bg-secondary:#fff;--color-bg-tertiary:#eef1f5;--color-bg-hover:#e4e8ed;--color-bg-dark:#2d3748;--color-border:#e2e8f0;--color-border-light:#edf2f7;--color-border-dark:#cbd5e0;--color-chart-inertia:#213f9a;--color-chart-green:#78c052;--color-chart-idle:#718096;--color-chart-blue:#3a5bc7;--color-chart-yellow:#e6a117;--color-chart-red:#dc3545;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-none:0;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",monospace;--font-size-2xs:.6rem;--font-size-xs:.65rem;--font-size-sm:.75rem;--font-size-base:.8rem;--font-size-md:.9rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a;--shadow-glow-green:0 0 12px #78c05240;--shadow-glow-blue:0 0 12px #213f9a33;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:900;--z-modal:1000;--z-tooltip:1100;--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--btn-padding-sm:6px 10px;--btn-padding-md:8px 16px;--btn-padding-lg:12px 24px;--btn-font-size-sm:var(--font-size-sm);--btn-font-size-md:var(--font-size-base);--btn-font-size-lg:var(--font-size-md);--btn-radius:var(--radius-sm);--input-height-sm:32px;--input-height-md:40px;--input-height-lg:48px;--input-padding-x:var(--space-3);--input-padding-y:var(--space-2);--input-font-size:var(--font-size-base);--input-radius:var(--radius-sm);--input-border-width:1px;--input-bg:var(--color-bg-secondary);--input-border-color:var(--color-border);--input-focus-border-color:var(--ss-blue);--input-focus-ring:0 0 0 3px #213f9a26;--card-padding:var(--space-5);--card-radius:var(--radius-md);--card-shadow:var(--shadow-sm);--card-border:1px solid var(--color-border);--card-bg:var(--color-bg-secondary);--toggle-bg:var(--color-bg-tertiary);--toggle-active-bg:var(--ss-blue);--toggle-active-color:var(--color-text-inverse);--toggle-padding:2px;--toggle-gap:1px;--chart-header-height:56px;--chart-subheader-height:40px;--chart-body-min-height:320px;--chart-icon-color:var(--ss-blue);--chart-expand-btn-size:32px;--modal-padding:var(--space-5);--modal-radius:var(--radius-lg);--modal-shadow:var(--shadow-lg);--modal-backdrop:#00000080;--modal-backdrop-blur:4px;--header-height:64px;--header-bg:var(--color-bg-secondary);--header-border:1px solid var(--color-border);--logo-height:44px;--kpi-border-accent:3px;--kpi-trend-positive-bg:var(--color-success-bg);--kpi-trend-positive-color:var(--color-success);--kpi-trend-negative-bg:var(--color-danger-bg);--kpi-trend-negative-color:var(--color-danger);--medal-gold:#d4a017;--medal-silver:#a8a8a8;--medal-bronze:#cd7f32;--ss-green-light:var(--color-primary-light);--ss-gray-light:var(--color-gray-50);--ss-gray:var(--color-gray-500);--ss-gray-dark:var(--color-gray-700);--ss-white:var(--color-bg-primary)}html,body,#root,.app{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}.app{background:var(--color-bg-secondary);min-height:100vh}.filter-select-mult::-webkit-scrollbar{width:8px;height:8px}.filter-select-mult::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}.filter-select-mult::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}.filter-select-mult::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.filter-select-mult{scrollbar-width:thin;scrollbar-color:var(--color-gray-300)var(--color-gray-100)}.header-content{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex;position:relative}.main-header{background:var(--ss-white);box-sizing:border-box;border-radius:0 0 20px 20px;width:100%;margin-bottom:1.5rem;padding:1rem 2rem;position:relative;box-shadow:0 4px 12px #0000001a}.logo-container{background:var(--ss-white);border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;padding:.4rem;display:flex}.logo-image{object-fit:contain;max-width:100%;max-height:100%}.header-title{color:#1f2937;white-space:nowrap;font-size:1.5rem;font-weight:700}.header-filters{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:1rem;margin-left:2rem;display:flex}.quick-filters{align-items:center;gap:.5rem;display:flex}.quick-filter-btn{background:var(--color-primary);border:1px solid var(--color-primary);padding:var(--btn-padding-sm);border-radius:var(--btn-radius);cursor:pointer;font-size:var(--btn-font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);color:var(--color-text-inverse);white-space:nowrap}.quick-filter-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.quick-filter-btn.active{background:var(--color-bg-primary);color:var(--color-primary);border-color:var(--color-bg-primary)}.filter-toggle-btn{background:var(--color-primary);border:1px solid var(--color-primary);padding:var(--btn-padding-sm);border-radius:var(--btn-radius);cursor:pointer;font-size:var(--btn-font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-2);transition:all var(--transition-fast);color:var(--color-text-inverse);white-space:nowrap;display:flex}.filter-toggle-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.clear-filters-btn{background:var(--color-danger);border:1px solid var(--color-danger);padding:var(--btn-padding-sm);border-radius:var(--btn-radius);cursor:pointer;font-size:var(--btn-font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-2);transition:all var(--transition-fast);color:var(--color-text-inverse);white-space:nowrap;display:flex}.clear-filters-btn:hover{background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.main-content{max-width:100%;margin:0 auto;padding:0 1rem 1rem}.filters-container{background:var(--ss-white);z-index:1000;border:1px solid #e2e8f0;border-radius:12px;min-width:800px;max-width:90vw;max-height:80vh;margin-bottom:0;padding:1.5rem;transition:all .3s;display:none;position:absolute;top:100%;right:2rem;overflow-y:auto;box-shadow:0 10px 25px #0003}.filters-container.active{display:block}.filter-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.filter-group select,.filter-group input{padding:var(--input-padding-y)var(--input-padding-x);border:var(--input-border-width)solid var(--color-border);border-radius:var(--input-radius);font-size:var(--input-font-size);background:var(--color-bg-primary);width:100%;transition:all var(--transition-fast)}.filter-group select:focus,.filter-group input:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-ring);outline:none}.filter-actions{gap:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-primary);justify-content:flex-end;display:flex;position:sticky;bottom:0}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--btn-padding-md);border-radius:var(--btn-radius);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--btn-font-size-md);transition:all var(--transition-fast);border:none}.btn-secondary{background:var(--color-gray-100);color:var(--color-text-secondary);padding:var(--btn-padding-md);border-radius:var(--btn-radius);cursor:pointer;font-size:var(--btn-font-size-md);transition:all var(--transition-fast);border:none}.external-active-filters{background:var(--ss-white);border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;align-items:flex-start;gap:.3rem;min-height:40px;max-height:60px;margin-bottom:.8rem;padding:.4rem;display:flex;overflow-y:auto;box-shadow:0 1px 3px #0000000d}.filter-tag{background:var(--ss-green-light);color:var(--ss-gray-dark);border-radius:12px;align-items:center;gap:.3rem;max-width:180px;padding:.3rem .6rem;font-size:.7rem;line-height:1.2;display:flex}.filter-tag .close{cursor:pointer;color:var(--ss-green-dark);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.filter-tag .close:hover{background:var(--ss-green-dark);color:#fff}.no-filters{color:var(--ss-gray);padding:.3rem;font-size:.75rem;font-style:italic}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem;padding:0 .5rem;display:grid}.kpi-card{background:var(--ss-white);border-left:3px solid var(--ss-green);border-radius:10px;flex-direction:column;gap:.6rem;min-height:100px;padding:.8rem;transition:transform .2s;display:flex;box-shadow:0 2px 6px #00000014}.kpi-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001f}.kpi-card.highlight{border-left:3px solid var(--ss-green-dark);background:linear-gradient(135deg,#f0fdf4,#dcfce7);box-shadow:0 3px 10px #22c55e26}.kpi-card.highlight .kpi-header{color:var(--ss-green-dark)}.trend-up{color:var(--ss-green)!important}.trend-down{color:#ef4444!important}.kpi-card.down-is-good .trend-down{color:var(--ss-green)!important}.kpi-card.down-is-good .trend-up,.kpi-card.down-is-good .force-standard-trend.trend-down{color:#ef4444!important}.kpi-card.down-is-good .force-standard-trend.trend-up{color:var(--ss-green)!important}.kpi-pair{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.kpi-single{flex-direction:column;flex:1;gap:.3rem;display:flex;position:relative}.kpi-single .kpi-header{color:var(--ss-gray);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.kpi-single .kpi-badge{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.7rem;font-weight:600;transition:all .25s;display:inline-flex;position:absolute;top:-45px;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 4px 12px #00000026}.kpi-single .kpi-badge:after{content:"";border-top:6px solid #334155;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.kpi-single:hover .kpi-badge{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.kpi-single .kpi-badge i{opacity:.9;font-size:.65rem}.kpi-single .kpi-value{color:var(--ss-gray-dark);font-size:1.1rem;font-weight:700;line-height:1.1}.kpi-single .kpi-trend{align-items:center;gap:.2rem;margin-top:-1px;font-size:.7rem;font-weight:600;display:flex}.kpi-divider{background:#e2e8f0;align-self:stretch;width:1px;margin:0 .3rem}.kpi-card.highlight .kpi-divider{background:var(--ss-green-light)}.kpi-card.compact{max-width:400px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-card.compact{max-width:none}}@media (max-width:768px){.kpi-grid{grid-template-columns:1fr;gap:.6rem}.kpi-card{min-height:90px;padding:.7rem}.kpi-pair{flex-direction:column;gap:.6rem}.kpi-divider{width:100%;height:1px;margin:.3rem 0}}.charts-grid{gap:var(--space-6);padding:0 var(--space-2);grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);display:grid}.chart-container{background:var(--color-bg-primary);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-width:0;max-width:100%;height:auto;min-height:400px;max-height:600px;display:flex;overflow:hidden}.chart-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.chart-header h3{color:var(--ss-gray-dark);min-width:0;font-size:1.1rem;font-weight:600;line-height:var(--line-height-tight);flex-shrink:1}.chart-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:1rem;display:flex}.chart-wrapper{width:100%;padding:0;position:relative;overflow:auto hidden!important}.chart-wrapper-faixas{background:0 0!important;border:none!important;height:auto!important;max-height:350px!important;margin:0!important;padding:0!important;overflow:hidden auto!important}.chart-wrapper-faixas canvas{width:100%!important;height:auto!important;display:block!important}.chart-wrapper-faixas::-webkit-scrollbar{width:12px!important}.chart-wrapper-faixas::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.chart-wrapper-faixas::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:6px}.chart-wrapper-faixas::-webkit-scrollbar-thumb:hover{background:#64748b}.chart-wrapper::-webkit-scrollbar{width:8px;height:8px}.chart-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.chart-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chart-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chart-header h3{align-items:center;gap:8px;margin:0 0 10px;display:flex}.chart-legend-fixed-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:12px 0 8px;padding:8px 12px;display:flex}.chart-legend-fixed-bar .legend-item{color:#475569;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.chart-legend-fixed-bar .legend-color{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.chart-legend-fixed-bar .legend-text{font-weight:500}.chart-legend-centered{justify-content:center;align-items:center;gap:16px;width:100%;margin:0 0 12px;padding:0;display:flex}.chart-legend-centered .legend-item{color:#475569;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.chart-legend-centered .legend-color{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.chart-legend-centered .legend-text{font-weight:500}.chart-title-row{width:100%;margin-bottom:8px}.chart-title-row h3{align-items:center;gap:8px;margin:0;display:flex}.chart-legend-below{flex-wrap:nowrap;align-items:center;gap:14px;margin:0 0 12px;padding:0;display:flex}.chart-legend-below .legend-item{color:#475569;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.chart-legend-below .legend-color{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.chart-legend-below .legend-text{font-weight:500}.chart-legend-inline{flex-wrap:nowrap;align-items:center;gap:12px;margin:0;padding:0;display:flex}.chart-legend-inline .legend-item{color:#475569;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.chart-legend-inline .legend-text{font-weight:500}.chart-legend-below-title{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin:0 0 8px;padding:8px 0;display:flex}.chart-legend-below-title .legend-item{color:#475569;align-items:center;gap:6px;font-size:11px;display:flex}.chart-legend-below-title .legend-color{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block}.chart-legend-below-title .legend-text{white-space:nowrap;font-weight:500}.chart-controls-row,.chart-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.chart-legend-row{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-top:6px;padding:6px 0;display:flex}.chart-legend-row .legend-item{color:#475569;align-items:center;gap:4px;font-size:10px;display:flex}.chart-legend-row .legend-color{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.chart-legend-row .legend-text{white-space:nowrap;font-weight:500}.chart-legend-inline{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin:4px 0;padding:4px 0;display:flex}.chart-legend-inline .legend-item{color:#475569;align-items:center;gap:4px;font-size:10px;display:flex}.chart-legend-inline .legend-color{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.chart-legend-inline .legend-text{white-space:nowrap;font-weight:500}.chart-legend-fixed{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:6px;padding:4px 8px;display:flex}.chart-legend-fixed .legend-item{color:#475569;align-items:center;gap:4px;font-size:10px;display:flex}.chart-legend-fixed .legend-color{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.chart-legend-fixed .legend-text{white-space:nowrap;font-weight:500}.chart-wrapper canvas{min-width:max(100%,80px*var(--chart-items-count,10));display:block;height:100%!important}.idle-efficiency-modal-content .chart-container{flex-direction:column;height:100%;display:flex}.idle-efficiency-modal-content .chart-wrapper{width:100%!important;height:650px!important;padding:0!important;overflow:auto hidden!important}.idle-efficiency-modal-content .chart-wrapper::-webkit-scrollbar{height:12px!important}.idle-efficiency-modal-content .chart-wrapper::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:6px!important}.idle-efficiency-modal-content .chart-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:6px!important}.idle-efficiency-modal-content .chart-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.chart-type-toggle{background:var(--ss-gray-light);border-radius:8px;gap:.25rem;margin-right:.5rem;padding:.25rem;display:flex}.chart-type-btn{cursor:pointer;color:var(--ss-gray);text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.8rem;transition:all .3s;display:flex}.chart-type-btn.active{background:var(--ss-white);color:var(--ss-green);font-weight:600;box-shadow:0 1px 3px #0000001a}.chart-type-btn:hover{background:#ffffff80}.secondary-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.control-group{align-items:center;gap:.5rem;display:flex}.control-label{color:var(--ss-gray);white-space:nowrap;font-size:.75rem;font-weight:500}.chart-metric-toggle{padding:var(--space-2)var(--space-4);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.chart-expand-btn{margin-left:auto}.chart-zoom-control{background:#ffffff4d;border-radius:8px;align-items:center;gap:.5rem;padding:.25rem .75rem;display:flex}.chart-zoom-control label{cursor:pointer;align-items:center;gap:.5rem;margin:0;display:flex}.chart-zoom-control i{color:var(--ss-gray);font-size:.875rem}.chart-zoom-control input[type=range]{appearance:none;cursor:pointer;background:#ffffff80;border-radius:2px;outline:none;width:100px;height:4px}.chart-zoom-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ss-green);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .2s}.chart-zoom-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.chart-zoom-control input[type=range]::-moz-range-thumb{background:var(--ss-green);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;transition:transform .2s}.chart-zoom-control input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.chart-toggle,.rank-toggle{background:#f1f5f9;border-radius:10px;gap:.4rem;padding:.3rem;display:flex}.chart-toggle-btn,.rank-toggle-btn{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.chart-toggle-btn.active,.rank-toggle-btn.active{background:var(--ss-white);color:var(--ss-green);font-weight:600;box-shadow:0 2px 4px #00000014}.chart-toggle-btn:hover,.rank-toggle-btn:hover{color:#334155;background:#fff9}.view-controls{display:none!important}.view-controls.show-controls{display:flex!important}.period-controls{display:none!important}.period-controls.show-controls{display:flex!important}.heat-matrix-container{border:1px solid #e2e8f0;border-radius:8px;max-height:320px;overflow-y:auto}.heat-matrix{border-collapse:collapse;width:100%;font-size:.85rem}.heat-matrix thead{z-index:10;position:sticky;top:0}.heat-matrix th{background:var(--ss-gray-light);text-align:center;color:var(--ss-gray);border:1px solid #e2e8f0;padding:.8rem;font-weight:600}.heat-matrix td{text-align:center;border:1px solid #e2e8f0;padding:.8rem;font-weight:500}.heat-matrix .time-header{background:var(--ss-gray-light);color:var(--ss-gray-dark);z-index:5;font-weight:600;position:sticky;left:0}.heat-0{color:#166534;background-color:#f0fdf4}.heat-1{color:#166534;background-color:#bbf7d0}.heat-2{color:#854d0e;background-color:#fef08a}.heat-3{color:#9a3412;background-color:#fdba74}.heat-4{color:#fff;background-color:#fb7185}.heat-5{color:#fff;background-color:#e11d48}.heatmap-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:none;position:fixed;top:0;left:0}.heatmap-modal.active{display:flex}.heatmap-modal-content{background:var(--ss-white);border-radius:12px;flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;padding:1.5rem;display:flex;position:relative;box-shadow:0 20px 40px #0000004d}.heatmap-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.heatmap-modal-header h3{color:var(--ss-gray-dark);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.close-modal{background:var(--ss-gray-light);cursor:pointer;width:35px;height:35px;color:var(--ss-gray);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex}.close-modal:hover{color:#fff;background:#ef4444}.heatmap-modal-body{flex:1;display:flex;overflow:hidden}.full-heat-matrix-container{border:1px solid #e2e8f0;border-radius:8px;flex:1;overflow:auto}.full-heat-matrix{border-collapse:collapse;width:100%;font-size:.75rem}.full-heat-matrix th{background:var(--ss-gray-light);text-align:center;color:var(--ss-gray);white-space:nowrap;border:1px solid #e2e8f0;padding:.5rem .3rem;font-weight:600;position:sticky;top:0}.full-heat-matrix td{text-align:center;border:1px solid #e2e8f0;padding:.5rem .3rem;font-weight:500}.full-heat-matrix .time-header{background:var(--ss-gray-light);color:var(--ss-gray-dark);z-index:2;white-space:nowrap;font-weight:600;position:sticky;left:0}.faixas-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:none;position:fixed;top:0;left:0}.faixas-modal.active{display:flex}.faixas-modal-content{background:var(--ss-white);border-radius:12px;flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;padding:1.5rem;display:flex;position:relative;box-shadow:0 20px 40px #0000004d}.faixas-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.faixas-modal-header h3{color:var(--ss-gray-dark);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.modal-header-actions{align-items:center;gap:1rem;display:flex}.faixas-modal-body{flex:1;display:flex;overflow:hidden}.full-faixas-chart-container{border:1px solid #e2e8f0;border-radius:8px;flex:1;max-height:80vh;padding:1rem;overflow:hidden auto}.full-faixas-chart-container::-webkit-scrollbar{width:10px}.full-faixas-chart-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.full-faixas-chart-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.full-faixas-chart-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.full-faixas-chart{width:100%;height:100%}.rank-content{display:none}.rank-content.active{display:block}.data-table{border-collapse:collapse;width:100%;margin-top:1rem}.data-table th{background:var(--ss-gray-light);text-align:left;color:var(--ss-gray);z-index:10;padding:1rem;font-size:.9rem;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.9rem}.data-table tr:hover{background:#f8fafc}.rank-table-container{border-radius:8px;max-height:500px;margin-top:1rem;overflow:hidden auto}.rank-table-container::-webkit-scrollbar{width:10px}.rank-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.rank-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:10px}.rank-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rank-table-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.expand-heatmap-btn{color:var(--ss-white);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;background:linear-gradient(135deg,#78c052,#5fa639)!important;box-shadow:0 4px 12px #78c0524d!important}.expand-heatmap-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.expand-heatmap-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#5fa639,#4a8b2c)!important;box-shadow:0 6px 16px #78c05266!important}.expand-heatmap-btn:hover:before{left:100%}.expand-heatmap-btn:active{transform:translateY(0);box-shadow:0 2px 8px #78c0524d}.expand-heatmap-btn i{font-size:.9rem;transition:transform .3s}.expand-heatmap-btn:hover i{transform:scale(1.1)}#downloadRankCSV{color:var(--ss-white);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex;background:linear-gradient(135deg,#78c052,#5fa639)!important;box-shadow:0 2px 8px #78c0524d!important}#downloadRankCSV:hover{transform:translateY(-1px);background:linear-gradient(135deg,#5fa639,#4a8b2c)!important;box-shadow:0 4px 12px #78c05266!important}#downloadRankCSV:active{transform:translateY(0)}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.charts-grid{gap:var(--space-6);grid-template-columns:1fr}.chart-container{min-height:350px;max-height:500px}}@media (max-width:968px){.main-header{padding:1rem}.header-content{flex-direction:column;align-items:stretch;gap:1rem}.logo-section{justify-content:center;margin-bottom:.5rem}.header-filters{justify-content:center;margin-left:0}.header-title{white-space:normal;font-size:1.3rem}.kpi-grid{grid-template-columns:repeat(3,1fr)}.chart-header{flex-direction:column;align-items:stretch;gap:1rem}.chart-actions{justify-content:flex-start}}@media (max-width:768px){.main-header{border-radius:0 0 16px 16px}.header-filters{flex-direction:column;gap:.8rem}.quick-filters{justify-content:center;width:100%}.quick-filter-btn,.filter-toggle-btn,.clear-filters-btn{text-align:center;flex:1;justify-content:center}.filter-row{grid-template-columns:1fr;gap:1rem}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.chart-container{min-height:300px;max-height:400px;padding:var(--space-4)}.heat-matrix-container{max-height:280px}.heatmap-modal-content{max-width:98%;padding:1rem}.chart-actions{flex-direction:column;align-items:stretch;gap:.8rem}.chart-header h3{white-space:normal;word-wrap:break-word;font-size:1rem}.secondary-controls{flex-direction:column;align-items:stretch;gap:.8rem}.control-group{flex-direction:column;align-items:stretch;gap:.5rem}.control-label{text-align:center}.chart-metric-toggle{padding:var(--space-2)var(--space-3);justify-content:center}.data-table th,.data-table td{padding:var(--space-2)var(--space-2);font-size:var(--font-size-xs)}.rank-table-container{max-height:350px;overflow-x:auto}.chart-expand-btn{width:100%;margin-left:0;margin-top:var(--space-2)}}@media (max-width:480px){.main-content{padding:0 .5rem .5rem}.chart-container{height:auto;min-height:300px;max-height:400px;padding:var(--space-3)}.chart-header{gap:var(--space-2);margin-bottom:var(--space-3)}.chart-header h3{font-size:.95rem}.chart-metric-toggle{padding:var(--space-2);gap:var(--space-2);flex-direction:column;align-items:stretch}.chart-metric-toggle .control-label{text-align:center;margin-bottom:var(--space-1)}.heat-matrix-container{max-height:240px}.logo-container{width:45px;height:45px}.header-title{white-space:normal;font-size:1.2rem;line-height:var(--line-height-tight)}.kpi-card{padding:1rem}.kpi-value{font-size:1.4rem}.kpi-grid{grid-template-columns:1fr}.chart-type-btn{padding:.5rem .8rem;font-size:.75rem}.rank-toggle-btn{padding:.4rem .6rem;font-size:.7rem}.data-table th,.data-table td{padding:var(--space-1)var(--space-2);font-size:.7rem}.rank-table-container{max-height:280px}}.chart-title,.heatmap-title{transition:all .3s}.heatmap-modal,.faixas-modal{z-index:9999}.rank-content{transition:opacity .3s}.heat-matrix-container::-webkit-scrollbar{width:6px;height:6px}.full-heat-matrix-container::-webkit-scrollbar{width:6px;height:6px}.heat-matrix-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.full-heat-matrix-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.heat-matrix-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.full-heat-matrix-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.heat-matrix-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.full-heat-matrix-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app{width:100%;min-height:100vh}.main-header{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.header-content{width:100%!important;max-width:none!important}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{width:100%;min-height:100vh}.filter-toggle-btn,.clear-filters-btn,.quick-filter-btn{cursor:pointer!important}.filter-row{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;width:100%!important;margin-bottom:1.5rem!important;display:grid!important}.filter-group{flex-direction:column!important;gap:.5rem!important;width:100%!important;min-width:0!important;display:flex!important}.filter-group label{color:var(--ss-gray)!important;margin-bottom:.25rem!important;font-size:.85rem!important;font-weight:500!important}.filter-group input[type=date],.filter-group select{background:var(--ss-white)!important;width:100%!important;color:var(--ss-gray-dark)!important;border:1px solid #e2e8f0!important;border-radius:8px!important;min-width:0!important;padding:.7rem!important;font-size:.9rem!important}.filter-group>div{align-items:center!important;gap:.5rem!important;width:100%!important;display:flex!important}.filter-group input[type=date]{flex:1!important;min-width:0!important}.filter-group span{color:var(--ss-gray)!important;white-space:nowrap!important;font-size:.9rem!important}.filter-group select[multiple]{height:120px!important;min-height:120px!important;overflow-y:auto!important}.filter-group small{color:var(--ss-gray)!important;margin-top:.25rem!important;font-size:.8rem!important}.filter-group>div>div{margin-top:.5rem!important}.filter-group>div>div>div{flex-wrap:wrap!important;gap:.3rem!important;margin-top:.3rem!important;display:flex!important}.filter-group span[style*=background]{background:var(--ss-green-light)!important;color:var(--ss-gray-dark)!important;cursor:pointer!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:.3rem!important;padding:.2rem .5rem!important;font-size:.7rem!important;display:flex!important}.filter-actions{background:var(--ss-white)!important;border-top:1px solid #e2e8f0!important;justify-content:flex-end!important;gap:.8rem!important;margin-top:1rem!important;padding-top:1.5rem!important;display:flex!important;position:sticky!important;bottom:0!important}.btn-primary{background:var(--ss-green)!important;color:var(--ss-white)!important;cursor:pointer!important;border:none!important;border-radius:8px!important;padding:.7rem 1.5rem!important;font-size:.9rem!important;font-weight:600!important;transition:all .3s!important}.btn-primary:hover{background:var(--ss-green-dark)!important}.btn-secondary{background:var(--ss-gray-light)!important;color:var(--ss-gray)!important;cursor:pointer!important;border:none!important;border-radius:8px!important;padding:.7rem 1.5rem!important;font-size:.9rem!important;transition:all .3s!important}.btn-secondary:hover{background:#e2e8f0!important}.filters-container .fas,.filters-container .fa-filter,.filters-container .fa-times,.filters-container .fa-check{color:inherit!important}@media (max-width:968px){.filters-container{min-width:90vw!important;left:1rem!important;right:1rem!important}.filter-row{grid-template-columns:1fr!important;gap:1rem!important}}@media (max-width:768px){.filters-container{min-width:95vw!important;padding:1rem!important;left:.5rem!important;right:.5rem!important}.filter-actions{flex-direction:column!important}.filter-actions button{width:100%!important}}.filter-group input[type=date]{background:var(--ss-white)!important;width:100%!important;color:var(--ss-gray-dark)!important;cursor:pointer!important;border:1px solid #e2e8f0!important;border-radius:8px!important;min-width:0!important;padding:.7rem!important;font-size:.9rem!important;position:relative!important}.filter-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2364748b\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line></svg>");background-position:50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:4px;margin-left:.5rem;padding:.3rem}.filter-group input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:var(--ss-gray-light)}.filter-group input[type=date]:focus{outline:2px solid var(--ss-green)!important;outline-offset:-1px!important}.date-input-container{align-items:center!important;gap:.5rem!important;width:100%!important;display:flex!important;position:relative!important}.custom-date-input{flex:1!important;position:relative!important}.custom-date-input input{padding-right:2.5rem!important}.date-icon{color:var(--ss-gray)!important;pointer-events:none!important;z-index:2!important;position:absolute!important;top:50%!important;right:.7rem!important;transform:translateY(-50%)!important}.filter-group input[type=date]:hover{border-color:var(--ss-green)!important}.filter-group input[type=date]:focus{border-color:var(--ss-green)!important;box-shadow:0 0 0 3px #22c55e1a!important}input[type=date]::-webkit-datetime-edit{color:var(--ss-gray-dark)!important;padding:.2rem 0!important}input[type=date]::-webkit-datetime-edit-fields-wrapper{background:0 0!important}input[type=date]::-webkit-datetime-edit-text{color:var(--ss-gray)!important;padding:0 .2rem!important}input[type=date]::-webkit-datetime-edit-month-field{color:var(--ss-gray-dark)!important}input[type=date]::-webkit-datetime-edit-day-field{color:var(--ss-gray-dark)!important}input[type=date]::-webkit-datetime-edit-year-field{color:var(--ss-gray-dark)!important}.filter-group input[type=date]{appearance:none}.filter-group input[type=date]:invalid{color:var(--ss-gray)!important}.period-container{flex-direction:column!important;gap:.8rem!important;display:flex!important}.period-labels{color:var(--ss-gray)!important;justify-content:space-between!important;margin-top:.25rem!important;font-size:.75rem!important;display:flex!important}.period-labels span{color:var(--ss-gray)!important;font-size:.75rem!important}.filter-group>div:has(input[type=text]){margin-bottom:.5rem!important;position:relative!important}.filter-group input[type=text]{background:var(--ss-white)!important;width:100%!important;color:var(--ss-gray-dark)!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:.5rem 2rem .5rem .7rem!important;font-size:.8rem!important;transition:all .3s!important}.filter-group input[type=text]:focus{border-color:var(--ss-green)!important;outline:none!important;box-shadow:0 0 0 3px #22c55e1a!important}.filter-group input[type=text]::placeholder{color:var(--ss-gray)!important}.filter-group .fa-search{color:var(--ss-gray)!important;pointer-events:none!important;font-size:.8rem!important;position:absolute!important;top:.6rem!important;right:.7rem!important}.filter-group button[title=Limpar\ busca]{color:var(--ss-gray)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:16px!important;height:16px!important;font-size:.8rem!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:.5rem!important;right:2rem!important}.filter-group button[title=Limpar\ busca]:hover{background:var(--ss-gray-light)!important;color:var(--ss-gray-dark)!important}.filter-group small:last-of-type{color:var(--ss-gray)!important;margin-top:.25rem!important;font-size:.75rem!important;display:block!important}.logout-btn{cursor:pointer;color:var(--ss-white);white-space:nowrap;background:#ef4444;border:1px solid #ef4444;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .3s;display:flex}.logout-btn:hover{background:#dc2626;border-color:#dc2626}.logo-section{flex-shrink:0;align-items:center;gap:1rem;display:flex}.logo-container{justify-content:center;align-items:center;width:160px;height:60px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.logo-container .logo-image{object-fit:contain;filter:drop-shadow(0 2px 4px #0003);width:100%;height:100%;border-radius:0!important}.login-logo{justify-content:center;margin-bottom:1.5rem;display:flex}.login-logo .logo-image{filter:drop-shadow(0 4px 8px #0000004d);width:180px;height:80px;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important}@media (max-width:1200px){.logo-container{width:140px;height:55px}}@media (max-width:968px){.logo-container{width:120px;height:50px}.login-logo .logo-image{width:160px;height:70px}}@media (max-width:768px){.logo-container{width:100px;height:45px}.login-logo .logo-image{width:140px;height:60px}}@media (max-width:480px){.logo-container{width:90px;height:40px}.login-logo .logo-image{width:120px;height:50px}}.logo-container .logo-image{object-fit:contain;filter:drop-shadow(0 2px 4px #0003)brightness(1.05)contrast(1.1);border-radius:0;width:100%;height:100%;transition:filter .3s}.logo-container .logo-image:hover{filter:drop-shadow(0 4px 8px #0000004d)brightness(1.1)contrast(1.2)}.login-logo .logo-image{filter:drop-shadow(0 4px 8px #0000004d)brightness(1.05)contrast(1.1);transition:filter .3s}.login-logo .logo-image:hover{filter:drop-shadow(0 6px 12px #0006)brightness(1.1)contrast(1.2)}.analyze-btn{border:1.5px solid var(--ss-green);color:var(--ss-green);cursor:pointer;background:0 0;border-radius:20px;align-self:flex-start;align-items:center;gap:.3rem;margin-top:auto;padding:.4rem .8rem;font-size:.7rem;font-weight:600;transition:all .3s;display:flex}.analyze-btn:hover{background:var(--ss-green);color:#fff;transform:translate(3px)}.analyze-btn .arrow{font-size:.8rem;transition:transform .3s}.analyze-btn:hover .arrow{transform:translate(2px)}.kpi-card.highlight .analyze-btn{border-color:var(--ss-green-dark);color:var(--ss-green-dark)}.kpi-card.highlight .analyze-btn:hover{background:var(--ss-green-dark);color:#fff}.fuel-analysis-modal{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:none;position:fixed;top:0;left:0}.fuel-analysis-modal.active{display:flex}.fuel-analysis-modal-content{background:var(--ss-white);border-radius:20px;flex-direction:column;gap:1rem;width:98vw;max-width:100%;max-height:90vh;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000059}.fuel-analysis-modal-header{border-bottom:2px solid #e8eef5;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.header-title{flex:1;align-items:center;gap:1rem;display:flex;position:relative}.header-title i{color:var(--ss-green);font-size:1.8rem}.title-text h3{color:var(--ss-gray-dark);letter-spacing:-.5px;margin:0;font-size:1.4rem;font-weight:700}.title-text p{color:var(--ss-gray);margin:.3rem 0 0;font-size:.85rem;font-weight:500}.loading-indicator{color:var(--ss-green);align-items:center;font-size:1rem;animation:1s linear infinite spin;display:inline-flex;position:absolute;right:0}.analysis-container{flex:1;grid-template-columns:1fr 1fr;gap:1rem;display:grid}.analysis-section{background:linear-gradient(135deg,#f8fbff 0%,#f0f9ff 100%);border:1px solid #dfe9f3;border-radius:16px;flex-direction:column;gap:.8rem;min-height:fit-content;padding:1.2rem;transition:all .3s;display:flex}.analysis-section:hover{border-color:#b8d4e8;box-shadow:0 8px 24px #00a55014}.section-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-title{align-items:center;gap:.8rem;display:flex}.section-title i{color:var(--ss-green);font-size:1.2rem}.section-title h4{color:var(--ss-gray-dark);letter-spacing:-.3px;margin:0;font-size:1.15rem;font-weight:600}.status-badge{color:#5fa639;background:#78c0521a;border:1px solid #78c05233;border-radius:20px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.status-badge.trend-warning{color:#ef4444;background:#ef44441a;border-color:#ef444433}.metrics-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.metric-card{background:var(--ss-white);border:2px solid #e8eef5;border-radius:14px;flex-direction:column;justify-content:center;gap:.6rem;min-height:110px;padding:1.2rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000a}.metric-card:hover{border-color:#00a550;transform:translateY(-2px);box-shadow:0 8px 20px #00a5501f}.metric-card.current{border-left:4px solid var(--ss-green)}.metric-card.previous{background:#fafbfc;border-left:4px solid #9ca3af}.metric-label{color:var(--ss-gray);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.metric-value{color:var(--ss-gray-dark);letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;font-size:2rem;font-weight:800;line-height:1.1;overflow:hidden}.metric-cost{color:var(--ss-green);align-items:center;gap:.3rem;margin-top:.5rem;font-size:1.1rem;font-weight:600;display:flex}@media (max-width:768px){.fuel-analysis-modal-content{gap:1.5rem;max-width:95%;padding:1.5rem}.analysis-container{grid-template-columns:1fr;gap:1.5rem}.analysis-section{gap:1rem;padding:1.5rem}.metrics-row{grid-template-columns:1fr;gap:1rem}.metric-card{min-height:110px;padding:1.5rem}.metric-value{font-size:1.6rem}.title-text h3{font-size:1.1rem}}@media (max-width:1024px){.fuel-analysis-modal-content{max-width:98%;max-height:88vh}.analysis-container{gap:1.5rem}.analysis-section{padding:1.5rem}}.comparison-grid,.comparison-group,.comparison-title,.comparison-row,.comparison-card,.comparison-label,.comparison-value,.comparison-trend,.comparison-divider{display:none}@media (max-width:768px){.fuel-analysis-modal-content{max-width:95%;padding:1.5rem}.comparison-grid{grid-template-columns:1fr;gap:1rem}.comparison-row{grid-template-columns:1fr;gap:.8rem}}.fuel-analysis-modal-content .trend-up{color:#5fa639!important}.fuel-analysis-modal-content .trend-down{color:#ef4444!important}.fuel-analysis-modal-content.down-is-good .trend-down{color:#5fa639!important}.fuel-analysis-modal-content.down-is-good .trend-up{color:#ef4444!important}.fuel-analysis-modal-content{background:var(--ss-white);border-radius:16px;flex-direction:column;gap:2rem;width:100%;max-width:1000px;max-height:90vh;padding:2.5rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.fuel-analysis-modal-header{border-bottom:2px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.fuel-analysis-modal-header h3{color:var(--ss-gray-dark);align-items:center;gap:.8rem;font-size:1.4rem;font-weight:700;display:flex}.fuel-analysis-modal-header h3 i{color:var(--ss-green);font-size:1.2rem}.comparison-grid{flex:1;grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.comparison-group{flex-direction:column;gap:1.5rem;display:flex}.comparison-title{color:var(--ss-gray-dark);align-items:center;gap:.8rem;margin-bottom:.5rem;font-size:1.2rem;font-weight:600;display:flex}.comparison-title i{color:var(--ss-green);font-size:1rem}.comparison-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem;display:grid}.comparison-card{background:var(--ss-white);border-left:5px solid var(--ss-green);border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;gap:1rem;min-height:140px;padding:1.8rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}.comparison-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.comparison-card.previous{border-left-color:var(--ss-gray);background:#f8fafc}.comparison-card.previous:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.comparison-label{color:var(--ss-gray);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.comparison-value{color:var(--ss-gray-dark);flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1.8rem;font-weight:700;display:flex}.comparison-trend{color:#ef4444;background:#ef44441a;border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.9rem;font-weight:600;display:flex}.comparison-trend.trend-up{color:var(--ss-green);background:#22c55e1a}.comparison-trend.trend-down{color:#ef4444;background:#ef44441a}.down-is-good .comparison-trend.trend-down{color:var(--ss-green);background:#22c55e1a}.down-is-good .comparison-trend.trend-up{color:#ef4444;background:#ef44441a}.mini-chart-horizontal{background:linear-gradient(135deg,#ffffff80 0%,#fff0 100%);border:1px solid #dfe9f3;border-radius:14px;padding:1.2rem;transition:all .3s;box-shadow:0 2px 8px #0000000a}.mini-chart-horizontal:hover{border-color:#00a550;box-shadow:0 8px 20px #00a5501f}.mini-chart-title-horizontal{color:var(--ss-gray-dark);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.6rem;margin-bottom:1.5rem;font-size:.95rem;font-weight:600;display:flex}.mini-chart-title-horizontal i{color:var(--ss-green);font-size:1.1rem}.mini-chart-content{flex-direction:column;gap:1.8rem;display:flex;position:relative}.bars-container-horizontal{flex-direction:column;gap:1.6rem;width:100%;display:flex}.bar-horizontal-container{align-items:center;gap:1.2rem;width:100%;display:flex}.bar-labels-horizontal{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:.4rem;min-width:140px;display:flex}.bar-wrapper{flex:1;align-items:center;min-height:36px;display:flex;position:relative}.bar-label-horizontal{color:var(--ss-gray-dark);font-size:.9rem;font-weight:600}.bar-trend-horizontal{color:var(--ss-gray);background:#64748b1f;border-radius:12px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:flex}.bar-trend-horizontal.current{color:#5fa639;background:#78c05226}.bar-trend-horizontal.neutral{color:var(--ss-gray);background:#64748b1a}.bar-horizontal{border-radius:8px;flex-shrink:0;justify-content:flex-end;align-items:center;min-width:30px;height:36px;padding-right:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #0000001a}.bar-horizontal.current{background:linear-gradient(135deg,#78c052 0%,#5fa639 100%);border:none}.bar-horizontal.current:hover{transform:translateY(-2px);box-shadow:0 8px 20px #78c05259}.bar-horizontal.previous{background:linear-gradient(135deg,#cbd5e1 0%,#e2e8f0 100%);border:none}.bar-horizontal.previous:hover{transform:translateY(-2px);box-shadow:0 8px 16px #64748b26}.bar-value-indicator-horizontal{color:#fff;white-space:nowrap;letter-spacing:-.5px;font-size:.85rem;font-weight:700}.bar-horizontal.previous .bar-value-indicator-horizontal{color:var(--ss-gray-dark)}.chart-grid-horizontal{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0}.grid-line-vertical{background:#0000001a;width:1px;height:100%}.difference-badge-simple{border:2px solid #0000;border-radius:20px;justify-content:center;align-items:center;gap:.8rem;margin-top:1rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:700;display:flex}.difference-badge-simple.positive{color:#4a8b2c;background:#78c05226;border-color:#78c0524d}.difference-badge-simple.negative{color:#dc2626;background:#ef444426;border-color:#ef44444d}.difference-status{opacity:.9;margin-left:.5rem;font-size:.8rem;font-weight:600}@media (max-width:768px){.mini-chart-content{height:160px}.bar-horizontal-container{height:35px}.bar-horizontal{height:25px}.bar-labels-horizontal{min-width:100px}}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}.status-warning{color:#ef4444;background:#ef44441a}.status-good{color:var(--ss-green);background:#22c55e1a}.status-neutral{color:var(--ss-gray);background:#64748b1a}@media (max-width:968px){.fuel-analysis-modal-content{max-width:95%;padding:1.5rem}.comparison-grid{grid-template-columns:1fr;gap:2rem}.comparison-row{grid-template-columns:1fr;gap:1rem}.comparison-card{min-height:120px;padding:1.5rem}.comparison-value{font-size:1.6rem}}@media (max-width:480px){.fuel-analysis-modal-content{gap:1.5rem;padding:1rem}.fuel-analysis-modal-header h3{font-size:1.2rem}.comparison-value{flex-direction:column;align-items:flex-start;gap:.5rem;font-size:1.4rem}.mini-charts-container{gap:1.5rem}.mini-chart{padding:1rem}}.bar-vertical-container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.difference-text{opacity:.9;font-size:.75rem}.fuel-analysis-modal-content .comparison-card{height:auto;min-height:140px}.fuel-analysis-modal-content .comparison-row{align-items:stretch}.fuel-analysis-modal .comparison-row{align-items:stretch!important;gap:1.5rem!important;display:flex!important}.fuel-analysis-modal .comparison-card{flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:flex-start!important;height:160px!important;min-height:160px!important;display:flex!important}.fuel-analysis-modal .comparison-card.previous .comparison-value{margin-top:auto!important;margin-bottom:auto!important}.fuel-analysis-modal-content{width:90vw!important;max-width:1000px!important;max-height:80vh!important;padding:2rem!important}.comparison-grid{grid-template-columns:1fr 1fr!important;align-items:stretch!important;gap:1.5rem!important;display:grid!important}.comparison-row{grid-template-columns:1fr 1fr!important;align-items:stretch!important;gap:1rem!important;height:100%!important;display:grid!important}.comparison-card{flex-direction:column!important;justify-content:center!important;align-items:center!important;height:150px!important;min-height:150px!important;padding:1.2rem!important;display:flex!important}.comparison-label{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.3rem!important;min-height:50px!important;margin-bottom:.8rem!important;display:flex!important}.comparison-value{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;min-height:50px!important;font-size:1.4rem!important;font-weight:700!important;display:flex!important}.comparison-trend{white-space:nowrap!important;border-radius:12px!important;padding:.2rem .6rem!important;font-size:.8rem!important}.comparison-group{flex-direction:column!important;gap:1.5rem!important;min-height:350px!important;display:flex!important}.ss-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--btn-radius);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;outline:none;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.ss-btn:focus-visible{box-shadow:0 0 0 3px #78c0524d}.ss-btn:disabled{opacity:.6;cursor:not-allowed}.ss-btn--sm{height:var(--btn-height-sm);padding:var(--btn-padding-sm);font-size:var(--btn-font-size-sm)}.ss-btn--md{height:var(--btn-height-md);padding:var(--btn-padding-md);font-size:var(--btn-font-size-md)}.ss-btn--lg{height:var(--btn-height-lg);padding:var(--btn-padding-lg);font-size:var(--btn-font-size-lg)}.ss-btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.ss-btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.ss-btn--primary:active:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(1px)}.ss-btn--secondary{background-color:var(--color-gray-100);color:var(--color-text-secondary)}.ss-btn--secondary:hover:not(:disabled){background-color:var(--color-gray-200)}.ss-btn--secondary:active:not(:disabled){background-color:var(--color-gray-300)}.ss-btn--danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.ss-btn--danger:hover:not(:disabled){background-color:var(--color-danger-dark)}.ss-btn--danger:active:not(:disabled){background-color:var(--color-danger-dark);transform:translateY(1px)}.ss-btn--ghost{color:var(--color-text-secondary);background-color:#0000}.ss-btn--ghost:hover:not(:disabled){background-color:var(--color-gray-100);color:var(--color-text-primary)}.ss-btn--ghost:active:not(:disabled){background-color:var(--color-gray-200)}.ss-btn--ghost.ss-btn--active{background-color:var(--color-primary);color:var(--color-text-inverse)}.ss-btn--outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.ss-btn--outline:hover:not(:disabled){background-color:var(--color-primary-50)}.ss-btn--outline:active:not(:disabled){background-color:var(--color-primary-100)}.ss-btn--full-width{width:100%}.ss-btn--icon-only{aspect-ratio:1;padding:0}.ss-btn--icon-only.ss-btn--sm{width:var(--btn-height-sm)}.ss-btn--icon-only.ss-btn--md{width:var(--btn-height-md)}.ss-btn--icon-only.ss-btn--lg{width:var(--btn-height-lg)}.ss-btn--loading{color:#0000!important}.ss-btn__spinner{color:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ss-btn--loading .ss-btn__spinner{color:var(--color-text-inverse)}.ss-btn--secondary.ss-btn--loading .ss-btn__spinner,.ss-btn--ghost.ss-btn--loading .ss-btn__spinner{color:var(--color-text-secondary)}.ss-btn--active{background-color:var(--color-primary);color:var(--color-text-inverse)}.ss-btn__icon{justify-content:center;align-items:center;font-size:1em;display:inline-flex}.ss-btn__icon--left{margin-right:calc(var(--space-1)*-1)}.ss-btn__icon--right{margin-left:calc(var(--space-1)*-1)}.ss-btn-group{gap:var(--space-2);align-items:center;display:inline-flex}.ss-btn-toggle-group{background-color:var(--color-gray-100);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-1);display:inline-flex}.ss-btn-toggle-group .ss-btn{border-radius:calc(var(--radius-md) - 2px)}.ss-btn-toggle-group .ss-btn:not(.ss-btn--active){color:var(--color-text-secondary);background-color:#0000}.ss-btn-toggle-group .ss-btn:not(.ss-btn--active):hover{background-color:var(--color-gray-200)}@media (max-width:768px){.ss-btn--lg{padding:var(--space-2)var(--space-5)}}@media (max-width:640px){.ss-btn--sm{min-height:var(--touch-target-min);padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}.ss-btn--md{min-height:var(--touch-target-min);padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm)}.ss-btn--lg{min-height:48px;padding:var(--space-3)var(--space-5)}.ss-btn--icon-only.ss-btn--sm{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.ss-btn-group--stack-mobile{flex-direction:column;width:100%}.ss-btn-group--stack-mobile .ss-btn{width:100%}.ss-btn-toggle-group{flex-wrap:wrap;justify-content:center}.ss-btn-toggle-group .ss-btn{min-height:var(--touch-target-min);flex:auto}}@media (max-width:480px){.ss-btn-toggle-group--stack{flex-direction:column;width:100%}.ss-btn-toggle-group--stack .ss-btn{width:100%}}.ss-input-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.ss-input-wrapper--full-width{width:100%}.ss-input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ss-input__container{align-items:center;display:flex;position:relative}.ss-input{border:var(--input-border-width)solid var(--input-border-color);border-radius:var(--input-radius);width:100%;font-family:var(--font-family-base);font-size:var(--input-font-size);color:var(--color-text-primary);background-color:var(--input-bg);transition:all var(--transition-fast);outline:none}.ss-input::placeholder{color:var(--color-text-muted)}.ss-input:hover:not(:disabled):not(:focus){border-color:var(--color-gray-300)}.ss-input:focus{border-color:var(--input-focus-border-color);box-shadow:var(--input-focus-ring)}.ss-input:disabled{background-color:var(--color-gray-100);color:var(--color-text-disabled);cursor:not-allowed}.ss-input--sm{height:var(--input-height-sm);padding:var(--space-1)var(--input-padding-x);font-size:var(--font-size-xs)}.ss-input--md{height:var(--input-height-md);padding:var(--input-padding-y)var(--input-padding-x)}.ss-input--lg{height:var(--input-height-lg);padding:var(--space-3)var(--space-4);font-size:var(--font-size-base)}.ss-input--has-icon-left{padding-left:calc(var(--space-10))}.ss-input--has-icon-right{padding-right:calc(var(--space-10))}.ss-input__icon{color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.ss-input__icon--left{left:var(--space-3)}.ss-input__icon--right{right:var(--space-3)}.ss-input:focus~.ss-input__icon,.ss-input:focus+.ss-input__icon{color:var(--color-primary)}.ss-input--error{border-color:var(--color-danger)}.ss-input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444426}.ss-input__error{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-danger);display:flex}.ss-input__error i{font-size:.75em}.ss-input__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ss-select__container{align-items:center;width:100%;display:flex;position:relative}.ss-select{border:var(--input-border-width)solid var(--input-border-color);border-radius:var(--input-radius);width:100%;font-family:var(--font-family-base);font-size:var(--input-font-size);color:var(--color-text-primary);background-color:var(--input-bg);transition:all var(--transition-fast);appearance:none;cursor:pointer;padding-right:var(--space-10);outline:none}.ss-select--sm{height:var(--input-height-sm);padding:var(--space-1)var(--input-padding-x);font-size:var(--font-size-xs)}.ss-select--md{height:var(--input-height-md);padding:var(--input-padding-y)var(--input-padding-x)}.ss-select--lg{height:var(--input-height-lg);padding:var(--space-3)var(--space-4);font-size:var(--font-size-base)}.ss-select:hover:not(:disabled):not(:focus){border-color:var(--color-gray-300)}.ss-select:focus{border-color:var(--input-focus-border-color);box-shadow:var(--input-focus-ring)}.ss-select:disabled{background-color:var(--color-gray-100);color:var(--color-text-disabled);cursor:not-allowed}.ss-select--error{border-color:var(--color-danger)}.ss-select__arrow{right:var(--space-3);color:var(--color-text-muted);pointer-events:none;font-size:var(--font-size-xs);justify-content:center;align-items:center;display:flex;position:absolute}.ss-form-group{gap:var(--space-4);flex-direction:column;display:flex}.ss-form-row{gap:var(--space-4);display:grid}.ss-form-row--cols-2{grid-template-columns:repeat(2,1fr)}.ss-form-row--cols-3{grid-template-columns:repeat(3,1fr)}.ss-form-row--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:640px){.ss-form-row{grid-template-columns:1fr}.ss-input--sm,.ss-select--sm{height:28px}.ss-input--md,.ss-select--md{height:36px}}.ss-card{background:var(--color-bg-primary);border-radius:var(--card-radius);transition:all var(--transition-normal)}.ss-card--default{border:var(--card-border);box-shadow:var(--card-shadow)}.ss-card--elevated{box-shadow:var(--shadow-lg);border:none}.ss-card--outlined{border:1px solid var(--color-border);box-shadow:none}.ss-card--flat{box-shadow:none;background:var(--color-bg-secondary);border:none}.ss-card--padding-none{padding:0}.ss-card--padding-sm{padding:var(--space-3)}.ss-card--padding-md{padding:var(--card-padding)}.ss-card--padding-lg{padding:var(--space-8)}.ss-card--hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ss-card--clickable{cursor:pointer}.ss-card__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-4);display:flex}.ss-card__header-content{align-items:center;gap:var(--space-3);display:flex}.ss-card__header-icon{font-size:var(--font-size-lg);color:var(--color-primary)}.ss-card__header-text{gap:var(--space-1);flex-direction:column;display:flex}.ss-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ss-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.ss-card__header-actions{align-items:center;gap:var(--space-2);display:flex}.ss-card__body{flex:1}.ss-card__footer{align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);margin-top:var(--space-4);display:flex}.ss-card__footer--left{justify-content:flex-start}.ss-card__footer--center{justify-content:center}.ss-card__footer--right{justify-content:flex-end}.ss-card__footer--between{justify-content:space-between}.ss-stat-card{gap:var(--space-3);flex-direction:column;display:flex}.ss-stat-card__content{align-items:flex-start;gap:var(--space-3);display:flex}.ss-stat-card__icon{color:var(--color-primary);opacity:.8;font-size:1.5rem}.ss-stat-card__data{gap:var(--space-1);flex-direction:column;display:flex}.ss-stat-card__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.ss-stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.ss-stat-card__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ss-stat-card__trend{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);display:inline-flex}.ss-stat-card__trend--up{color:var(--color-success-dark);background:#22c55e1a}.ss-stat-card__trend--down{color:var(--color-danger-dark);background:#ef44441a}.ss-stat-card__trend--neutral{color:var(--color-text-muted);background:var(--color-gray-100)}.ss-modal-overlay{background:var(--modal-backdrop);padding:var(--space-4);z-index:var(--z-modal);justify-content:center;align-items:center;animation:.2s ease-out ss-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes ss-modal-fade-in{0%{opacity:0}to{opacity:1}}.ss-modal{background:var(--color-bg-primary);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);flex-direction:column;max-height:90vh;animation:.3s ease-out ss-modal-slide-up;display:flex}@keyframes ss-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ss-modal--sm{width:100%;max-width:400px}.ss-modal--md{width:100%;max-width:600px}.ss-modal--lg{width:100%;max-width:800px}.ss-modal--xl{width:100%;max-width:1000px}.ss-modal--full{width:95vw;max-width:none;height:90vh}.ss-modal__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--modal-padding);border-bottom:1px solid var(--color-border-light);flex-shrink:0;display:flex}.ss-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:var(--space-2);margin:0;display:flex}.ss-modal__icon{color:var(--color-primary)}.ss-modal__header-actions{align-items:center;gap:var(--space-2);display:flex}.ss-modal__body{padding:var(--modal-padding);flex:1;overflow-y:auto}.ss-modal__footer{align-items:center;gap:var(--space-3);padding:var(--modal-padding);border-top:1px solid var(--color-border-light);flex-shrink:0;display:flex}.ss-modal__footer--left{justify-content:flex-start}.ss-modal__footer--center{justify-content:center}.ss-modal__footer--right{justify-content:flex-end}.ss-modal__footer--between{justify-content:space-between}@media (max-width:640px){.ss-modal-overlay{padding:var(--space-2)}.ss-modal{max-height:95vh}.ss-modal--sm,.ss-modal--md,.ss-modal--lg,.ss-modal--xl{max-width:100%}.ss-modal__header,.ss-modal__body,.ss-modal__footer{padding:var(--space-4)}.ss-modal__title{font-size:var(--font-size-base)}}.ss-empty-state{text-align:center;padding:var(--space-8);min-height:200px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.ss-empty-state--compact{padding:var(--space-4);min-height:120px}.ss-empty-state--large{padding:var(--space-12);min-height:300px}.ss-empty-state__icon{margin-bottom:var(--space-4);opacity:.6;font-size:2.5rem}.ss-empty-state--compact .ss-empty-state__icon{margin-bottom:var(--space-2);font-size:1.5rem}.ss-empty-state--large .ss-empty-state__icon{margin-bottom:var(--space-6);font-size:3.5rem}.ss-empty-state__title{margin:0 0 var(--space-2)0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ss-empty-state__message{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:300px;line-height:var(--line-height-normal);margin:0}.ss-empty-state--compact .ss-empty-state__message{font-size:var(--font-size-xs)}.ss-empty-state__action{margin-top:var(--space-4)}.ss-loading-state{text-align:center;padding:var(--space-8);min-height:200px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.ss-loading-state--compact{padding:var(--space-4);gap:var(--space-2);flex-direction:row;min-height:100px}.ss-loading-state--large{padding:var(--space-12);min-height:300px}.ss-loading-state--inline{padding:var(--space-2);gap:var(--space-2);flex-direction:row;min-height:auto}.ss-loading-state__spinner{margin-bottom:var(--space-3);color:var(--color-primary);font-size:2rem}.ss-loading-state--compact .ss-loading-state__spinner,.ss-loading-state--inline .ss-loading-state__spinner{margin-bottom:0;font-size:1rem}.ss-loading-state--large .ss-loading-state__spinner{margin-bottom:var(--space-4);font-size:3rem}.ss-loading-state__message{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.ss-loading-state--compact .ss-loading-state__message,.ss-loading-state--inline .ss-loading-state__message{font-size:var(--font-size-xs)}.ss-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal);background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ss-skeleton{background:linear-gradient(90deg,var(--color-gray-200)25%,var(--color-gray-100)50%,var(--color-gray-200)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite ss-skeleton-pulse}.ss-skeleton--text{border-radius:var(--radius-sm);width:100%;height:1em}.ss-skeleton--circle{border-radius:var(--radius-full)}.ss-skeleton--rect{border-radius:var(--radius-md)}@keyframes ss-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}*{scrollbar-width:thin;scrollbar-color:var(--color-gray-300)var(--color-gray-100)}