html,body{height:100%;margin:0}.login-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#b0c4de;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.login-container{color:#fff;padding:5%;width:fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#007bff;border-radius:15px}.login-container h1{margin-bottom:20px}.login-container input{margin:5px 0;padding:8px;border:1px solid #fff;border-radius:5px}.login-container button{margin-top:10px;padding:5px 10px;background-color:#fff;border:none;border-radius:5px;color:#000;font-weight:700}.login-container button:hover{background-color:#0056b3;cursor:pointer}.auth-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#b0c4de;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.auth-container{background-color:#007bff;padding:40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;color:#fff}.auth-container input{margin:5px 0;padding:8px;border:1px solid #ccc;border-radius:5px}.auth-container button{margin-top:10px;padding:5px 10px;background-color:#fff;border:none;border-radius:5px;color:#000;font-weight:700}.board-bg{height:100vh;display:flex;flex-direction:column}.top-pane{height:fit-content;background:#333;color:#fff}.main-title{text-align:center;width:fit-content;float:left;height:fit-content;margin-left:3vw}.main-title p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:0;margin-top:5px;font-weight:700;font-size:2em}.user-pane{padding:3px;background-color:#0056b3;float:right;min-height:5vh;display:flex;justify-content:center;align-items:center}.user-name{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1em;font-weight:700}.user-pane-img{height:5vh;width:5vh}.logoutBtn{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1em;font-weight:700;height:fit-content}.middle-pane{flex:1;display:flex;min-height:0}.left-pane{width:15vw;background:#6495ed;display:flex;flex-direction:column}.left-pane h3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0056b3;color:#fff;height:5vh;display:flex;justify-content:center;align-items:center;margin:0}.board{background-color:#6495ed;overflow-y:scroll;display:grid;place-items:center}.board::-webkit-scrollbar{display:none}.board-item{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:10px;width:90%;height:10vh;min-height:fit-content;font-weight:700;border-radius:5px;background-color:#0056b3;overflow-wrap:break-word;word-break:break-word;white-space:normal;text-align:center}.board-item:hover{cursor:pointer}.board-item.selected{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;margin:10px;background-color:#87cefa;border-radius:5px}.board-item.selected p{color:#000}.board-item.selected input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:fit-content;text-align:center;margin:10px}.board-item input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:80%;margin-bottom:10px}.board-item button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:fit-content;margin:0;font-weight:700}.right-pane{flex:1;background:#b0c4de;white-space:nowrap;overflow-x:auto}.create-card{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;border-radius:10px;margin:1%;background-color:#0056b3;display:inline-block;height:10vh;width:10vw;min-width:fit-content;min-height:fit-content;text-align:center}.create-card input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:80%}.create-card textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:80%;margin:10px}.create-card button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:fit-content;font-weight:700}.card-item{border-radius:10px;overflow-y:scroll;margin-left:10px;margin-top:1%;background-color:#007bff;display:inline-block;vertical-align:top;height:fit-content;max-height:98%;width:20vw;text-align:center}.card-item::-webkit-scrollbar{display:none}.card-title{position:sticky;top:0;z-index:10;background-color:#0056b3;max-width:100%}.card-title p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;font-weight:700;font-size:1.2em;overflow-wrap:break-word;word-break:break-word;white-space:normal;margin:0}.card-title button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.task-item{border-radius:10px;margin:10px;background-color:#87cefa;height:fit-content}.task-item button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.task-item h3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-wrap:break-word;word-break:break-word;white-space:normal;margin:5px}.task-item p{margin:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-wrap:break-word;word-break:break-word;white-space:normal}.task-item input{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:fit-content;max-width:15vw}.task-item textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:98%}.icon-only-picker{width:fit-content;border:none;background:#fff;color:#000;cursor:pointer;border-radius:3px;margin:3px;padding:2px}.addTaskBtn{font-weight:700}.register{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#faebd7;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.register-container{padding:5%;width:fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:15px}.register-container input{margin:5px 0;padding:8px;border:1px solid #ccc;border-radius:5px}.register-container button{margin-top:10px;padding:5px 10px;background-color:#007bff;border:none;border-radius:5px;color:#fff}