:root{--primary-blue:#064e3b;--secondary-blue:#1e40af;--accent-blue:#10b981;--light-blue:#34d399;--dark-bg:#0f172a;--darker-bg:#020617;--glass-bg:#064e3b26;--glass-border:#34d39933;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--card-shadow:0 8px 32px #0000004d;--glow-shadow:0 0 20px #10b9814d}[data-theme=light]{--primary-blue:#305229;--secondary-blue:#10b981;--accent-blue:#4a7c3f;--light-blue:#0a0a0a;--dark-bg:#fdfbff;--darker-bg:#f1f5f9;--glass-bg:#ffffffb3;--glass-border:#30522933;--text-primary:#1a1a1a;--text-secondary:#4b5563;--text-muted:#6b7280;--card-shadow:0 8px 32px #3052291a;--glow-shadow:0 0 20px #30522926}[data-theme=light] .stat-card,[data-theme=light] .stat-pill,[data-theme=light] .time-range-selector{background:#fff}[data-theme=light] .heatmap-container{background:#f1f5f9;border-color:#3052291a}[data-theme=light] .time-metric,[data-theme=light] .subject-item{background:#f8fafc;border:1px solid #3052291a}[data-theme=light] .metric-circle{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#30522933}[data-theme=light] .goal-bar{background:#e2e8f0}[data-theme=light] .streak-message{background:#3052290d}*{box-sizing:border-box;margin:0;padding:0}.stats-page{min-height:100vh;color:var(--text-primary);background:0 0;padding-top:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.background-shapes{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.shape{border-radius:var(--radius-lg);background:radial-gradient(circle, var(--accent-blue) 0%, transparent 70%);opacity:.1;filter:blur(60px);animation:20s ease-in-out infinite float;position:absolute}.shape-1{width:500px;height:500px;animation-delay:0s;top:-200px;left:-100px}.shape-2{width:400px;height:400px;animation-delay:7s;bottom:-150px;right:-100px}.shape-3{width:350px;height:350px;animation-delay:14s;top:40%;right:20%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-50px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.9)}}.stats-container{z-index:1;max-width:1400px;margin:0 auto;padding:2rem;position:relative}.stats-hero{text-align:center;margin-bottom:2rem;padding:1.5rem 0 1.75rem}.hero-content h1{background:linear-gradient(135deg, var(--light-blue), var(--accent-blue), #a78bfa);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.hero-content p{color:var(--text-secondary);font-size:.9375rem;font-weight:400}.goals-card,.timeline-card,.streak-card,.time-card{grid-column:span 1}.time-range-selector{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);border:1px solid var(--glass-border);justify-content:center;gap:.75rem;width:fit-content;margin-top:2rem;margin-left:auto;margin-right:auto;padding:.5rem;display:flex}.time-range-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.time-range-btn:before{content:"";border-radius:var(--radius-sm);background:var(--accent-blue);z-index:-1;width:0;height:0;transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.time-range-btn:hover{color:var(--text-primary)}.time-range-btn:hover:before{width:100%;height:100%}.time-range-btn.active{background:var(--accent-blue);color:var(--text-primary)}.quick-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-pill{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);border:1px solid var(--glass-border);cursor:pointer;align-items:center;gap:.875rem;padding:1.25rem 1.125rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.stat-pill:before{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--light-blue));height:2px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-pill:hover{border-color:var(--accent-blue);box-shadow:var(--glow-shadow);transform:translateY(-3px)}.stat-pill:hover:before{transform:scaleX(1)}.stat-pill-icon{font-size:2rem;line-height:1}.stat-pill-content{flex-direction:column;flex:1;gap:.125rem;display:flex}.stat-pill-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-pill-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.goals-card,.timeline-card{grid-column:span 1}.productivity-card{grid-column:span 2}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);padding:1.5rem;transition:all .4s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--light-blue), #a78bfa);height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover{border-color:var(--accent-blue);transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-header h2{color:var(--text-primary);align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;display:flex}.card-icon{font-size:1.5rem}.streak-badge{border-radius:var(--radius-sm);background:linear-gradient(135deg,#f59e0b,#ef4444);padding:.5rem 1rem;font-size:1.125rem;font-weight:700}.streak-display{margin:1.5rem 0}.heatmap-container{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-md);background:#064e3b1f;border:1px solid #ffffff0d;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow-x:auto}.heatmap-labels{height:115px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;justify-content:space-between;padding:.5rem 0;font-size:.75rem;font-weight:500;display:flex}.heatmap-grid{gap:4px;display:flex}.heatmap-column{flex-direction:column;gap:4px;display:flex}.heatmap-cell{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff08;border-radius:3px;width:13px;height:13px;transition:all .3s cubic-bezier(.4,0,.2,1)}.heatmap-cell:hover{z-index:10;border-color:#ffffff4d;transform:scale(1.4)}.heatmap-cell.level-0{background:#ffffff0d}.heatmap-cell.level-1{color:#10b981;background:linear-gradient(135deg,#064e3b 0%,#10b981 100%)}.heatmap-cell.level-2{color:#22c55e;background:linear-gradient(135deg,#0ea5e9 0%,#22c55e 100%)}.heatmap-cell.level-3{color:#84cc16;background:linear-gradient(135deg,#22c55e 0%,#84cc16 100%)}.heatmap-cell.level-4{color:#f97316;background:linear-gradient(135deg,#eab308 0%,#f97316 100%)}.heatmap-cell.today{outline-offset:1px;outline:2px solid #fff}[data-theme=light] .heatmap-cell.level-0{background:#ebedf0}[data-theme=light] .heatmap-cell.level-1{color:#9be9a8;background:#9be9a8}[data-theme=light] .heatmap-cell.level-2{color:#40c463;background:#40c463}[data-theme=light] .heatmap-cell.level-3{color:#30a14e;background:#30a14e}[data-theme=light] .heatmap-cell.level-4{color:#216e39;background:#216e39}.heatmap-cell.future{opacity:.1;pointer-events:none}.heatmap-legend{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:.75rem;font-size:.75rem;display:flex}.heatmap-legend span{margin:0 4px}.streak-message{text-align:center;border-radius:var(--radius-sm);color:var(--light-blue);background:#10b9810d;margin-top:1rem;padding:.75rem;font-size:.875rem;font-weight:500}.time-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.time-metric{border-radius:var(--radius-sm);background:#064e3b33;border:1px solid #34d39926;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.time-value{color:var(--light-blue);font-size:2.5rem;font-weight:800}.time-label{color:var(--text-secondary);text-align:center;font-size:.875rem}.chart-container{height:250px;position:relative}.subject-content{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}.subject-legend{flex-direction:column;gap:1rem;display:flex}.subject-item{border-radius:var(--radius-sm);background:#064e3b26;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.subject-item:hover{background:#10b98133;transform:translate(5px)}.subject-color{border-radius:4px;flex-shrink:0;width:16px;height:16px}.subject-name{color:var(--text-primary);flex:1;font-weight:600}.subject-percentage{color:var(--light-blue);font-weight:700}.productivity-metrics{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.metric-circle{border-radius:var(--radius-lg);border:2px solid var(--glass-border);background:linear-gradient(135deg,#064e3b4d,#10b98133);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.metric-circle:before{content:"";background:linear-gradient(45deg, var(--accent-blue), var(--light-blue), #a78bfa);border-radius:var(--radius-lg);opacity:0;z-index:-1;transition:opacity .3s;position:absolute;inset:-2px}.metric-circle:hover:before{opacity:.3}.metric-value{background:linear-gradient(135deg, var(--light-blue), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;font-size:.875rem}.goals-list{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.goal-item{flex-direction:column;gap:.75rem;display:flex}.goal-header{justify-content:space-between;align-items:center;display:flex}.goal-name{color:var(--text-primary);font-weight:600}.goal-progress{color:var(--light-blue);font-weight:700}.goal-bar{border-radius:var(--radius-sm);background:#4755694d;height:12px;position:relative;overflow:hidden}.goal-progress-bar{background:linear-gradient(90deg, var(--accent-blue), var(--light-blue));border-radius:var(--radius-sm);height:100%;transition:width .6s;position:relative;overflow:hidden}.goal-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.add-goal-btn{border:2px dashed var(--accent-blue);border-radius:var(--radius-sm);width:100%;color:var(--light-blue);cursor:pointer;background:#10b98126;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:600;transition:all .3s;display:flex}.add-goal-btn:hover{border-color:var(--light-blue);background:#10b98140;transform:translateY(-2px)}.btn-icon{font-size:1.5rem;font-weight:400}.timeline{flex-direction:column;gap:1.5rem;max-height:480px;margin-bottom:1.5rem;padding-left:2rem;padding-right:1.5rem;display:flex;position:relative;overflow-y:auto}.timeline::-webkit-scrollbar{width:6px}.timeline::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.timeline::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}.timeline::-webkit-scrollbar-thumb:hover{background:#10b98180}.timeline:before{content:"";background:linear-gradient(180deg, var(--accent-blue), transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{position:relative}.timeline-marker{background:var(--accent-blue);border-radius:var(--radius-sm);z-index:1;width:12px;height:12px;position:absolute;top:.25rem;left:-2.375rem}.timeline-content{flex-direction:column;gap:.5rem;display:flex}.timeline-time{color:var(--text-muted);font-size:.875rem}.timeline-activity{border-radius:var(--radius-sm);background:#064e3b26;align-items:center;gap:.75rem;padding:1rem;transition:all .3s;display:flex}.timeline-activity:hover{background:#10b98133;transform:translate(5px)}.activity-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.activity-icon.math{background:linear-gradient(135deg,#10b981,#34d399)}.activity-icon.science{background:linear-gradient(135deg,#a78bfa,#c084fc)}.activity-icon.english{background:linear-gradient(135deg,#4a7c3f,#f472b6)}.view-all-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--light-blue);cursor:pointer;background:0 0;padding:1rem;font-weight:600;transition:all .3s}.view-all-btn:hover{border-color:var(--accent-blue);background:#10b98126;transform:translateY(-2px)}.comparison-section,.recommendations-section{margin-bottom:2.5rem}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.section-header p{color:var(--text-secondary);font-size:.9375rem}.comparison-grid{grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.comparison-card{grid-column:span 1}.comparison-card h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.recommendation-card{text-align:center;padding:2.5rem 2rem}.recommendation-icon{margin-bottom:1rem;font-size:3rem}.recommendation-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.recommendation-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (max-width:1400px){.stats-grid{grid-template-columns:1fr;gap:1.5rem}.productivity-card,.goals-card,.timeline-card{grid-column:span 1}}@media (max-width:1024px){.quick-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:768px){.stats-container{padding:1rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.quick-stats{grid-template-columns:1fr;gap:1rem}.stat-pill{padding:1.25rem 1rem}.stats-grid{grid-template-columns:1fr;gap:1.5rem}.time-stats,.productivity-metrics{grid-template-columns:1fr;gap:1rem}.comparison-grid,.recommendations-grid{grid-template-columns:1fr}.time-range-selector{width:100%}.time-range-btn{flex:1;padding:.75rem 1rem}.stat-pill-value{font-size:1.5rem}.metric-value{font-size:2rem}}@media (max-width:480px){.hero-content h1{font-size:1.75rem}.stat-card{padding:1.5rem}.calendar-day{width:35px;height:35px;font-size:.75rem}}[data-theme=light] .hero-content h1{background:linear-gradient(135deg, var(--primary-blue), var(--secondary-blue), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .stat-pill:before,[data-theme=light] .stat-card:before{background:linear-gradient(90deg, var(--secondary-blue), var(--primary-blue))}[data-theme=light] .streak-badge{color:#fff;background:linear-gradient(135deg,#fbbf24,#f87171);border:1px solid #0000000d}[data-theme=light] .heatmap-container{background:#3052290d;border:1px solid #3052291a}[data-theme=light] .heatmap-cell{background:#0000000a;border:1px solid #00000005}[data-theme=light] .heatmap-cell:hover{border-color:#30522966}[data-theme=light] .heatmap-cell.today{outline:2px solid var(--accent-blue)}[data-theme=light] .streak-message{color:var(--primary-blue);background:#3052291a}[data-theme=light] .time-metric{background:#30522908;border:1px solid #3052291a}[data-theme=light] .time-value,[data-theme=light] .view-all-btn{color:var(--primary-blue)}[data-theme=light] .view-all-btn{border-color:#30522933}[data-theme=light] .view-all-btn:hover{border-color:var(--primary-blue);background:#3052290d}[data-theme=light] .time-range-btn:before{background:var(--glass-bg)}[data-theme=light] .time-range-btn.active{background:var(--light-blue);color:#fff;border:1px solid var(--glass-border)}[data-theme=light] .shape{background:radial-gradient(circle, var(--secondary-blue) 0%, transparent 70%);opacity:.15}