@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--background:0 0% 98%;--foreground:220 15% 20%;--card:0 0% 100%;--card-foreground:220 15% 20%;--popover:0 0% 100%;--popover-foreground:220 15% 20%;--primary:187 65% 45%;--primary-foreground:0 0% 100%;--secondary:220 10% 96%;--secondary-foreground:220 15% 30%;--muted:220 10% 96%;--muted-foreground:220 10% 50%;--accent:187 65% 45%;--accent-foreground:0 0% 100%;--destructive:0 72% 51%;--destructive-foreground:0 0% 100%;--border:220 10% 90%;--input:220 10% 90%;--ring:187 65% 45%;--radius:.5rem;--health-excellent:152 69% 41%;--health-good:187 65% 45%;--health-warning:38 92% 50%;--health-alert:0 72% 51%;--category-body:220 15% 35%;--category-performance:262 52% 47%;--category-vitals:0 72% 51%;--category-nutrition:142 69% 38%;--category-hydration:199 89% 48%;--health-badge-excellent-bg:152 50% 95%;--health-badge-excellent-text:152 60% 30%;--health-badge-excellent-border:152 40% 80%;--health-badge-good-bg:187 50% 95%;--health-badge-good-text:187 60% 30%;--health-badge-good-border:187 40% 80%;--health-badge-warning-bg:38 60% 95%;--health-badge-warning-text:38 70% 35%;--health-badge-warning-border:38 50% 80%;--health-badge-alert-bg:0 55% 95%;--health-badge-alert-text:0 60% 35%;--health-badge-alert-border:0 45% 80%;--sidebar-background:187 55% 32%;--sidebar-foreground:0 0% 98%;--sidebar-primary:187 65% 65%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:187 50% 25%;--sidebar-accent-foreground:0 0% 98%;--sidebar-border:187 40% 26%;--sidebar-ring:187 65% 65%}.dark{--background:220 20% 10%;--foreground:0 0% 98%;--card:220 20% 13%;--card-foreground:0 0% 98%;--popover:220 20% 13%;--popover-foreground:0 0% 98%;--primary:187 65% 50%;--primary-foreground:220 20% 10%;--secondary:220 20% 18%;--secondary-foreground:0 0% 98%;--muted:220 20% 18%;--muted-foreground:220 10% 60%;--accent:187 65% 50%;--accent-foreground:220 20% 10%;--destructive:0 72% 51%;--destructive-foreground:0 0% 100%;--border:220 20% 20%;--input:220 20% 20%;--ring:187 65% 50%;--sidebar-background:220 25% 8%;--sidebar-foreground:0 0% 98%;--sidebar-primary:187 65% 50%;--sidebar-primary-foreground:220 20% 10%;--sidebar-accent:220 20% 15%;--sidebar-accent-foreground:0 0% 98%;--sidebar-border:220 20% 18%;--sidebar-ring:187 65% 50%;--health-excellent:152 60% 45%;--health-good:187 55% 50%;--health-warning:38 80% 55%;--health-alert:0 65% 55%;--category-body:220 15% 65%;--category-performance:262 45% 60%;--category-vitals:0 65% 55%;--category-nutrition:142 55% 50%;--category-hydration:199 75% 55%;--health-badge-excellent-bg:152 40% 18%;--health-badge-excellent-text:152 50% 65%;--health-badge-excellent-border:152 35% 25%;--health-badge-good-bg:187 35% 18%;--health-badge-good-text:187 45% 65%;--health-badge-good-border:187 30% 25%;--health-badge-warning-bg:38 40% 18%;--health-badge-warning-text:38 60% 65%;--health-badge-warning-border:38 35% 25%;--health-badge-alert-bg:0 40% 18%;--health-badge-alert-text:0 50% 65%;--health-badge-alert-border:0 35% 25%}*,:before,:after{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.metric-card{background-color:hsl(var(--card));border-radius:var(--radius);border:1px solid hsl(var(--border));padding:1.25rem;transition:box-shadow .2s;position:relative}.metric-card:hover{box-shadow:0 1px 2px #0000000d}.stat-value{letter-spacing:-.025em;font-size:1.5rem;font-weight:600;line-height:2rem}.stat-label{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.25rem}.section-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.data-table{width:100%;font-size:.875rem}.data-table th{text-align:left;color:hsl(var(--muted-foreground));background-color:hsl(var(--muted) / .3);padding:.5rem .75rem;font-size:.75rem;font-weight:500}.data-table td{border-bottom:1px solid hsl(var(--border) / .5);padding:.5rem .75rem}.progress-bar{background-color:hsl(var(--secondary));border-radius:9999px;height:.5rem;overflow:hidden}.progress-fill{border-radius:9999px;height:100%;transition:all .5s}.health-badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.health-badge-excellent{background-color:hsl(var(--health-badge-excellent-bg));color:hsl(var(--health-badge-excellent-text));border:1px solid hsl(var(--health-badge-excellent-border))}.health-badge-good{background-color:hsl(var(--health-badge-good-bg));color:hsl(var(--health-badge-good-text));border:1px solid hsl(var(--health-badge-good-border))}.health-badge-warning{background-color:hsl(var(--health-badge-warning-bg));color:hsl(var(--health-badge-warning-text));border:1px solid hsl(var(--health-badge-warning-border))}.health-badge-alert{background-color:hsl(var(--health-badge-alert-bg));color:hsl(var(--health-badge-alert-text));border:1px solid hsl(var(--health-badge-alert-border))}*{scrollbar-width:thin;scrollbar-color:hsl(var(--border)) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:3px}@keyframes login-card-entry{0%{opacity:0;transform:scale(.96)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes login-reveal-logo{to{clip-path:inset(0)}}@keyframes login-reveal-text{to{opacity:1;transform:translateY(0)}}@keyframes login-shine{0%{left:-150%}60%{left:150%}to{left:150%}}.login-card-anim{animation:.7s cubic-bezier(.2,.8,.2,1) login-card-entry}.login-brand{position:relative;overflow:hidden}.login-brand:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff80,#ffffffd9,#ffffff80,#0000);width:100%;height:100%;animation:5s ease-in-out 2.5s infinite login-shine;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.login-logo{clip-path:inset(0 100% 0 0);animation:1.2s cubic-bezier(.77,0,.175,1) forwards login-reveal-logo}.login-brand-name{opacity:0;animation:.8s ease-out .8s forwards login-reveal-text;transform:translateY(10px)}.login-brand-tagline{opacity:0;animation:.8s ease-out 1.1s forwards login-reveal-text;transform:translateY(10px)}