body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{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:#f7fafc;color:#2d3748;line-height:1.6}.visualization-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.chart-wrapper{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;margin-bottom:2rem;overflow:hidden}.chart-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.chart-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.chart-subtitle{font-size:.9375rem;color:#718096;line-height:1.625}.control-panel{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center;padding:1rem;background:#f7fafc;border-radius:.5rem;border:1px solid #e2e8f0}.control-group{display:flex;align-items:center;gap:.75rem}.control-label{font-size:.875rem;font-weight:600;color:#4a5568;white-space:nowrap}.btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid #cbd5e0;background-color:#fff;color:#4a5568;cursor:pointer;transition:all .2s;outline:none;font-family:inherit}.btn:hover:not(:disabled){background-color:#f7fafc;border-color:#a0aec0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b4199);transform:translateY(-1px);box-shadow:0 4px 6px -1px #667eea66}.btn-group{display:inline-flex;border-radius:.375rem;overflow:hidden;box-shadow:0 1px 2px #0000000d}.btn-group .btn{border-radius:0;margin:0}.btn-group .btn:not(:last-child){border-right:none}.btn-group .btn:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.btn-group .btn:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.btn-group .btn.active,.btn-group .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;z-index:1}select{padding:.5rem 2rem .5rem .75rem;font-size:.875rem;border:1px solid #cbd5e0;border-radius:.375rem;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s;font-family:inherit}select:hover{border-color:#a0aec0}select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;transition:all .3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:all .3s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.toggle-slider:before{transform:translate(24px)}.tooltip{position:absolute;background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;pointer-events:none;z-index:10000;line-height:1.5;max-width:300px;box-shadow:0 10px 15px -3px #0003}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-content{text-align:center;background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a}.loading-spinner{width:64px;height:64px;border:4px solid #667eea;border-top-color:transparent;border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-grid{display:grid;gap:1.5rem;margin-bottom:2rem}@media (min-width: 640px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;transition:all .3s}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.overview-card{text-align:center;min-height:140px;display:flex;flex-direction:column;justify-content:center}.overview-value{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.5rem 0}.overview-label{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.chart-container{position:relative;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}svg{display:block;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.axis text{font-size:11px;fill:#718096;font-family:inherit}.axis path,.axis line{stroke:#e2e8f0;shape-rendering:crispEdges}.grid line{stroke:#f7fafc;stroke-opacity:.7;shape-rendering:crispEdges}.grid path{stroke-width:0}@media (max-width: 768px){.visualization-container{padding:1rem .5rem}.chart-wrapper{padding:1rem;border-radius:.5rem}.control-panel{flex-direction:column;align-items:stretch;gap:.75rem}.control-group{flex-direction:column;align-items:stretch;gap:.5rem}.btn-group{flex-direction:row;width:100%}.btn-group .btn{flex:1}.chart-title{font-size:1.25rem}.overview-value{font-size:1.5rem}select{width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b4199)}