.notes-page .search{display:flex;align-items:center;justify-content:center;gap:5px}.notes-page .search input{width:300px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none}.notes-page .search input:focus{border-color:#648bd3;box-shadow:0 0 5px #648bd3}.notes-page .search button{border-radius:7px;height:35px;font-size:16px;border:0px;color:#fff;background-color:#2f6cdf}.notes-page .search button:hover{cursor:pointer;transform:scale(1.05)}.notes-page .search .clear{background-color:#da4747}.notes-page .floating-btn{position:fixed;bottom:30px;right:30px;font-size:16px;cursor:pointer}.notes-page .notes{margin-top:15px}.notes-page .notes .note-card{background:#fdfdfd;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:15px;margin:20px;width:100%;max-width:400px}.notes-page .notes .note-card:hover{box-shadow:0 6px 12px #0000001a}.notes-page .notes .note-card .note-header{background:#f7f7f7;padding:15px;border-bottom:1px solid #e0e0e0;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.notes-page .notes .note-card .note-header h3{margin:0;font-size:1.2rem;color:#333}.notes-page .notes .note-card .note-header .note-date{font-size:.85rem;color:#888}.notes-page .notes .note-card .note-body div{margin:0}.notes-page .notes .note-card .note-body div p{white-space:pre-wrap;word-wrap:break-word}.notes-page .notes .note-card .note-footer{background:#fafafa;padding:15px;border-top:1px solid #e0e0e0;border-radius:0 0 10px 10px;display:flex;justify-content:space-between;gap:10px}.notes-page .notes .note-card .note-footer .edit-btn,.notes-page .notes .note-card .note-footer .delete-btn{padding:5px 10px;border:none;border-radius:5px;font-size:.9rem;cursor:pointer;color:#fff;transition:background .3s}.notes-page .notes .note-card .note-footer .edit-btn:hover,.notes-page .notes .note-card .note-footer .delete-btn:hover{filter:brightness(1.1)}.notes-page .notes .note-card .note-footer .edit-btn{background:#4caf50}.notes-page .notes .note-card .note-footer .edit-btn:hover{background:#3e8e41}.notes-page .notes .note-card .note-footer .delete-btn{background:#f44336}.notes-page .notes .note-card .note-footer .delete-btn:hover{background:#d32f2f}.notes-page .empty-notes{text-align:center;margin-top:40px;font-size:24px}.setting{display:flex}.tiptap{outline:none;height:100vh;background-color:#f0f8ff;border-radius:10px;margin-top:10px;padding:10px}.tiptap :first-child{margin-top:0}.tiptap ul,.tiptap ol{padding:0 1rem;margin:1.25rem 1rem 1.25rem .4rem}.tiptap ul li p,.tiptap ol li p{margin-top:.25em;margin-bottom:.25em}.tiptap h1,.tiptap h2,.tiptap h3,.tiptap h4,.tiptap h5,.tiptap h6{line-height:1.1;margin-top:10px;text-wrap:pretty}.tiptap h1,.tiptap h2{margin-top:25px;margin-bottom:20px}.tiptap h1{font-size:1.4rem}.tiptap h2{font-size:1.2rem}.tiptap h3{font-size:1.1rem}.tiptap h4,.tiptap h5,.tiptap h6{font-size:1rem}.tiptap pre{background:#383838;border-radius:10px;font-family:JetBrainsMono,monospace;padding:14px}.tiptap pre code{background:none;color:#fff;font-size:15px;padding:0}.buttons{display:flex;justify-content:space-between;align-items:center}.buttons .note-title-btn{font-size:26px;font-weight:800}.buttons .note-title-btn:hover{color:#326ed5;cursor:pointer}.buttons .save-note{font-size:20px;border-radius:7px;height:35px;border:0px;color:#fff;background-color:#326ed5}.buttons .save-note:hover{cursor:pointer;transform:scale(1.05)}.control-group button{margin:3px;border-radius:5px;border:transparent;padding:7px;background-color:#e9edf1;font-size:16px}.control-group button:hover{cursor:pointer}.control-group .is-active{color:#fff;background-color:#2f6cdf}.register{display:flex;justify-content:center;align-items:center;height:80vh}.register p{font-size:22px;font-weight:800;margin-bottom:0;margin-top:0}.register input{width:300px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none}.register input:focus{border-color:#648bd3;box-shadow:0 0 5px #648bd3}.register button{width:300px;height:35px;font-size:16px;border:0px;color:#fff;background-color:#2f6cdf}.register button:hover{cursor:pointer;transform:scale(1.05)}.register .links{text-decoration:none}.register .login{background-color:#fff;color:#648bd3;border:solid 1px rgb(47,108,223)}.register .register-card{height:400px;width:370px;background-color:#f0f8ff;display:flex;justify-content:center;flex-direction:column;gap:23px;align-items:center;border:.5px solid;border-radius:15px}.login{display:flex;justify-content:center;align-items:center;height:80vh}.login .init-btn{width:200px;height:110px;display:flex;justify-content:center;align-items:center;margin:auto;background-color:#2298d7;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;cursor:pointer;outline:none;transition:all .3s ease}.login .init-btn:hover{background-color:#00a7cc;transform:translateY(-4px)}.login p{font-size:22px;font-weight:800;margin-bottom:0;margin-top:0}.login input{width:300px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none}.login input:focus{border-color:#648bd3;box-shadow:0 0 5px #648bd3}.login button{width:300px;height:35px;font-size:16px;border:0px;color:#fff;background-color:#2f6cdf}.login button:hover{cursor:pointer;transform:scale(1.05)}.login .links{text-decoration:none}.login .register{background-color:#fff;color:#648bd3;border:solid 1px rgb(47,108,223)}.login .login-card{height:400px;width:370px;background-color:#f0f8ff;display:flex;justify-content:center;flex-direction:column;gap:23px;align-items:center;border:.5px solid;border-radius:15px}.profile .profile-photo{border:1px solid;margin-bottom:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:430px;background-color:#f0f8ff;background-size:cover;background-position:center;position:relative}.profile .profile-photo img{width:160px;height:160px;cursor:pointer}.profile .profile-photo p{font-size:24px;font-weight:800;margin-top:5px;margin-bottom:0}.profile .profile-photo .email{font-size:18px;font-weight:400}.profile .profile-info{display:flex;gap:5px;justify-content:center;align-items:center}.profile .profile-info .info-1,.profile .profile-info .info-2{width:100%}.profile .profile-info table{border-collapse:collapse;border:1px solid rgb(121,121,121);font-family:sans-serif;font-size:.8rem;letter-spacing:1px;width:100%}.profile .profile-info table tbody .table-caption{font-size:18px;background-color:#4c8acc;text-align:center}.profile .profile-info table tbody tr:nth-child(odd){background-color:#f0f8ff}.profile .profile-info table tbody th{display:flex;padding:5px;font-size:16px;justify-content:left;font-weight:400}.profile .profile-info table tbody td{padding:5px;font-size:16px;font-weight:500}.profile .buttons_{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:5px}.profile .buttons_ button{font-size:16px;padding:6px;border:1px solid;color:#fff;background-color:#2f6cdf}.profile .buttons_ button:hover{cursor:pointer;background-color:#6d87ec}.profile .buttons_ .logout{background-color:#b91d1d}.profile .buttons_ .logout:hover{background-color:#d85454}.edit-profile div{margin-bottom:20px}.edit-profile div p{size:20px;margin-bottom:5px}.edit-profile div input{width:300px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none}.edit-profile div input:focus{border-color:green;box-shadow:0 0 5px green}.edit-profile div .dropdown{width:300px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px}.edit-profile div button{width:300px;height:35px;font-size:16px;border:0px;color:#fff;font-weight:200;background-color:#648bd3}.edit-profile div button:hover{cursor:pointer;transform:scale(1.05)}.edit-profile-img .select-file{display:flex;gap:5px}.edit-profile-img .select-file div{border:1px solid;padding:2px;width:200px;font-size:14px}.logs table{border-collapse:collapse;border:1px solid rgb(121,121,121);font-family:sans-serif;font-size:.8rem;letter-spacing:1px;width:100%}.logs table .caption-row{font-size:20px;background-color:#4c8acc;text-align:center}.logs table .caption-row th{color:#f0f8ff;padding:5px;border-left:1px solid rgb(201,222,226);border-right:1px solid rgb(201,222,226)}.logs table .data-row:nth-child(odd){background-color:#f0f8ff}.logs table td{padding:5px;font-size:18px;font-weight:500;border-left:1px solid rgb(201,222,226);border-right:1px solid rgb(201,222,226)}.logs table .userName,.logs table .logType{text-align:center}.reset-password{display:flex;justify-content:center;align-items:center;height:80vh}.reset-password p{font-size:22px;font-weight:800;margin-bottom:0;margin-top:0}.reset-password input{width:300px;height:35px;padding-left:7px;border:1px solid;border-radius:5px;font-size:16px;outline:none}.reset-password input:focus{border-color:#648bd3;box-shadow:0 0 5px #648bd3}.reset-password button{width:300px;height:35px;font-size:16px;border:0px;color:#fff;background-color:#2f6cdf}.reset-password button:hover{cursor:pointer;transform:scale(1.05)}.reset-password .links{text-decoration:none}.reset-password .register{background-color:#fff;color:#648bd3;border:solid 1px rgb(47,108,223)}.reset-password .card{height:400px;width:370px;background-color:#f0f8ff;display:flex;justify-content:center;flex-direction:column;gap:23px;align-items:center;border:.5px solid;border-radius:15px}.drawing-page{display:flex;align-items:center;height:80vh;justify-content:center}.drawing-page .init-btn{width:200px;height:100px;z-index:999;position:fixed;display:flex;justify-content:center;align-items:center;margin:auto;background-color:#2298d7;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;cursor:pointer;outline:none;transition:all .3s ease}.drawing-page .init-btn:hover{background-color:#00a7cc;transform:translateY(-4px)}.drawing-page .canvas-setting{position:fixed;bottom:5px;right:10px}.drawing-page .board-save{position:fixed;right:20px;bottom:60px;border-radius:7px;font-size:19px;text-align:center;padding:10px;border:0px;color:#fff;background-color:#2f6cdf}.drawing-page .board-save:hover{cursor:pointer;transform:scale(1.05)}.drawing-page .tools-bar{display:flex;flex-direction:column;padding:6px;background-color:#b1b9c1;gap:5px;border-radius:6px;position:fixed;top:40%;right:20px}.drawing-page .tools-bar button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;cursor:pointer}.drawing-page .tools-bar .toggle-btn.active{background-color:#4376a8;color:#fff}.drawing-page .tools-bar .toggle-btn.inactive{background-color:#b1b9c1;color:#000}.settings{position:fixed;top:200px;right:10px;background-color:#c6def3;width:100px;height:65px;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid}.settings input{height:35px;width:100%;background-color:#c6def3;border:transparent;cursor:pointer}