:root{--primary-bg:#f8fafc;--card-bg:#ffffff;--accent:#6366f1;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--slate-700:#334155}body{background-color:var(--primary-bg);font-family:Inter,sans-serif}.glass-card{background:var(--card-bg);border-radius:20px;box-shadow:0 10px 15px -3px rgba(0,0,0,.05);padding:1.5rem;border:1px solid #e2e8f0;margin-bottom:1.5rem}.add-category-bar{background:#f1f5f9;padding:15px;border-radius:12px;display:flex;gap:10px;align-items:center;margin-bottom:20px}.time-grid{width:100%;border-collapse:separate;border-spacing:4px}.hour-input{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:5px;text-align:center;font-weight:600}.total-row{background:var(--slate-700);color:#fff}.total-row td{padding:12px;font-weight:700;text-align:center}.dot{height:12px;width:12px;border-radius:50%;display:inline-block;margin-right:8px}.metric-card{padding:1rem;border-radius:12px;background:#f1f5f9;text-align:center}.metric-value{font-size:1.4rem;font-weight:800;display:block}.chart-container{position:relative;width:100%;margin-top:10px}