:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:#f6f8fc;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}#root,.app{min-height:100vh}.app>header{background:#fff;border-bottom:1px solid #e2e8f0;padding:24px 40px}.app>header h1{letter-spacing:-.8px;color:#111827;margin:0;font-size:30px;font-weight:750}.app>header p{color:#64748b;margin:4px 0 0;font-size:14px}main{width:min(1100px,100% - 40px);margin:0 auto;padding:40px 0 70px}.dashboard-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 24px;font-size:28px}.welcome-card{color:#fff;background:#1e293b;border-radius:16px;margin-bottom:24px;padding:28px}.welcome-card h3{margin:0 0 6px;font-size:21px}.welcome-card p{color:#cbd5e1;margin:0}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px}.stat-card h3{color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin:0 0 8px;font-size:13px;font-weight:600}.stat-card p{color:#0f172a;margin:0;font-size:32px;font-weight:700}.task-form-section,.task-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:26px}.task-form-section h2,.task-list-section h2{color:#0f172a;margin:0 0 22px;font-size:20px}.task-form{grid-template-columns:2fr 1.5fr 1fr 1fr auto;align-items:end;gap:14px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#475569;font-size:13px;font-weight:600}.form-group input,.form-group select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:42px;padding:0 12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.add-button{color:#fff;background:#4f46e5;border:0;border-radius:8px;height:42px;padding:0 18px;font-weight:600}.add-button:hover{background:#4338ca}.task-list{flex-direction:column;gap:12px;display:flex}.task-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:minmax(220px,2fr) 1.5fr 1fr auto auto;align-items:center;gap:18px;padding:18px;display:grid}.task-info h3{color:#0f172a;margin:0 0 5px;font-size:16px}.task-info p,.task-deadline{color:#64748b;margin:0;font-size:14px}.badges{flex-wrap:wrap;gap:7px;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.priority-low{color:#166534;background:#dcfce7}.priority-medium{color:#92400e;background:#fef3c7}.priority-high{color:#991b1b;background:#fee2e2}.status-not-started{color:#475569;background:#f1f5f9}.status-in-progress{color:#1d4ed8;background:#dbeafe}.status-done{color:#166534;background:#dcfce7}.task-actions{gap:8px;display:flex}.complete-button,.delete-button{border-radius:7px;padding:8px 12px;font-size:13px;font-weight:600}.complete-button{color:#fff;background:#4f46e5;border:0}.complete-button:hover{background:#4338ca}.delete-button{color:#64748b;background:#fff;border:1px solid #e2e8f0}.delete-button:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.task-item.completed{background:#f8fafc}.task-item.completed .task-info h3{color:#94a3b8;text-decoration:line-through}@media (width<=900px){.task-form{grid-template-columns:1fr 1fr}.task-item{grid-template-columns:1fr;gap:12px}}@media (width<=600px){.app>header{padding:20px}main{width:min(100% - 24px,1100px);padding-top:24px}.stats,.task-form{grid-template-columns:1fr}.add-button{width:100%}}.task-list-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.task-list-header h2{margin:0}.filters{background:#f1f5f9;border-radius:9px;gap:6px;padding:4px;display:flex}.filters button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:600}.filters button:hover{color:#0f172a}.filters .filter-active{color:#4f46e5;background:#fff;box-shadow:0 1px 3px #0000001a}.empty-message{color:#94a3b8;margin:10px 0;font-size:14px}@media (width<=600px){.task-list-header{flex-direction:column;align-items:flex-start}.filters{width:100%}.filters button{flex:1}}