:root{--bg-primary:#0a0d12;--bg-secondary:#12171f;--bg-card:#151b24;--bg-hover:#1d242f;--accent-primary:#3b82f6;--accent-success:#10b981;--accent-danger:#ef4444;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:rgba(100,116,139,0.15);--border-radius:8px}*{margin:0;padding:0;box-sizing:border-box}.hidden{display:none !important}body{font-family:'Inter',system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.container{max-width:1600px;margin:0 auto;padding:1.5rem}.header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.header-title{font-size:1.75rem;font-weight:600}.header-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.upload-card,.info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.info-title{font-size:.95rem;font-weight:600;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.info-item{padding:.75rem;background:var(--bg-secondary);border-radius:6px;display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.info-value{font-size:.9rem;font-weight:500}.action-buttons{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.export-btn,.new-upload-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:0;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.export-btn{background:var(--accent-success);color:white}.export-btn:hover{background:#059669}.new-upload-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.new-upload-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:2.5rem;text-align:center;cursor:pointer;transition:all .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent-primary);background:rgba(59,130,246,0.03)}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-title{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.upload-text{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.upload-btn{padding:.5rem 1.25rem;background:var(--accent-primary);color:white;border:0;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer}.upload-btn:hover{background:#2563eb}.upload-hint{margin-top:.75rem;font-size:.7rem;color:var(--text-muted)}.upload-progress{margin-top:1.5rem}.progress-bar{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-primary);width:0;transition:width .3s}.progress-text{text-align:center;margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.charts-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem}.chart-combined{grid-column:1 / -1}.chart-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.chart-title{font-size:.9rem;font-weight:600;margin-bottom:.35rem}.chart-legend{display:flex;gap:.75rem;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--text-secondary)}.legend-item::before{content:'';width:10px;height:2px;background:var(--color,#64748b);border-radius:1px}.chart-meta{display:flex;gap:.5rem}.chart-meta-item{font-size:.7rem;color:var(--text-muted)}.chart-sources{font-size:.65rem;color:var(--text-muted);opacity:.7;margin-bottom:.25rem}.chart-container{height:260px}.combined-container{height:320px}.chart-phase .chart-container{height:160px}.phase-legend{display:flex;justify-content:center;gap:1rem;padding-top:.5rem;font-size:.75rem}.phase-on{color:var(--accent-success)}.phase-off{color:var(--accent-danger)}.loading-charts{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-muted)}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;overflow:hidden}.skeleton-card.full-width{grid-column:1 / -1}.skeleton-text:empty{display:inline-block;min-width:60px;height:14px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:3px}.skeleton-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.skeleton-title{height:18px;width:60%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-meta{height:12px;width:40%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px}.skeleton-chart{height:260px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:6px}.skeleton-card.full-width .skeleton-chart{height:320px}@keyframes skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.footer{text-align:center;padding:1.5rem;margin-top:1.5rem;color:var(--text-muted);font-size:.75rem}@media(max-width:1200px){.charts-container{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:1rem}.header-title{font-size:1.4rem}.info-grid{grid-template-columns:repeat(2,1fr)}}