@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,400&display=swap";:root{--bg-dark: 222 47% 7%;--bg-panel: 222 40% 11%;--bg-input: 222 35% 15%;--primary: 38 36% 54%;--primary-hover: 38 40% 64%;--accent: 38 36% 54%;--danger: 350 80% 55%;--text-main: 220 15% 95%;--text-muted: 222 20% 60%;--border-light: 222 30% 20%;--font-family: "Inter", system-ui, sans-serif;--font-heading: "Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:hsl(var(--bg-dark));color:hsl(var(--text-main));height:100vh;overflow:hidden}@media (max-width: 768px){body{overflow:auto;height:auto}}.dashboard-container{display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto 1fr;gap:.5rem;height:100vh;padding:.5rem}@media (max-width: 768px){.dashboard-container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:auto;padding:.25rem}}.top-nav{grid-column:1 / -1;display:flex;background:hsla(var(--bg-panel),.5);border:1px solid hsl(var(--border-light));border-radius:8px;padding:.2rem;gap:.2rem}@media (max-width: 768px){.top-nav{position:sticky;top:.25rem;z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.nav-tab{flex:1;background:transparent;border:none;color:hsl(var(--text-muted));padding:.4rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .2s ease}.nav-tab.active{background:hsl(var(--primary));color:#fff}.panel{background:hsla(var(--bg-panel),.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsl(var(--border-light));border-radius:10px;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column}@media (max-width: 768px){.panel{overflow-y:visible;height:auto}.panel.sidebar{display:none}.panel.sidebar.open{display:flex}}.panel h2{font-family:var(--font-heading);font-size:.95rem;font-style:italic;color:hsl(var(--primary));margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.form-group{margin-bottom:.3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.form-group label{display:block;font-size:.65rem;color:hsl(var(--text-muted));margin-bottom:.15rem}.form-input{width:100%;background:hsl(var(--bg-input));border:1px solid hsl(var(--border-light));color:hsl(var(--text-main));padding:.25rem .4rem;border-radius:4px;font-size:.75rem;font-family:var(--font-family)}.btn-primary{background:hsl(var(--primary));color:#fff;border:none;padding:.4rem;border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.3rem}.report-card{background:hsla(var(--bg-input),.2);border:1px solid hsl(var(--border-light));padding:.5rem;border-radius:8px}.info-label{font-size:.58rem;color:hsl(var(--text-muted));text-transform:uppercase;letter-spacing:.02em}.info-val{font-size:.9rem;font-weight:800;color:hsl(var(--text-main))}.info-val.positive{color:#22c55e}.info-val.negative{color:#ef4444}.info-val.active{color:#2dd4bf}@media (max-width: 480px){.info-val{font-size:.85rem}.nav-text{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.25rem!important}}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:flex}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border-light));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary))}.stats-top-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem;margin-bottom:.4rem}.main-dashboard-layout{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:start}.simulation-details-aside{display:flex;flex-direction:column;gap:.4rem}.chart-container-compact{height:240px;background:hsla(var(--bg-input),.1);border:1px solid hsl(var(--border-light));border-radius:8px;padding:.4rem}.health-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.health-card-compact{padding:.4rem;background:hsla(var(--bg-input),.1);border:1px solid hsl(var(--border-light));border-radius:6px}.summary-footer{grid-column:1 / -1;margin-top:.2rem}.health-dashboard{display:flex;flex-direction:column;gap:.75rem}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.health-card{background:hsla(var(--bg-input),.2);border:1px solid hsl(var(--border-light));padding:.5rem;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;position:relative}.health-indicator{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.75rem}.status-green{color:#22c55e}.status-yellow{color:#eab308}.status-red{color:#ef4444}.range-bar-box{margin-top:.5rem;position:relative}.range-bar{height:6px;width:100%;background:linear-gradient(to right,#22c55e,#22c55e 33%,#eab308 33%,#eab308 66%,#ef4444 66%,#ef4444);border-radius:3px;opacity:.3}.range-marker{position:absolute;top:-4px;width:2px;height:14px;background:hsl(var(--text-main));box-shadow:0 0 8px #ffffff80;z-index:2}.range-labels{display:flex;justify-content:space-between;font-size:.6rem;color:hsl(var(--text-muted));margin-top:4px}.summary-container{background:hsla(var(--primary),.05);border:1px solid hsla(var(--primary),.2);border-left:4px solid hsl(var(--primary));padding:1rem;border-radius:8px}.summary-title{font-size:.7rem;font-weight:800;text-transform:uppercase;color:hsl(var(--primary));margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.summary-text{font-size:.85rem;line-height:1.5;color:hsl(var(--text-main))}.diagnostic-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid hsla(var(--border-light),.3)}.diagnostic-label{font-size:.7rem;color:hsl(var(--text-muted))}.diagnostic-val{font-size:.75rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}
