*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f5f7;color:#1a1a1a}.container{max-width:640px;margin:0 auto;padding:32px 16px}h1{margin-bottom:24px}.add-form{display:flex;gap:8px;margin-bottom:24px}.add-form input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.add-form button{padding:8px 16px;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;font-size:14px}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.project-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:8px;border-left:4px solid #ccc;box-shadow:0 1px 2px #0000000d}.project-list li.status-todo{border-left-color:#f59e0b}.project-list li.status-in_progress{border-left-color:#3b82f6}.project-list li.status-done{border-left-color:#22c55e}.project-info{flex:1;min-width:0}.project-actions{display:flex;gap:8px;align-items:center}.project-actions select{padding:4px 6px;border-radius:6px;border:1px solid #ccc}.project-actions button{padding:4px 10px;border:none;border-radius:6px;background:#ef4444;color:#fff;cursor:pointer}