.board{position:relative;width:300px;height:750px;margin:0 32px;background-color:#9acd32;border-radius:12px;padding:8px;display:flex;flex-direction:column}.board-title{width:100%;text-align:center;font-weight:600;font-size:24px}.tasks-style{flex-grow:1;overflow-y:auto;padding:8px}.card-style{position:relative;background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:10px;cursor:grab;display:flex;flex-direction:column}.add-card-style{position:absolute;bottom:8px;width:100%;text-align:center;cursor:pointer}.btn-add-card{background-color:#008cba;color:#fff;border-radius:5px;padding:8px 12px;font-size:14px;cursor:pointer}.btn-add-card:hover{background-color:#005f7a}.btn-delete-board{position:absolute;top:5px;right:5px;background:#000;color:#fff;border:none;padding:5px 10px;font-size:18px;cursor:pointer;border-radius:8px}.btn-delete-board:hover{background-color:#d14b38}.card-title-style{font-weight:600;width:175px;display:block;margin-bottom:8px}.btn-delete-card{background-color:transparent;color:#0ff;border:none;font-size:16px;cursor:pointer}.btn-delete-card:hover{color:#0ff}.btn-delete-task{position:absolute;top:5px;right:5px;background:none;border:none;cursor:pointer;font-size:16px;color:red}.btn-delete-task:hover{color:#8b0000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;width:300px;max-width:90%;border-radius:8px;box-shadow:0 4px 10px #0003;position:relative;text-align:center}.modal-close-btn{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:24px;cursor:pointer;color:#555}.modal-close-btn:hover{color:red}#app{height:100vh;padding-top:16px}#dashboard{margin-top:32px;display:flex;overflow-x:auto;padding:0 16px}#flex-scroll{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.btn-add-list{background-color:#7fffd4;padding:8px 16px;border-radius:5px;font-weight:700}.btn-add-list:hover{background-color:#5ed6b6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:azure;text-align:center;color:#2c3e50}button{cursor:pointer;border:none;padding:8px 16px;font-size:16px}input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}