.app{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#12121a)}.app-header{padding:40px 20px;background:linear-gradient(180deg,rgba(55,118,171,.1) 0%,transparent 100%);border-bottom:1px solid var(--border)}.header-content{max-width:1200px;margin:0 auto}.app-header h1{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fff,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{color:var(--text-secondary);margin-top:8px;font-size:1.1rem}.app-main{max-width:1200px;margin:0 auto;padding:30px 20px}.dashboard-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}.track-card{background:var(--bg-card);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid var(--border);box-shadow:0 4px 24px #0000004d}.track-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.track-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.track-info{flex:1}.track-info h3{font-size:1.25rem;font-weight:600}.track-info p{color:var(--text-secondary);font-size:.9rem}.track-progress .progress-text{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.progress-container{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden;margin-bottom:20px}.progress-bar{height:100%;border-radius:4px;transition:width 1s ease}.track-stats{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.today-section{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:16px}.today-header{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.today-section h4{font-size:1.1rem;margin-bottom:8px}.today-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.code-block{background:#0d1117;border-radius:10px;overflow:hidden;margin-bottom:16px;border:1px solid #30363d}.code-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#161b22;border-bottom:1px solid #30363d}.code-lang{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.code-dots{display:flex;gap:6px}.code-dots span{width:10px;height:10px;border-radius:50%;background:#ff5f56}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#27ca40}.code-content{padding:16px;font-size:.85rem;line-height:1.6;color:#e6edf3;overflow-x:auto;white-space:pre-wrap}.exercise-box{background:linear-gradient(135deg,#3776ab1a,#ff6b6b1a);border-radius:8px;padding:16px;border-left:3px solid var(--accent-python)}.exercise-label{font-weight:600;color:var(--accent-python);font-size:.85rem}.exercise-box p{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.expand-btn{width:100%;padding:12px;background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;transition:all .2s}.expand-btn:hover{background:var(--border);color:var(--text-primary)}.expand-btn .rotate{transform:rotate(90deg)}.timeline{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.timeline-item{display:flex;align-items:center;gap:12px;padding:10px 0;opacity:.6}.timeline-item.done{opacity:1}.timeline-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-content{display:flex;flex-direction:column}.timeline-day{font-size:.75rem;color:var(--text-muted)}.timeline-title{font-size:.9rem;color:var(--text-secondary)}.timeline-item.done .timeline-title{color:var(--text-primary)}.sidebar{display:flex;flex-direction:column;gap:20px}.streak-calendar,.summary-card,.next-steps{background:var(--bg-card);border-radius:16px;padding:20px;border:1px solid var(--border)}.streak-calendar h3,.summary-card h3,.next-steps h3{display:flex;align-items:center;gap:8px;font-size:1rem;margin-bottom:16px;color:var(--text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px}.calendar-day{aspect-ratio:1;border-radius:4px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center}.calendar-day.active{background:linear-gradient(135deg,#ff6b6b,#feca57);box-shadow:0 0 10px #ff6b6b66}.streak-text{text-align:center;color:var(--text-secondary);font-size:.85rem}.summary-stat{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--border)}.summary-stat:last-child{border-bottom:none}.summary-number{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fff,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-label{color:var(--text-secondary);font-size:.85rem}.next-steps ul{list-style:none}.next-steps li{color:var(--text-secondary);font-size:.9rem;padding:8px 0 8px 20px;position:relative}.next-steps li:before{content:"→";position:absolute;left:0;color:var(--accent-success)}.app-footer{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:.85rem}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a25;--bg-hover: #252535;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #606070;--accent-python: #3776ab;--accent-math: #ff6b6b;--accent-success: #4ade80;--accent-warning: #fbbf24;--border: #2a2a3a;--gradient-python: linear-gradient(135deg, #3776ab 0%, #ffd43b 100%);--gradient-math: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}.code-font{font-family:JetBrains Mono,monospace}