*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;color:#334155;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.nav{display:flex;gap:16px;margin-bottom:24px}.nav-btn{padding:8px 16px;border:none;border-radius:8px;background:#e2e8f0;color:#64748b;cursor:pointer;font-weight:500;transition:all .2s}.nav-btn.active{background:#3b82f6;color:#fff}.nav-btn:hover{background:#cbd5e1}.nav-btn.active:hover{background:#2563eb}.section{display:none;background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section.active{display:block}.section h2{margin-bottom:20px;color:#1e293b}.task-form{display:flex;gap:12px;margin-bottom:24px}.task-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.task-input:focus{outline:none;border-color:#3b82f6}.btn{padding:12px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.task-list{display:flex;flex-direction:column;gap:12px}.task-item{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #f1f5f9;border-radius:8px;transition:all .2s}.task-item:hover{border-color:#e2e8f0}.task-item.completed{background:#f0f9ff;border-color:#bae6fd}.task-checkbox{width:20px;height:20px;cursor:pointer}.task-text{flex:1;font-size:16px}.task-text.completed{text-decoration:line-through;color:#64748b}.delete-task-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;width:24px;height:24px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.delete-task-btn:hover{background:#dc2626}.task-name{flex:1;font-size:16px}.task-name.completed{text-decoration:line-through;color:#64748b}.task-actions{display:flex;gap:8px}.btn-small{padding:6px 12px;font-size:12px}.rating-section{margin-top:32px;padding-top:24px;border-top:2px solid #f1f5f9}.rating-input{display:flex;align-items:center;gap:16px;margin-bottom:16px}.rating-slider{flex:1;height:8px;border-radius:4px;background:#e2e8f0;outline:none;cursor:pointer}.rating-value{font-size:24px;font-weight:700;color:#3b82f6;min-width:60px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#f8fafc;padding:20px;border-radius:8px;text-align:center}.stat-value{font-size:32px;font-weight:700;color:#3b82f6;margin-bottom:8px}.stat-label{color:#64748b;font-size:14px}.loading{text-align:center;padding:40px;color:#64748b}.error{background:#fef2f2;color:#dc2626;padding:16px;border-radius:8px;margin-bottom:20px}.empty-state{text-align:center;padding:2rem;color:#666;font-style:italic;background:#f8f9fa;border-radius:8px;margin:1rem 0}@media (max-width: 768px){.container{padding:12px}.task-form{flex-direction:column}.stats-grid{grid-template-columns:1fr}}