@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,600;1,9..40,300&display=swap";*{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-color:#f5f5f5;color:#333;line-height:1.6}:root{--dark: #0a0a0f;--dark2: #111118;--dark3: #18181f;--border: rgba(255,255,255,.08);--accent: #00e5ff;--accent2: #7b61ff;--text-light: #f0f0f5;--text-muted: #7a7a90;--danger: #ff4b4b;--font-mono: "Space Mono", monospace;--font-body: "DM Sans", sans-serif}.auth-shell{display:flex;flex-direction:column;min-height:100vh;font-family:var(--font-body);background:var(--dark)}.auth-nav{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px;background:var(--dark);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.auth-nav-logo{display:flex;align-items:center}.nav-logo-img{height:36px;width:auto;object-fit:contain}.auth-nav-links{display:flex;gap:32px}.auth-nav-links span{font-size:14px;color:var(--text-muted);cursor:pointer;transition:color .18s;letter-spacing:.02em}.auth-nav-links span:hover{color:var(--text-light)}.nav-signup-btn{padding:8px 20px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:var(--font-body);font-weight:600;color:var(--text-light);text-decoration:none;transition:all .18s;background:transparent}.nav-signup-btn:hover{border-color:var(--accent);color:var(--accent)}.auth-hero{display:grid;grid-template-columns:1fr 480px 1fr;flex:1;min-height:calc(100vh - 384px)}.auth-panel{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;min-height:560px}.auth-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.panel-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}.auth-panel-left .panel-overlay{background:linear-gradient(to right,#0000008c,#0000001a)}.auth-panel-right .panel-overlay{background:linear-gradient(to left,#0000008c,#0000001a)}.panel-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--dark2);border-right:1px solid var(--border);border-left:1px solid var(--border)}.auth-panel-right .panel-placeholder{border-right:none}.placeholder-inner{text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:8px}.ph-icon{font-size:48px;line-height:1}.ph-label{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text-light);letter-spacing:.08em;text-transform:uppercase}.ph-sub{font-size:12px;color:var(--text-muted);border:1px dashed var(--border);padding:4px 12px;border-radius:4px;margin-top:4px}.panel-stat-overlay{position:absolute;bottom:28px;left:28px;z-index:2;display:flex;flex-direction:column;gap:2px}.auth-panel-right .panel-stat-overlay{left:auto;right:28px;align-items:flex-end}.panel-stat-num{font-family:var(--font-mono);font-size:36px;font-weight:700;color:var(--accent);line-height:1}.panel-stat-label{font-size:12px;color:#fff9;letter-spacing:.06em;text-transform:uppercase}.auth-center{background:#fff;display:flex;align-items:center;justify-content:center;padding:48px 40px;border-left:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08)}.auth-center-signup{align-items:flex-start;overflow-y:auto}.auth-center-inner{width:100%;max-width:380px;margin:0 auto}.center-logo{height:44px;width:auto;object-fit:contain;display:block;margin:0 auto 20px}.center-headline{font-size:28px;font-weight:700;color:#0a0a0f;text-align:center;line-height:1.2;letter-spacing:-.02em;margin-bottom:8px}.center-sub{font-size:14px;color:#7a7a90;text-align:center;line-height:1.5;margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{font-size:12px;font-weight:600;color:#444;letter-spacing:.04em;text-transform:uppercase}.field-group input,.field-group select{width:100%;padding:11px 14px;border:1.5px solid #e5e5ea;border-radius:8px;font-size:14px;font-family:var(--font-body);color:#111;background:#fff;transition:border-color .18s,box-shadow .18s;outline:none}.field-group input:focus,.field-group select:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #7b61ff1f}.field-group input::placeholder{color:#bbb}.field-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.field-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:#0a0a0f;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;transition:background .18s,transform .18s;margin-top:4px}.auth-submit-btn:hover:not(:disabled){background:var(--dark3);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.55;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.auth-error{background:#fff0f0;border:1px solid rgba(255,75,75,.3);border-left:3px solid var(--danger);color:#c33;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:4px}.auth-switch{text-align:center;margin-top:20px;font-size:13px;color:#888}.auth-switch a{color:var(--accent2);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-footer{background:var(--dark);border-top:1px solid var(--border);padding:56px 40px 0}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto;padding-bottom:48px;border-bottom:1px solid var(--border)}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-logo{height:32px;width:auto;object-fit:contain;display:block}.footer-tagline{font-size:13px;color:var(--text-muted);line-height:1.5}.footer-col h4{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.footer-col p{font-size:13px;color:var(--text-muted);line-height:1.7}.footer-bottom{max-width:1200px;margin:0 auto;padding:20px 0;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}@media(max-width:1024px){.auth-hero{grid-template-columns:.6fr 440px .6fr}.footer-inner{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:768px){.auth-hero{grid-template-columns:1fr;grid-template-rows:200px auto 200px}.auth-panel{min-height:200px}.auth-center{padding:36px 24px}.auth-nav-links{display:none}.auth-nav{padding:0 20px}.auth-footer{padding:40px 20px 0}.footer-inner{grid-template-columns:1fr;gap:28px}.field-row-3,.field-row-2{grid-template-columns:1fr}}:root{--bg: #0a0a0f;--surface: #111118;--surface2: #18181f;--border: rgba(255, 255, 255, .07);--border2: rgba(255, 255, 255, .12);--accent: #00e5ff;--accent2: #7b61ff;--success: #00f593;--warning: #ffc400;--danger: #ff4b4b;--text: #f0f0f5;--text-muted:#7a7a90;--text-dim: #444455;--sidebar-w: 220px;--font-mono: "Space Mono", monospace;--font-body: "DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}.db-shell{display:flex;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body)}.db-loading,.db-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;gap:16px;color:var(--text-muted);font-family:var(--font-body)}.loading-ring{width:40px;height:40px;border:3px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.error-icon{font-size:32px}.db-error .btn-primary{margin-top:8px;padding:10px 24px;background:var(--accent);color:var(--bg);border:none;border-radius:8px;font-weight:600;cursor:pointer}.db-sidebar{width:var(--sidebar-w);min-height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:28px 16px;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:40px}.logo-icon{font-size:22px}.logo-text{font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:.06em;color:var(--accent)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-body);font-size:14px;font-weight:400;cursor:pointer;transition:all .18s ease;text-align:left;width:100%}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:#00e5ff1a;color:var(--accent)}.nav-icon{font-size:16px;line-height:1}.sidebar-bottom{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--border)}.btn-log{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--accent);color:var(--bg);border:none;border-radius:10px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .18s;letter-spacing:.02em}.btn-log:hover{opacity:.88}.btn-log span{font-size:18px;font-weight:300}.btn-profile{background:transparent;border:1px solid var(--border2);color:var(--text-light);padding:10px;border-radius:10px;font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all .18s;text-align:center}.btn-profile:hover{border-color:var(--accent);color:var(--accent)}.btn-logout-side{background:transparent;border:1px solid var(--border2);color:var(--text-muted);padding:10px;border-radius:10px;font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all .18s;text-align:center}.btn-logout-side:hover{border-color:var(--danger);color:var(--danger)}.db-main{flex:1;margin-left:var(--sidebar-w);padding:28px 32px 48px;max-width:1200px}.db-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:16px}.topbar-user{display:flex;align-items:center;gap:16px}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent2),var(--accent));display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.topbar-name{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:6px}.topbar-meta{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:3px 10px;border-radius:20px;font-size:12px;background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);text-transform:capitalize;letter-spacing:.03em}.pill.goal{background:#7b61ff1f;border-color:#7b61ff4d;color:#a993ff}.topbar-date{font-size:13px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.inline-error{background:#ff4b4b1a;border:1px solid rgba(255,75,75,.3);color:var(--danger);padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:24px}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.metric-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:14px 14px 0 0}.metric-tile.fitness:before{background:var(--accent)}.metric-tile.fatigue:before{background:var(--warning)}.metric-tile.form:before{background:var(--danger)}.metric-tile.recovery:before{background:var(--success)}.metric-tile:hover{transform:translateY(-3px);border-color:var(--border2)}.metric-label{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.metric-big{font-family:var(--font-mono);font-size:40px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:8px;letter-spacing:-.02em}.metric-tile.fatigue .metric-big{color:var(--warning)}.metric-pct{font-size:20px;opacity:.6;font-weight:400}.metric-sub{font-size:12px;color:var(--text-muted);line-height:1.4;margin-bottom:12px}.metric-bar-track{height:3px;background:var(--surface2);border-radius:4px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:4px;transition:width 1s ease}.warning-text{color:var(--warning)}.db-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto auto;gap:16px}.db-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .2s}.db-card:hover{border-color:var(--border2)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h2{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.card-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);background:var(--surface2);padding:3px 10px;border-radius:20px;border:1px solid var(--border)}.chart-card{grid-column:1}.chart-tooltip{background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:10px 14px}.tooltip-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:4px}.tooltip-value{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--accent)}.tooltip-value span{font-size:12px;color:var(--text-muted);font-weight:400}.rec-card{grid-column:2}.btn-gen{display:flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;border:1px solid var(--border2);color:var(--text-muted);border-radius:8px;font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all .18s}.btn-gen:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-gen:disabled{opacity:.5;cursor:not-allowed}.spin{display:inline-block;animation:spin 1s linear infinite}.rec-type-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rec-type-badge{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--accent);background:#00e5ff1a;border:1px solid rgba(0,229,255,.25);padding:4px 12px;border-radius:6px}.rec-date{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.rec-stats{display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.rec-stat{display:flex;flex-direction:column;gap:4px}.rec-stat-label{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.rec-stat-val{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--text)}.rec-stat-val small{font-size:12px;color:var(--text-muted);font-weight:400}.intensity-low{color:var(--success)!important}.intensity-medium{color:var(--warning)!important}.intensity-high{color:var(--danger)!important}.rec-desc{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:14px}.rec-warnings{background:#ffc4000f;border:1px solid rgba(255,196,0,.2);border-radius:8px;padding:12px 16px;display:flex;gap:10px}.warn-icon{font-size:14px;flex-shrink:0;margin-top:2px}.rec-warnings ul{padding-left:14px;display:flex;flex-direction:column;gap:6px}.rec-warnings li{font-size:12px;color:var(--warning);line-height:1.5}.rec-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--text-muted);font-size:14px;gap:4px}.rec-empty-sub{font-size:12px;color:var(--text-dim)}.workouts-card{grid-column:1}.workout-list{display:flex;flex-direction:column;gap:6px}.workout-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:9px;background:var(--surface2);border:1px solid transparent;transition:border-color .18s;gap:12px}.workout-row:hover{border-color:var(--border2)}.workout-left{display:flex;align-items:center;gap:10px;flex:1}.workout-left>span{font-size:14px}.workout-type{display:block;font-size:13px;font-weight:600;color:var(--text);text-transform:capitalize}.workout-date{display:block;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.workout-meta{display:flex;gap:10px;font-size:12px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}.workout-load{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text);padding:4px 10px;border-radius:6px;flex-shrink:0;min-width:48px;text-align:center}.sleep-card{grid-column:2}.sleep-list{display:flex;flex-direction:column;gap:12px}.sleep-row{display:grid;grid-template-columns:110px 1fr 36px 44px;align-items:center;gap:12px}.sleep-date{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.sleep-bar-wrap{height:6px;background:var(--surface2);border-radius:6px;overflow:hidden}.sleep-bar{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:6px;transition:width 1s ease}.sleep-hrs{font-family:var(--font-mono);font-size:12px;color:var(--text);text-align:right;font-weight:600}.sleep-quality{font-family:var(--font-mono);font-size:11px;padding:2px 7px;border-radius:5px;text-align:center;background:var(--surface2);color:var(--text-muted)}.sleep-quality.q9,.sleep-quality.q10{background:#00f5931a;color:var(--success)}.sleep-quality.q7,.sleep-quality.q8{background:#00e5ff14;color:var(--accent)}.sleep-quality.q5,.sleep-quality.q6{background:#ffc40014;color:var(--warning)}.sleep-quality.q1,.sleep-quality.q2,.sleep-quality.q3,.sleep-quality.q4{background:#ff4b4b14;color:var(--danger)}@media(max-width:1100px){.metrics-row{grid-template-columns:repeat(2,1fr)}.db-grid{grid-template-columns:1fr}.chart-card,.rec-card,.workouts-card,.sleep-card{grid-column:1}}@media(max-width:768px){.db-sidebar{display:none}.db-main{margin-left:0;padding:20px 16px}.metrics-row{grid-template-columns:repeat(2,1fr)}.db-topbar{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.metrics-row{grid-template-columns:1fr}}.log-activity-container{max-width:700px;margin:0 auto;padding:40px 20px;min-height:100vh;background:var(--dark)}.log-activity-card{background:var(--dark2);border:1px solid var(--border);border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000004d}.back-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:24px}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.log-activity-card h1{font-size:2rem;font-weight:700;color:var(--text-light);margin-bottom:8px}.subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:32px}.message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:.9rem}.activity-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;background:var(--dark);border:1px solid var(--border);border-radius:8px;color:var(--text-light);font-size:1rem;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00e5ff1a}.form-group textarea{resize:vertical;min-height:80px}.help-text{font-size:.85rem;color:var(--text-muted);margin-top:4px}.quality-slider{display:flex;flex-direction:column;gap:12px}.quality-slider input[type=range]{width:100%;height:8px;background:var(--dark3);border:1px solid var(--border);border-radius:8px;outline:none;cursor:pointer}.quality-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00e5ff66}.quality-slider input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #00e5ff66}.quality-labels{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.85rem}.quality-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.info-box{margin-top:24px;padding:16px;background:var(--dark3);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.info-box strong{color:var(--text-light)}@media(max-width:768px){.log-activity-container{padding:20px 16px}.log-activity-card{padding:24px}.log-activity-card h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.profile-container{max-width:1200px;margin:0 auto;padding:2rem}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:2rem;font-weight:700;color:var(--text-light);margin-bottom:.5rem}.profile-header p{color:var(--text-muted);font-size:1rem}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border)}.tab{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-muted);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab:hover{color:var(--text-light)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.message{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.message.success{background:#00e5ff1a;color:var(--accent);border:1px solid rgba(0,229,255,.2)}.message.error{background:#ff4b4b1a;color:var(--danger);border:1px solid rgba(255,75,75,.2)}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:var(--dark2);border:1px solid var(--border);border-radius:12px;padding:2rem}.profile-card h2{font-size:1.5rem;font-weight:700;color:var(--text-light);margin-bottom:1.5rem}.profile-card h3{font-size:1.1rem;font-weight:600;color:var(--text-light);margin-bottom:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h2{margin-bottom:0}.picture-section{display:flex;gap:2rem;align-items:center}.picture-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--border)}.picture-preview img{width:100%;height:100%;object-fit:cover}.picture-placeholder{width:100%;height:100%;background:var(--dark3);display:flex;align-items:center;justify-content:center;font-size:3rem}.picture-actions{display:flex;flex-direction:column;gap:.5rem}.help-text{font-size:.85rem;color:var(--text-muted)}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-muted)}.info-value{color:var(--text-light)}.profile-form,.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{padding:.75rem 1rem;background:var(--dark);border:1px solid var(--border);border-radius:8px;color:var(--text-light);font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00e5ff1a}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--accent);color:var(--dark)}.btn-primary:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-light);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chart-container{margin-bottom:2rem}.weekly-summary{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.summary-card{background:var(--dark3);border:1px solid var(--border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.summary-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:1.75rem;font-weight:700;color:var(--accent)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state p{margin-bottom:.5rem}.loading{text-align:center;padding:2rem;color:var(--text-muted)}@media(max-width:768px){.profile-container{padding:1rem}.profile-header h1{font-size:1.5rem}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}.profile-card{padding:1.5rem}.form-grid{grid-template-columns:1fr}.picture-section{flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0a0a0f;color:#f0f0f5;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a48}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:16px;color:#7a7a90;font-family:DM Sans,sans-serif;gap:12px}.app-loading:before{content:"";width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#00e5ff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}