body{font-family:Outfit,sans-serif;height:100%;margin:0;padding:0}.board-container{margin:auto;max-width:580px;padding:50px 16px}.board-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:32px}.board-logo{flex-shrink:0;height:40px;width:40px}.board-title{border:none;font-size:40px;line-height:1.1}.board-title:focus{outline:none}.board-subtitle{color:#555;font-size:16px}.task-card{align-items:center;background-color:#e3e8ef;border-radius:16px;cursor:pointer;display:flex;padding:16px;transition:transform .15s ease}.task-card:hover{transform:scale(1.05)}.task-card-status{justify-content:space-between;margin-bottom:18px}.status-in-progress{background:#f5d565}.status-completed{background:#a0ecb1}.status-will-not-do{background:#f7d4d3}.task-left{display:flex;gap:16px}.task-icon{align-items:center;background-color:#fff;border-radius:12px;flex-shrink:0;font-size:22px;height:48px;width:48px}.task-icon,.task-text{display:flex;justify-content:center}.task-text{flex-direction:column;gap:5px;max-width:230px}.task-text h2{font-size:20px;font-weight:500;margin:0}.task-text p{font-size:16px;font-weight:300;line-height:1.5;margin:0}.add-icon,.task-status-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.status-in-progress-icon{background:#e9a23b}.status-completed-icon{background:#32d657}.status-will-not-do-icon{background:#dd524c}.task-card-add{background:#f5e8d5;gap:16px}.add-icon{background:#e9a23b}.task-card h3{font-size:18px;font-weight:500;margin:0}.drawer-overlay{background:#0000004d;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.task-drawer{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 0 24px #0003;display:flex;flex-direction:column;padding:8px 30px;width:520px}.drawer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.drawer-header h2{font-size:18px;font-weight:500}.close-btn{align-items:center;background-color:initial;border:1px solid #d1d5db;border-radius:12px;cursor:pointer;display:flex;height:38px;justify-content:center;width:38px}.drawer-content{display:flex;flex:1 1;flex-direction:column;gap:15px}.form-group label{color:#9ca3af;display:block;font-size:14px;margin-bottom:10px}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px 0 12px 10px;width:100%}.form-group textarea{height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:2px solid #3b82f6}.icon-picker{display:flex;gap:12px}.icon-picker button{background:#e5e7eb;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:8px 12px}.icon-picker button.active{background:#f5d565}.status-picker{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.status-card{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;justify-content:space-between;padding:5px}.status-card,.status-left{align-items:center;display:flex;gap:12px}.status-check{align-items:center;background-color:#3b82f6;border-radius:9999px;display:flex;height:20px;justify-content:center;width:20px}.status-card.active{border:2px solid #3b82f6}.status-card span{font-size:16px}.status-icon{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.status-card.in-progress .status-icon{background:#e9a23b}.status-card.completed .status-icon{background:#32d657}.status-card.wont-do .status-icon{background:#dd524c}.drawer-footer{display:flex;gap:12px;justify-content:flex-end}.footer-btn{align-items:center;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:10px 20px}.save-btn{background-color:#3b82f6}.save-btn:hover{background:#2563eb}.delete-btn{background-color:#9ca3af}.delete-btn:hover{background:#6b7280}.drawer-tooltip{animation:fadeInUp .2s ease;background-color:#fff;border:1px solid #2563eb;border-radius:10px;bottom:24px;box-shadow:0 10px 25px #00000026;font-size:14px;left:24px;max-width:260px;padding:10px 14px;position:fixed}.field-error{color:#dc2626}
/*# sourceMappingURL=main.40de2733.css.map*/