@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-base: #07080f;--bg-surface: rgba(255, 255, 255, .03);--bg-surface-hov: rgba(255, 255, 255, .06);--bg-inset: rgba(0, 0, 0, .25);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #52525b;--indigo: #6366f1;--purple: #a855f7;--emerald: #10b981;--amber: #f59e0b;--rose: #f43f5e;--sky: #38bdf8;--grad-brand: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--grad-warm: linear-gradient(135deg, #f59e0b 0%, #f43f5e 100%);--grad-cool: linear-gradient(135deg, #38bdf8 0%, #6366f1 100%);--border: rgba(255, 255, 255, .08);--border-glow: rgba(168, 85, 247, .35);--glow-brand: 0 0 30px rgba(99, 102, 241, .2);--glow-amber: 0 0 30px rgba(245, 158, 11, .2);--shadow-card: 0 20px 50px rgba(0, 0, 0, .4);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 9999px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--t-fast: .15s var(--ease-out);--t-norm: .3s var(--ease-out)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg-base);background-image:radial-gradient(ellipse 80% 50% at 10% 20%,rgba(99,102,241,.07) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 90% 80%,rgba(168,85,247,.06) 0%,transparent 70%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;padding-bottom:0}@media(max-width:768px){body{padding-bottom:80px}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);transition:transform var(--t-norm),box-shadow var(--t-norm),border-color var(--t-norm)}.glass-panel:hover{transform:translateY(-3px);box-shadow:var(--glow-brand),var(--shadow-card);border-color:var(--border-glow)}.heading-1{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;margin-bottom:.4rem}.heading-2{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.35rem}.heading-3{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:.2rem}.text-muted{color:var(--text-secondary);font-size:.95rem;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:var(--r-full);font-family:inherit;font-weight:600;font-size:.95rem;cursor:pointer;border:none;outline:none;transition:all var(--t-fast);position:relative;overflow:hidden;white-space:nowrap}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 4px 20px #6366f159}.btn-primary:hover{box-shadow:0 6px 28px #6366f180;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{background:#f43f5e1f;color:var(--rose);border:1px solid rgba(244,63,94,.2)}.btn-danger:hover{background:#f43f5e38}.btn-icon{padding:.55rem;border-radius:var(--r-md);background:transparent;color:var(--text-secondary);border:1px solid transparent;transition:all var(--t-fast);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:#ffffff14;color:var(--text-primary)}.btn-icon.danger:hover{background:#f43f5e26;color:var(--rose)}.input-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.input-label{font-size:.82rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.input-field{background:var(--bg-inset);border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--r-md);font-family:inherit;font-size:.96rem;transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.input-field:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px #6366f12e}.input-field::placeholder{color:var(--text-muted)}textarea.input-field{resize:vertical;min-height:120px}select.input-field option{background:#0f0f14}.habit-check{appearance:none;width:24px;height:24px;border:1.5px solid rgba(255,255,255,.15);border-radius:7px;background:#0003;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-spring);flex-shrink:0;margin:0 auto}.habit-check:hover{border-color:var(--check-color, var(--indigo));transform:scale(1.1);background:#ffffff0d}.habit-check:checked{background:var(--check-color, var(--indigo));border-color:var(--check-color, var(--indigo));box-shadow:0 0 12px var(--check-color, rgba(99, 102, 241, .4))}.habit-check:after{content:"";position:absolute;top:44%;left:44%;width:5px;height:10px;border:2.2px solid #fff;border-top:none;border-left:none;transform:translate(-50%,-50%) rotate(42deg);display:block;opacity:0;transition:opacity .15s ease}.habit-check:checked:after{opacity:1}.num-chip{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:1.5px dashed rgba(255,255,255,.15);font-size:.72rem;font-weight:700;color:var(--text-secondary);transition:all .2s var(--ease-spring);margin:0 auto;cursor:pointer}.num-chip:hover{transform:scale(1.1);border-color:#ffffff4d;background:#ffffff08}.num-chip.done{background:var(--check-color, var(--indigo));border:1.5px solid transparent;color:#fff;box-shadow:0 0 12px var(--check-color, rgba(99, 102, 241, .4))}.habit-check:active,.num-chip:active{transform:scale(.9)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .7rem;border-radius:var(--r-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-indigo{color:var(--indigo);background:#6366f11f;border:1px solid rgba(99,102,241,.25)}.badge-amber{color:var(--amber);background:#f59e0b1a;border:1px solid rgba(245,158,11,.25)}.badge-emerald{color:var(--emerald);background:#10b9811a;border:1px solid rgba(16,185,129,.25)}.badge-rose{color:var(--rose);background:#f43f5e1a;border:1px solid rgba(244,63,94,.25)}.badge-sky{color:var(--sky);background:#38bdf81a;border:1px solid rgba(56,189,248,.25)}.app-container{display:flex;min-height:100vh}.sidebar{width:270px;background:#07080fb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border);padding:2rem 1.25rem;display:flex;flex-direction:column;gap:0;position:fixed;height:100vh;z-index:20;overflow-y:auto}.sidebar-logo{padding:.5rem .75rem 2rem}.sidebar-logo h1{font-size:1.3rem;font-weight:800;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.sidebar-logo p{font-size:.8rem;color:var(--text-muted);margin-top:.15rem}.nav-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 .75rem;margin:1.5rem 0 .5rem}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.8rem .85rem;border-radius:var(--r-md);color:var(--text-secondary);font-weight:500;font-size:.97rem;transition:all var(--t-norm);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:inherit;position:relative}.nav-item:hover{background:#ffffff0a;color:var(--text-primary)}.nav-item.active{background:#6366f11f;color:#fff}.nav-item.active:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--grad-brand);border-radius:0 var(--r-full) var(--r-full) 0}.main-content{flex:1;margin-left:270px;min-height:100vh;padding:1.5rem 2rem;background:transparent;overflow-x:hidden;min-width:0}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;background:#07080fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;padding:0 1rem}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-muted);font-size:.65rem;font-weight:700;text-transform:uppercase;text-decoration:none;background:none;border:none;cursor:pointer;transition:color var(--t-fast)}.mobile-nav-item.active{color:var(--indigo)}@media(max-width:768px){.mobile-nav{display:flex}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.habit-table-wrap{overflow-x:auto;width:100%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;border-radius:0 0 var(--r-lg) var(--r-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.hide-on-mobile{display:grid}.mobile-only-label{display:none}@media(max-width:768px){.hide-on-mobile{display:none!important}.mobile-only-label{display:block;font-size:.65rem}.mobile-exercise-row{grid-template-columns:1fr!important;gap:.75rem!important;padding:1rem;background:#ffffff08;border:1px solid var(--border);border-radius:var(--r-md)}}.stat-card{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:var(--stat-glow, rgba(99, 102, 241, .08));filter:blur(20px)}.stat-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stat-value{font-size:2.6rem;font-weight:800;letter-spacing:-.04em;background:var(--stat-grad, linear-gradient(135deg, #fff, #a1a1aa));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-sub{font-size:.82rem;color:var(--text-secondary)}.habit-table-wrap{width:100%;overflow-x:auto;border-radius:0 0 var(--r-lg) var(--r-lg);-webkit-overflow-scrolling:touch}.habit-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.habit-table th,.habit-table td{padding:.55rem .3rem;border-bottom:1px solid var(--border)}.habit-table th{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.habit-table tr:last-child td{border-bottom:none}.habit-name-cell{width:200px;min-width:0;position:sticky;left:0;z-index:2;background:#07080fe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);padding:.55rem .75rem}.habit-day-cell{text-align:center;padding:.4rem 0;cursor:pointer;transition:background .2s ease}.habit-day-cell:hover{background:#ffffff08!important}.exercise-row{display:grid;grid-template-columns:1fr 80px 80px 100px 40px;gap:.6rem;align-items:end;margin-bottom:.75rem}.workout-card{padding:1.5rem;margin-bottom:1rem}.workout-card:last-child{margin-bottom:0}.note-panel{padding:1rem 1.25rem;background:#f59e0b12;border-left:3px solid var(--amber);border-radius:0 var(--r-sm) var(--r-sm) 0;margin-top:.75rem}.recharts-default-tooltip{background:#07080ff2!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;box-shadow:0 10px 30px #00000080!important}.recharts-tooltip-label{color:var(--text-secondary)!important;font-weight:600}.recharts-tooltip-item{color:var(--text-primary)!important;font-family:Outfit,sans-serif}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0d}.recharts-polar-grid-concentric-polygon{stroke:#ffffff14!important}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeSlideUp .4s var(--ease-out) both}.color-swatch{width:28px;height:28px;border-radius:8px;cursor:pointer;transition:transform .15s var(--ease-spring),box-shadow .15s;border:2px solid transparent}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 3px #fff3}@media(max-width:1100px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:1rem}.top-bar{padding-top:.5rem}.top-bar h1{font-size:1.4rem!important}.top-bar .badge,.top-bar div:last-child{display:none!important}.heading-1{font-size:1.8rem}.heading-2{font-size:1.4rem}.p-8{padding:1.25rem}.stat-value{font-size:2rem}.habit-name-cell{width:150px;padding:.5rem;font-size:.8rem;position:sticky;left:0;z-index:10}.habit-actions-compact{display:none!important}.habit-day-cell{min-width:35px}.habit-day-cell{padding:.3rem 0}.habit-check{width:20px;height:20px;border-radius:5px}.num-chip{width:20px;height:20px;font-size:.6rem;border-radius:5px}}@media(max-width:480px){.habit-name-cell{width:100px}.exercise-row{grid-template-columns:1fr 1fr;gap:.5rem}.exercise-row>*:nth-child(n+3){grid-column:span 1}}