.container{padding:2rem;max-width:1200px;margin:0 auto;background-color:#050b24;min-height:100vh;color:#e0e8ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.title{font-size:2.25rem;color:#64c7ff;margin:0}.navGroup{display:flex;flex-wrap:wrap;gap:.75rem}.linkButton{display:inline-flex;align-items:center;gap:.35rem;padding:.65rem 1.2rem;border-radius:8px;border:1px solid #2a3f5f;background-color:#0a1536;color:#a9d4ff;text-decoration:none;font-weight:600;transition:all .2s ease}.linkButton:hover{background-color:#132357;border-color:#4fc3f7;color:#fff}.panel{background-color:#0b1433;border:1px solid #203056;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 24px rgba(5,10,32,.45)}.panelTitle{font-size:1.2rem;font-weight:600;color:#82d0ff;margin-bottom:1rem}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.controlGroup{display:flex;flex-direction:column;gap:.5rem}.controlLabel{font-size:.95rem;font-weight:600;color:#a4c8ff}.segmented{display:flex;gap:.35rem;background-color:#0b1c44;padding:.3rem;border-radius:999px;border:1px solid #1f315c}.segmentButton{flex:1 1;padding:.5rem .75rem;border:none;border-radius:999px;background:transparent;color:#9db7e7;font-weight:600;cursor:pointer;transition:all .2s ease}.segmentButtonActive{background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#050b24;box-shadow:0 4px 12px rgba(0,180,216,.35)}.select{width:100%;padding:.75rem;border-radius:10px;background-color:#ffffff;border:1px solid #94a3b8;color:#0a0e27;font-size:1rem}.select:focus{outline:none;border-color:#4fc3f7;box-shadow:0 0 0 3px rgba(79,195,247,.2)}.select option{background-color:#ffffff;color:#0a0e27}@media (prefers-color-scheme:dark){.select{border-color:#1f315c}.select,.select option{background-color:#050b24;color:#e0e8ff}}.chartPanel{background-color:#07102b;border:1px solid #111c3d;border-radius:12px;padding:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.chartHeader{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;align-items:baseline;margin-bottom:1rem}.chartTitle{font-size:1.3rem;font-weight:600;color:#8fd1ff;margin:0}.chartMeta{font-size:.9rem;color:#7fa5d6}.statGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.statCard{background-color:#0d183b;border:1px solid #1f315c;border-radius:10px;padding:1rem}.statLabel{font-size:.85rem;color:#94b6ec;margin-bottom:.35rem}.statValue{font-size:1.8rem;font-weight:600;color:#f6f7fb}.statSubtext{font-size:.85rem;color:#7fa5d6}.error{border-radius:8px;border:1px solid #ff7675;background-color:#3d1f31;color:#ffdede}.error,.loading{padding:1rem;margin-bottom:1rem}.loading{border-radius:8px;border:1px solid #4fc3f7;background-color:#0c203b;color:#a8e0ff}.empty,.loading{text-align:center}.empty{padding:2rem;border:1px dashed #2a3f5f;border-radius:12px;color:#7fa5d6}.notes{font-size:.85rem;color:#7fa5d6;margin-top:1rem}@media (max-width:768px){.container{padding:1.25rem}.controls{grid-template-columns:1fr}.segmented{flex-direction:column;border-radius:16px}.segmentButton{border-radius:12px}}