:root{--primary: #2b6cee;--primary-glow: rgba(43, 108, 238, .3);--work: #2b6cee;--personal: #a855f7;--health: #22c55e;--learning: #f59e0b;--work-rgb: 43, 108, 238;--personal-rgb: 168, 85, 247;--health-rgb: 34, 197, 94;--learning-rgb: 245, 158, 11;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--bg-glass: rgba(255, 255, 255, .05);--border-glass: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--radius-lg: 16px;--radius-md: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.glass-card{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem}.gradient-text{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--primary-glow)}.sidebar{width:280px;height:100vh;position:fixed;left:0;top:0;border-right:1px solid var(--border-glass);padding:2rem;display:flex;flex-direction:column;gap:2rem}.main-content{margin-left:280px;padding:2rem;max-width:1200px}.nav-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none}.nav-item.active{background:var(--bg-glass);color:var(--text-primary)}.progress-ring{transform:rotate(-90deg)}.category-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}