.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background-color:#fff;box-shadow:2px 0 4px #0000001a;overflow-y:auto;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e0e0e0}.sidebar-header h2{font-size:1.5rem;color:#333;margin:0}.sidebar-content{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;cursor:pointer}.form-group select:hover{border-color:#1f77b4}.form-group select:focus{outline:none;border-color:#1f77b4;box-shadow:0 0 0 2px #1f77b433}.advanced-options{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.advanced-options label{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;cursor:pointer}.advanced-options input[type=checkbox]{width:auto;cursor:pointer}.clear-cache-btn{width:100%;padding:.75rem;background-color:#1f77b4;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.clear-cache-btn:hover{background-color:#1565c0}details summary{cursor:pointer;font-weight:500;color:#1f77b4;-webkit-user-select:none;user-select:none}details summary:hover{color:#1565c0}@media (max-width: 768px){.sidebar{position:static;width:100%;height:auto;box-shadow:0 2px 4px #0000001a}}.data-notice{margin-bottom:2rem;padding:1rem 1.25rem;border-left:4px solid #1f77b4;border-radius:4px;background-color:#e8f1fa;color:#1c3d5a;line-height:1.5}.data-notice p+p{margin-top:.5rem}.data-notice code{font-size:.9em;overflow-wrap:anywhere}.data-notice--offline{border-left-color:#b26a00;background-color:#fff4e5;color:#5a3600}.kpi-cards{margin-bottom:2rem}.kpi-cards h2{font-size:1.8rem;color:#333;margin-bottom:1.5rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.kpi-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.kpi-label{font-size:.9rem;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:2rem;font-weight:700;color:#1f77b4;margin-bottom:.5rem}.kpi-delta{font-size:1rem;color:#666;margin-bottom:.5rem}.kpi-delta.positive{color:#4caf50}.kpi-delta.negative{color:#f44336}.kpi-help{font-size:.85rem;color:#999;font-style:italic}.comparison-table{margin-bottom:2rem}.comparison-table h2{font-size:1.8rem;color:#333;margin-bottom:1.5rem}.comparison-table table{width:100%;background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.comparison-table th{background-color:#1f77b4;color:#fff;padding:1rem;text-align:left;font-weight:600}.comparison-table td{padding:1rem;border-bottom:1px solid #e0e0e0}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:nth-child(2n){background-color:#f9f9f9}.comparison-table tr:hover{background-color:#f0f0f0}@media (max-width: 768px){.comparison-table{overflow-x:auto}.comparison-table th,.comparison-table td{padding:.6rem .5rem;font-size:.9rem}}.export-section{margin-bottom:2rem}.export-section h2{font-size:1.8rem;color:#333;margin-bottom:1.5rem}.export-buttons{display:flex;gap:1rem;flex-wrap:wrap}.export-btn{padding:1rem 2rem;background-color:#1f77b4;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.export-btn:hover{background-color:#1565c0}.export-btn:active{transform:translateY(1px)}.summary-section{margin-bottom:2rem}.summary-section details{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.summary-section summary{font-size:1.5rem;font-weight:600;color:#333;cursor:pointer;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.summary-section summary:hover{color:#1f77b4}.summary-content{line-height:1.8;color:#333}.summary-content h2{font-size:1.5rem;color:#1f77b4;margin-top:1.5rem;margin-bottom:1rem}.summary-content h3{font-size:1.2rem;color:#333;margin-top:1rem;margin-bottom:.5rem}.summary-content p{margin-bottom:.5rem}.summary-content strong{font-weight:600}.dashboard{display:flex;min-height:100vh;background-color:#f5f5f5}.dashboard-main{flex:1;margin-left:280px;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2.5rem;color:#1f77b4;margin-bottom:1rem}.dashboard-header p{font-size:1.1rem;color:#666;line-height:1.6}.loading,.error{padding:2rem;text-align:center;font-size:1.2rem;margin:2rem 0}.loading{color:#1f77b4}.error{color:#d32f2f;background-color:#ffebee;border-radius:4px}@media (max-width: 768px){.dashboard{flex-direction:column}.dashboard-main{margin-left:0;padding:1rem}.dashboard-header h1{font-size:1.8rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}