body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{color:#fff;min-height:100vh}.app,.header{background-color:#142c36}.header{padding:16px;position:sticky;text-align:center;top:0;z-index:10}.header h1{color:#fff;font-size:30px;font-weight:600;margin:0}.main-container{display:flex;gap:24px;min-height:calc(100vh - 64px);padding:24px}.form-container{align-self:flex-start;background:#183d4a;border:2px solid #124c60;flex-shrink:0;height:fit-content;padding:15px;position:sticky;top:90px;width:320px}.task-form{gap:16px}.form-group,.task-form{display:flex;flex-direction:column}.form-group label{color:#19d1ed;font-size:16px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#12272e;border:0;border-radius:6px;color:#fff;font-size:14px;outline:0!important;padding:8px 12px;width:100%}.form-group input[type=date]{color:#fff}.form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06b6d4;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{height:80px;resize:none}.form-group select option{color:#fff}.radio-group{display:flex;gap:16px;margin-top:4px}.radio-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px}.radio-label input[type=radio]{margin:0;width:auto}.form-buttons{display:flex;gap:8px;justify-content:end;padding-top:8px}.btn-primary{background-color:#00b8ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-primary:hover{background-color:#0891b2}.btn-secondary{background-color:#475569;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-secondary:hover{background-color:#334155}.btn-cancel{background-color:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-cancel:hover{background-color:#b91c1c}.columns-container{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(3,1fr)}.task-column{background-color:#183d4a;border:2px solid #124c60;border-radius:8px;height:fit-content;padding:16px}.column-header{margin-bottom:10px;text-align:center}.column-header h3{color:#19d1ed;font-size:18px;font-weight:600}.tasks-list{display:flex;flex-direction:column;gap:12px}.empty-state{color:#94a3b8;font-size:14px;padding:32px 0;text-align:center}.task-card{background-color:#12272e;border:1px solid #475569;border-radius:6px;padding:12px}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.task-header h4{color:#fff;flex:1 1;font-size:16px;font-weight:500;margin:0}.edit-btn{background:none;border:0;cursor:pointer;font-size:14px;outline:none;padding:4px}.edit-btn:hover{color:#f97316}.task-details{color:#cbd5e1;display:flex;flex-direction:column;font-size:14px;gap:4px;margin-bottom:12px}.task-heading{color:#82cae1}.task-description{background:#213940;line-height:1.4;margin-top:8px;padding:5px 10px}.custom-hr{background-color:#006280;border:none;height:1px;margin-bottom:10px}.btn-task{display:flex;justify-content:end}.task-action-btn:hover{background-color:#0891b2}.custom-date-input{background:#12272e;border:none;border-radius:4px;color:#fff;padding:8px;width:100%}.react-datepicker__input-container input{color:#fff}.react-datepicker__input-container input::placeholder{color:#aaa}@media (max-width:1024px){.main-container{flex-direction:column}.form-container{align-self:auto;position:static;top:auto;width:100%}.columns-container{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.main-container{gap:16px;padding:16px}.form-container{align-self:auto;position:static;top:auto}.header{padding:12px}.header h1{font-size:18px}}
/*# sourceMappingURL=main.66252c76.css.map*/