*{margin:0;padding:0}.toast-custom{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3a3939e6;border-radius:999px;align-items:center;gap:10px;min-height:50px;font-size:14px;font-weight:500;transition:all .3s ease-in-out;display:flex;box-shadow:0 8px 20px #00000040;padding:12px 18px!important}.toast-custom:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 12px 25px #00000059}.Toastify__toast--success{background:linear-gradient(135deg,#00c8539b,#63dd178b)}.Toastify__toast--error{background:linear-gradient(135deg,#ff174593,#ff5252ae)}.hello{flex-direction:column;justify-content:center;align-items:center;display:flex}.contener-main{color:#fff;background:#0f172a;border-radius:0;justify-content:space-between;align-items:center;width:100%;height:50px;margin-right:20px;padding:10px;font-family:Segoe UI,sans-serif;display:flex}.contener-img{cursor:pointer;align-items:center;gap:2px;display:flex}.logo,.text{height:50px}.contener-user{text-align:center}.greating{color:#38bdf8;margin:0;font-size:18px;font-weight:500}.user{margin:0;font-size:22px;font-weight:600}.contener-name{align-items:center;gap:15px;display:flex}.name{font-size:16px;font-weight:500}.profile{color:#000;cursor:pointer;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .3s;display:flex}.profile:hover{background:#0ea5e9;transform:scale(1.1)}.contener-name{align-items:center;gap:15px;display:flex;position:relative}.profile-box{z-index:1000;background:#1e293b;border-radius:10px;width:140px;padding:10px;animation:.2s ease-in-out fadeIn;position:absolute;top:55px;right:0;box-shadow:0 8px 20px #0000004d}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;width:100%;padding:8px;font-weight:500;transition:all .3s}.logout-btn:hover{background:#dc2626;transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.footer{color:#e2e8f0;background:#020617;width:100%;margin-top:-30px;padding:25px 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:auto;display:flex}.footer-left h2{color:#38bdf8;margin-bottom:5px}.footer-left p{color:#94a3b8;font-size:14px}.footer-center h3{color:#22c55e;font-size:22px}.ampm{color:#64748b;margin-bottom:8px;font-size:12px}.time-info{color:#94a3b8;font-size:13px}.footer-right{text-align:right}.footer-right h3{color:#facc15}.footer-center{text-align:center}.footer-center .time-wrapper{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:8px;display:flex}.time-info{color:#94a3b8;white-space:nowrap;font-size:13px}@media (width<=768px){.footer-container{text-align:center;flex-direction:column;gap:15px}.footer-right{text-align:center}}.contener-note-body{gap:1px;width:100%;height:90vh;margin-top:1px;display:flex}.contener-note-slider{background:#0f172a;border-radius:10px;flex-direction:column;width:30%;height:85vh;display:flex;overflow:hidden}.contener-note-content{background:#0f172a;border:1px solid #343535;border-radius:10px;width:70%;height:85vh}.slider-button{gap:10px;padding:15px;display:flex}.silider-button-notes,.slider-button-signup{cursor:pointer;color:#fff;background:0 0;border:1px solid #0ff;border-radius:30px;flex:1;padding:10px;font-weight:600;transition:all .3s}.active{color:#0f172a;background:#0ff}.active span{color:#000}.silider-button-notes:hover,.slider-button-signup:hover{transform:scale(1.05)}.slider-add-notes{padding:0 15px}.slider-add-notes .slider-add-notes_btm{color:#0f172a;cursor:pointer;background:linear-gradient(45deg,#0ff,#0ff8);border:none;border-radius:40px;width:100%;padding:10px;font-weight:700;transition:all .3s}.slider-add-notes_btm1{color:#0f172a;cursor:pointer;background:linear-gradient(45deg,#0ff,#0ff8);border:none;border-radius:40px;width:95%;margin-bottom:5px;padding:10px;font-weight:700;transition:all .3s}.slider-add-notes .slider-add-notes_btm:hover,.slider-add-notes_btm1:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00ffff4d}.slider-notes-list{flex-direction:column;flex:1;min-height:0;padding:10px 15px;display:flex}.slider-note-main-notes{color:#0ff;margin-bottom:10px;font-size:18px;font-weight:600}.line{background-color:#00ffffae;border-radius:10px;width:100%;height:2px;margin-bottom:10px}.line1{background-color:#00ffffae;border-radius:10px;width:100%;height:3px;margin-top:10px;margin-bottom:10px}.all-notes-contener{flex:1;min-height:0;padding-right:5px;overflow-y:auto}.all-notes-contener::-webkit-scrollbar{width:1px}.all-notes-contener::-webkit-scrollbar-thumb{background:#0ff;border-radius:10px}.slider-note-ul{margin:0;padding:0;list-style:none}.slider-note-ls{cursor:pointer;color:#fff;background:#44484e;border:1px solid #0ff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 14px;transition:all .25s;display:flex;box-shadow:0 2px 6px #3f3c3c4e}.slider-note-ls:hover{background:#0ff2;transform:translate(3px)}.slider-note-spam{color:#e2e8f0;word-break:break-word;font-size:14px;font-weight:500}.slider-note-spem1{color:#0ff;border-radius:6px;padding:5px;font-size:18px;transition:all .2s}.slider-note-spem1:hover{color:#fff;background:#00ffff26}.slider-note-not{color:#94a3b8;text-align:center;margin-top:20px;font-size:14px}.popup-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-box{text-align:center;background:#0f172a;border:1px solid #0ff;border-radius:20px;width:350px;padding:20px;animation:.3s popupFade}.popup-box .popup_box_data{color:#fff;background:0 0;border:1px solid #0ff;border-radius:10px;outline:none;width:90%;margin:15px 0;padding:10px}.popup_box_data option{color:#fff;background-color:#0f172a;padding:10px}.popup_box_data option:hover{color:#000;background-color:#0ff}.popup_heder{color:#fff}.popup-buttons{gap:10px;display:flex}.popup-buttons button{color:#fff;cursor:pointer;background:0 0;border:1px solid #0ff;border-radius:10px;flex:1;padding:10px;transition:all .3s}.popup-buttons button:hover{color:#0f172a;background:#0ff}@keyframes popupFade{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.note-textarea{resize:none;color:#fff;background:0 0;border:none;outline:none;width:100%;height:100%;padding:20px;font-size:16px}.no-note{color:gray;text-align:center;margin-top:50px}.contener-note-content-input{border-radius:40px;flex-direction:column;width:100%;height:100%;margin:0;display:flex}.editor-container{flex-direction:column;gap:5px;height:100%;display:flex}.editor-textarea{color:#e2e8f0;resize:none;scrollbar-width:none;background:#020617;border:1px solid #0ff3;border-radius:15px;outline:none;flex:1;width:95%;margin-bottom:10px;margin-left:10px;margin-right:10px;padding:15px;font-size:15px;transition:all .3s;overflow:scroll}.editor-textarea::-webkit-scrollbar{display:none}.editor-textarea:focus{border:1px solid #0ff8;box-shadow:0 0 5px #00ffff4d}.save-btn-div{justify-content:center;align-self:flex-end;margin-right:15px;display:flex}.delete_notes{color:#0f172a;cursor:pointer;background:linear-gradient(45deg,#0ff,#0ff8);border:none;border-radius:25px;padding:0 30px;font-weight:700;transition:all .3s}.delete_notes:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0ff6}.save-btn{color:#0f172a;cursor:pointer;background:linear-gradient(45deg,#0ff,#0ff8);border:none;border-radius:25px;padding:10px 20px;font-weight:700;transition:all .3s}.save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0ff6}.empty-editor{justify-content:center;align-items:center;height:100%;display:flex}.empty-editor p{color:#64748b;border:1px dashed #0ff3;border-radius:20px;padding:20px 30px;font-size:16px}.show_time_main{flex-direction:column;align-items:center;gap:5px;margin-top:5px;display:flex}.show_time{color:#b6b0b0;justify-content:space-between;width:95%;height:30px;display:flex}.delete_note_text{color:#fff;margin-bottom:30px}.loader{text-align:center;color:#555;padding:20px;font-size:16px;font-weight:500}.spinner{border:4px solid #ccc;border-top-color:#000;border-radius:50%;width:30px;height:30px;margin:20px auto;animation:1s linear infinite spin}.scrolbar_web{scrollbar-width:none;overflow:scroll}@keyframes spin{to{transform:rotate(360deg)}}.priority-low{color:#155724;background-color:#d4edda}.priority-medium{color:#856404;background-color:#fff3cd}.priority-high{color:#721c24;background-color:#f8d7da}.task-content-wrapper{padding:20px}.task-title{margin-bottom:15px;font-size:24px;font-weight:600}.todo-input-wrapper{gap:10px;margin-bottom:15px;display:flex}.todo-input{border:1px solid #ccc;border-radius:8px;flex:1;padding:10px;font-size:14px}.todo-add-btn{border-radius:8px;padding:10px 14px}.todo-list-wrapper{flex-direction:column;gap:10px;display:flex}.todo-row{background:#f9f9f9;border-radius:10px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.todo-row:hover{background:#f1f1f1}.todo-checkbox{cursor:pointer;width:18px;height:18px}.todo-text{background:0 0;border:none;outline:none;flex:1;font-size:15px}.completed{color:gray;text-decoration:line-through}.important{background:#fff4e5;border-left:4px solid orange}.todo-star-btn{cursor:pointer;background:0 0;border:none;font-size:18px}.no-task-text{text-align:center;color:gray;margin-top:50px}.todo-text{background:0 0;border:none;outline:none;flex:1;font-size:15px;transition:all .2s}.completed{color:gray;opacity:.6;text-decoration:line-through}.todo-row.completed-row{background:#f3f3f3}.todo-date{color:gray;font-size:12px}.completed-time{color:green;font-weight:500}.nav{justify-content:center;display:flex}.nav1{text-align:center;background-color:#0f172aea;border-radius:40px;width:95%;height:70px;margin:10px}.nav1 h1{text-transform:uppercase;color:#faebd7;margin-top:15px}.container-main{justify-content:center;align-items:center;height:85vh;margin-top:0;display:flex}.container{background:#0f172a;border-radius:30px;width:95%;height:450px;display:flex;overflow:hidden}.container-left{background:#1620365d;justify-content:center;align-items:center;width:50%;display:flex}.image-box{justify-content:center;align-items:center;width:100%;display:flex}.lottie{width:90%;max-width:400px}.container-right{color:#fff;flex-direction:column;justify-content:center;width:50%;padding:40px;display:flex}.form-group{flex-direction:column;margin-bottom:15px;display:flex}.form-group label{margin-bottom:5px;font-size:14px}.form-group input{color:#fff;background:#1e293b;border:none;border-radius:8px;outline:none;padding:10px}.hi{position:relative}.input_btm{color:#cbd5f5;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:none;border-radius:20px;outline:none;padding:4px 10px;font-size:13px;font-weight:500;transition:all .25s;position:absolute;top:65%;right:10px;transform:translateY(-50%)}.input_btm:hover{color:#fff;background:#ffffff26}.input_btm:active{transform:translateY(-50%)scale(.9)}.button-group{flex-direction:column;justify-content:center;align-items:center;display:flex}.link{color:#f0f8ff;text-align:center;text-decoration:none}.btm_pro{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0c0529,#111849,#02012f);border:none;border-radius:10px;width:150px;height:50px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btm_pro:hover{transform:translateY(-2px);box-shadow:1px 8px 20px #4d4c4c4d}.btm_pro:active{transform:scale(.85)}