.sidebar{background:#010f1f;border-right:1px solid #ffffff0d;flex-direction:column;min-height:100vh;padding:24px;display:flex;position:relative}.tpt{margin-top:20px}.help{margin-top:auto;padding-top:20px}.help>a{margin-bottom:10px;padding:15px 25px}.nav-link{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px;font-family:inherit;font-size:1rem;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover,.nav-link.active{color:#22c55e;background:#22c55e1a}.dashboard-navbar{background:var(--bg-deep);border-bottom:1px solid #ffffff0d}.dashboard-content{flex:1}.task-card{background:var(--bg-card);border:1px solid #ffffff0d;border-left:4px solid #22c55e;border-radius:8px;margin-bottom:16px;margin-left:10px;padding:20px;overflow:hidden}.description{overflow-wrap:anywhere;word-break:break-word;white-space:normal}#dot{cursor:pointer}.neon-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;font-weight:800}.neon-border{border:1px solid #22c55e59;transition:all .3s;box-shadow:0 0 15px #22c55e26}.neon-border:focus-within{box-shadow:0 0 20px var(--glow-green);border-color:#22c55e}.smallest{font-size:.7rem}.badge-neon{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e}.form-control{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 14px}select:focus{box-shadow:0 0 10px var(--glow-green);border-color:#22c55e}select option{color:#fff;background:#111}.modal-content.task-modal{color:#fff;background:#111;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 0 60px #00ff9614}.modal-header{padding:25px 30px 10px}.modal-body{padding:10px 30px}.modal-footer{padding:20px 30px 30px}.heading{color:#42d37c;letter-spacing:1px;margin-bottom:8px;font-size:14px;font-weight:700}.input-group{position:relative}.input-group span{position:absolute;top:15px;left:10px}.input-group input{background:0 0}.input-group-text{color:#fff;background:#1a1a1a;border:1px solid #2b2b2b}.form-input,.form-textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:60%;padding:12px 45px}.form-textarea{width:90%;height:auto}.form-input:focus,.form-textarea:focus{color:#fff;box-shadow:0 0 10px var(--glow-green);background:#ffffff14;border-color:#22c55e;transition:all .8s}.btn-close{opacity:1}.priority{border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700}.high{color:#f66;background:#2b1515;border:1px solid #5b2a2a}.mid{color:#ffc14d;background:#31240f;border:1px solid #70501a}.low{color:#69a7ff;background:#13233b;border:1px solid #284a83}select>.priority:hover{transform:translateY(-2px)}.create-btn{color:#111;background:#45e487;border:none;border-radius:10px;height:52px;font-weight:700;transition:all .3s}.create-btn:hover{background:#39d57a;transform:translateY(-2px);box-shadow:0 0 20px #45e48759}@media (width<=767.98px){#sidebarOffcanvas.offcanvas-md{border-right:1px solid #ffffff1a;flex-direction:column!important;width:245px!important;max-width:80vw!important;height:100vh!important;margin:0!important;padding:20px 10px!important;transition:transform .3s ease-in-out!important;display:flex!important;position:fixed!important;inset:0 auto 0 0!important;overflow-y:auto!important;transform:translate(-100%)!important}#sidebarOffcanvas.offcanvas-md.show{transform:translate(0)!important}#sidebarOffcanvas.offcanvas-md.showing,#sidebarOffcanvas.offcanvas-md.hiding{transform:translate(-100%)}#sidebarOffcanvas.offcanvas-md.show.showing{transform:translate(0)}.help{padding-top:20px;margin-top:auto!important;position:relative!important;bottom:50px!important;left:auto!important;right:auto!important}.form-input,.form-textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:90%;padding:12px 45px}.form-textarea{width:100%;height:auto}}.neon-modal-overlay{z-index:99999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.neon-modal{color:#fff;background:#111;border:1px solid #ffffff14;border-radius:18px;width:100%;max-width:720px;overflow:hidden;box-shadow:0 0 60px #00ff9614}.neon-modal-header{justify-content:space-between;align-items:center;padding:25px 30px 15px;display:flex}.neon-modal-header h5{margin:0;font-size:18px;font-weight:700}.neon-modal-header h5 i{color:#22c55e;margin-right:10px}.neon-modal-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;width:35px;height:35px;font-size:30px;line-height:1}.neon-modal-close:hover{opacity:1;color:#22c55e}.neon-modal-body{padding:10px 30px 20px}.neon-modal-body .heading{color:#42d37c;letter-spacing:1px;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.neon-field{width:100%;margin-bottom:24px;position:relative}.neon-field-icon{z-index:10;color:#42d37c;pointer-events:none;font-size:15px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.neon-field input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;height:50px;padding:12px 16px 12px 45px;font-family:inherit;display:block}.neon-field input::placeholder{color:#94a3b8}.neon-field input:focus{border-color:#22c55e;box-shadow:0 0 10px #22c55e66}.neon-textarea-field{position:relative}.neon-textarea-field .neon-field-icon{top:20px;transform:none}.neon-field textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;min-height:130px;padding:14px 16px 14px 45px;font-family:inherit;display:block}.neon-field textarea::placeholder{color:#94a3b8}.neon-field textarea:focus{border-color:#22c55e;box-shadow:0 0 10px #22c55e66}.priority-wrapper{margin-top:5px}.priority-wrapper select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:auto;min-width:130px;padding:10px 14px}.priority-wrapper select:focus{border-color:#22c55e;box-shadow:0 0 10px #22c55e66}.neon-modal-footer{justify-content:flex-end;padding:15px 30px 30px;display:flex}.neon-modal-footer .create-btn{color:#111;cursor:pointer;background:#45e487;border:none;border-radius:10px;height:52px;padding:0 30px;font-weight:700;transition:all .3s}.neon-modal-footer .create-btn:hover{background:#39d57a;transform:translateY(-2px);box-shadow:0 0 20px #45e48759}@media (width<=576px){.neon-modal-overlay{padding:15px}.neon-modal-header{padding:20px 20px 10px}.neon-modal-body{padding:10px 20px 15px}.neon-modal-footer{padding:10px 20px 20px}.neon-field input{height:48px}.neon-modal-footer .create-btn{width:100%}}.edit-todo-btn{color:#10b981;cursor:pointer;background:#00662c14;border:1px solid #00782a40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.edit-todo-btn:hover{background:#00713726;border-color:#10b981;transform:translateY(-2px);box-shadow:0 0 15px #02823c40}.edit-todo-btn i{font-size:14px}.delete-todo-btn{color:#10b981;cursor:pointer;background:#00662c14;border:1px solid #00782a40;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.delete-todo-btn:hover{color:#b91010;background:#71000026;border-color:#b91010;transform:translateY(-2px);box-shadow:0 0 15px #82020240}.delete-todo-btn{font-size:14px}:root{--bg-deep:#051424;--bg-card:#0d1c2d;--primary-gradient:linear-gradient(135deg,#22c55e 0%,#10b981 100%);--glow-green:#22c55e66;--text-on-surface:#fff;--text-muted:#94a3b8}body{background:var(--bg-deep);color:var(--text-on-surface);font-family:Montserrat,sans-serif;overflow-x:hidden}.neon-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.neon-btn{background:var(--primary-gradient);color:#051424;text-transform:uppercase;border:none;border-radius:8px;padding:12px 24px;font-weight:700;transition:all .3s}.neon-btn:hover{box-shadow:0 0 20px var(--glow-green);transform:translateY(-2px)}.logo_word{align-items:center;gap:10px}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:450px;padding:40px}.form-control{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;padding:10px 25px 10px 40px}.form-control::placeholder{color:#94a3b8}.form-control:focus{color:#fff;box-shadow:0 0 10px var(--glow-green);background:#ffffff14;border-color:#22c55e}.mb-3,.mb-4{position:relative}.mb-3 span i{color:#94a3b8;font-size:18px;transition:all .3s;position:absolute;top:45px;left:15px}.fa-eye{cursor:pointer}.mb-4>span>i{position:absolute;top:45px;right:10px}.lock{position:absolute;left:40px}.mb-3:has(.form-control:focus) label{color:#22c55e;transition:all .8s}.mb-4:has(.form-control:focus) label{color:#22c55e;transition:all .8s}.mb-3:has(.form-control:focus) .fa-envelope{color:#22c55e;transition:all .8s}.mb-4:has(.form-control:focus) .fa-eye{color:#22c55e;transition:all .8s}.mb-4:has(.form-control:focus) .lock{color:#22c55e;transition:all .8s}*{box-sizing:border-box;margin:0;padding:0}