*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f8f9fb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page{min-height:100vh}.header{background:#fff;border-bottom:1px solid #e5e5e5;padding:20px 32px}.header h1{font-size:20px;font-weight:600}.content{max-width:700px;margin:0 auto;padding:32px}.add-form{gap:8px;margin-bottom:16px;display:flex}.input{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px 14px;font-size:14px}.input:focus{border-color:#667eea;outline:none}.add-form .input:first-child{flex:2}.add-form .input:nth-child(2){flex:1.5}.btn-add,.btn-save,.btn-cancel{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500}.btn-add{color:#fff;background:#1a1a1a}.btn-add:hover{background:#333}.btn-save{color:#fff;background:#059669}.btn-save:hover{background:#047857}.btn-cancel{color:#1a1a1a;background:#e5e5e5}.btn-cancel:hover{background:#d1d1d1}.table{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.thead{color:#666;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #e5e5e5;grid-template-columns:24px 1fr 1fr auto;padding:12px 20px;font-size:12px;font-weight:500;display:grid}.project-row{cursor:pointer;border-bottom:1px solid #f0f0f0;grid-template-columns:24px 1fr 1fr auto;align-items:center;padding:12px 20px;display:grid}.project-row:hover{background:#fafafa}.cell-toggle{cursor:pointer;color:#999;width:20px;font-size:10px}.cell-name{font-weight:500}.cell-desc{color:#666;font-size:13px}.actions{gap:4px;display:flex}.btn-edit,.btn-remove{color:#666;cursor:pointer;background:0 0;border:1px solid #e5e5e5;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.btn-edit:hover,.btn-edit.active{color:#667eea;background:#e0e7ff;border-color:#667eea}.btn-remove:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.tasks-container{background:#fafafa;border-bottom:1px solid #f0f0f0;padding:4px 20px 12px}.task-row{color:#666;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;display:flex}.task-row-left{flex:1;align-items:center;gap:8px;display:flex}.task-row-right{align-items:center;gap:8px;display:flex}.task-name{color:#444;cursor:text}.input-task-edit{border:1px solid #667eea;border-radius:4px;flex:1;padding:4px 8px;font-size:13px}.task-status{border-radius:12px;padding:2px 8px;font-size:14px}.task-status.clickable{cursor:pointer;transition:filter .15s}.task-status.clickable:hover{filter:brightness(.95)}.btn-delete-task{color:#999;cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:14px}.btn-delete-task:hover{color:#dc2626}.btn-add-task{color:#9ca3af;cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:12px;text-decoration:underline}.btn-add-task:hover{color:#667eea}.add-task-form{gap:8px;margin-top:8px;display:flex}.input-task{border:1px solid #e5e5e5;border-radius:6px;flex:1;padding:6px 10px;font-size:13px}.input-task:focus{border-color:#667eea;outline:none}.btn-save-task,.btn-cancel-task{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px}.btn-save-task{color:#fff;background:#1a1a1a}.btn-cancel-task{color:#666;background:#e5e5e5}