@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-sidebar: #f6f8fa;--bg-hover: #eef1f5;--text-primary: #1e1e1e;--text-secondary: #6e7681;--border-color: #e1e4e8;--accent-color: #3b82f6;--accent-hover: #2563eb;--accent-light: #eff6ff;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--gray-200: #e5e7eb;--badge-blue-bg: #e0f2fe;--badge-blue-text: #0284c7;--badge-orange-bg: #ffedd5;--badge-orange-text: #ea580c;--badge-purple-bg: #f3e8ff;--badge-purple-text: #9333ea;--streak-bg: linear-gradient(135deg, #fdf4ff 0%, #fae8ff 100%);--streak-border: #f3e8ff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;font-family:Inter,system-ui,-apple-system,sans-serif}[data-theme=dark]{--bg-primary: #0d1117;--bg-sidebar: #161b22;--bg-hover: #21262d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--border-color: #30363d;--accent-color: #58a6ff;--accent-hover: #79c0ff;--accent-light: #1f3a5f;--success-color: #2ea043;--danger-color: #f85149;--warning-color: #d29922;--gray-200: #30363d;--badge-blue-bg: #0c2d48;--badge-blue-text: #7dd3fc;--badge-orange-bg: #4c1d0f;--badge-orange-text: #fdba74;--badge-purple-bg: #3b1c5a;--badge-purple-text: #d8b4fe;--streak-bg: linear-gradient(135deg, #3b1c5a 0%, #2a0a4a 100%);--streak-border: #4c1d0f;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem 1rem}.sidebar h1{font-size:1.125rem;font-weight:600;margin-bottom:2rem;padding-left:.75rem;display:flex;align-items:center;gap:.5rem}.nav-menu{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-light);color:var(--accent-color)}.main-content{flex:1;overflow-y:auto;padding:3rem 4rem;background-color:var(--bg-primary)}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-secondary);font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin:.5rem 0}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.task-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.task-list-title{font-weight:600;font-size:1.125rem}.task-list{display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;align-items:center;padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer;background-color:var(--bg-primary)}.task-item:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.task-checkbox{width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid var(--border-color);margin-right:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.task-item.completed .task-checkbox{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.task-content{flex:1}.task-title{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:.1rem}.task-item.completed .task-title{text-decoration:line-through;color:var(--text-secondary)}.task-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-secondary)}.badge{padding:.1rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600}.badge.blue{background:var(--badge-blue-bg);color:var(--badge-blue-text)}.badge.orange{background:var(--badge-orange-bg);color:var(--badge-orange-text)}.badge.purple{background:var(--badge-purple-bg);color:var(--badge-purple-text)}.avatars{display:flex;align-items:center}.avatar{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid white;margin-left:-.5rem;background-color:var(--gray-200);background-size:cover;background-position:center}.avatar:first-child{margin-left:0}.chart-container{width:100%;height:200px}