:root{--bg-primary: #121218;--bg-secondary: #1a1a2e;--bg-tertiary: #1a1a2e;--text-primary: #e6e6fa;--text-secondary: #A3A3CC;--text-accent: #CCCCFF;--accent-primary: #5C5C99;--accent-secondary: #292966;--border-color: #292966;--shadow-color: rgba(0, 0, 0, .5);--card-bg: #1a1a2e;--task-item-bg: #0d0d12;--action-btn-bg: rgba(255, 255, 255, .05);--input-bg: #121218;--btn-text: white;--btn-hover: #4b4b80;--status-low-bg: rgba(0, 204, 0, .2);--status-low-text: #00cc00;--status-medium-bg: rgba(255, 170, 0, .2);--status-medium-text: #ffaa00;--status-high-bg: rgba(204, 0, 0, .2);--status-high-text: #ff4444}body.light-mode{--bg-primary: #f5f5fa;--bg-secondary: #ffffff;--bg-tertiary: #ffffff;--text-primary: #292966;--text-secondary: #5C5C99;--text-accent: #292966;--accent-primary: #5C5C99;--accent-secondary: #CCCCFF;--border-color: #CCCCFF;--shadow-color: rgba(41, 41, 102, .1);--card-bg: #ffffff;--task-item-bg: #f9f9ff;--action-btn-bg: rgba(0, 0, 0, .05);--input-bg: #ffffff;--btn-text: white;--btn-hover: #292966;--status-low-bg: #e6ffe6;--status-medium-bg: #fff3e6;--status-high-bg: #ffe6e6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s,color .3s;overflow-y:auto}body:has(.auth-page){overflow:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:1rem}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-layout{display:flex;flex:1}.content-area{flex:1;padding:2rem;background-color:var(--bg-primary);transition:background-color .3s}.page-container{max-width:1200px;margin:0 auto;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title{display:flex;align-items:center;gap:1rem}.title-icon{width:48px;height:48px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.page-title h1{color:var(--text-accent);font-size:1.75rem;line-height:1.2}.page-title p{color:var(--text-secondary);font-size:.9rem;margin-top:.2rem}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--accent-primary)}.loading-spinner{width:40px;height:40px;border:4px solid var(--accent-secondary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navbar{background-color:var(--bg-secondary);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);transition:background-color .3s,border-color .3s}.navbar-logo{color:var(--text-accent);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.navbar-logo-icon{width:32px;height:32px;background-color:var(--accent-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ccf;font-weight:700}.navbar-user{display:flex;align-items:center;gap:1rem}.navbar-user-info{color:var(--text-accent);text-align:right}.navbar-user-name{font-weight:600}.navbar-user-email{font-size:.85rem;color:var(--text-secondary)}.navbar-logout-btn{background-color:var(--accent-secondary);color:var(--text-accent);padding:.5rem 1rem;border-radius:6px;border:1px solid var(--accent-primary);transition:all .3s}.navbar-logout-btn:hover{background-color:var(--accent-primary);color:#fff}.theme-toggle-btn{background-color:var(--accent-secondary);color:var(--text-accent);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid var(--accent-primary);transition:all .3s}.theme-toggle-btn:hover{background-color:var(--accent-primary);transform:scale(1.05)}.sidebar{width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem 0;transition:background-color .3s,border-color .3s}.sidebar-header{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-greeting{font-size:1.1rem;color:var(--text-accent);font-weight:600}.sidebar-subtitle{color:var(--text-secondary);font-size:.9rem}.sidebar-nav{padding:1rem 0}.sidebar-nav-item{padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);transition:all .3s;border-left:3px solid transparent}.sidebar-nav-item:hover{background-color:var(--accent-secondary);color:var(--text-accent)}.sidebar-nav-item.active{background-color:var(--accent-secondary);color:var(--text-accent);border-left-color:var(--accent-primary);font-weight:600}.sidebar-divider{height:1px;background-color:var(--border-color);margin:1.5rem 1rem;opacity:.3}.sidebar-section-title{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;padding:0 1.25rem;margin-bottom:.75rem;font-weight:700}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);overflow:hidden}.auth-container{background-color:var(--bg-secondary);padding:3rem;border-radius:12px;border:1px solid var(--border-color);width:100%;max-width:600px;box-shadow:0 10px 40px var(--shadow-color)}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo h1{color:var(--text-accent);font-size:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-logo-icon{width:40px;height:40px;background-color:var(--accent-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ccf;font-weight:700;font-size:1.2rem}.auth-title{text-align:center;color:var(--text-accent);margin-bottom:1rem;font-size:1.3rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-secondary);font-weight:500;font-size:.9rem}.form-group input{padding:.75rem 1rem;background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--accent-primary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:3rem}.password-toggle-btn{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;padding:0}.password-toggle-btn:hover{color:var(--text-accent)}.auth-btn{background-color:var(--accent-primary);color:var(--btn-text);padding:.875rem;border-radius:8px;font-size:1rem;font-weight:600;margin-top:.5rem;transition:background-color .3s}.auth-btn:hover{background-color:var(--btn-hover)}.auth-link{text-align:center;margin-top:1rem;color:var(--text-secondary)}.auth-link a{color:var(--text-accent);font-weight:600}.auth-link a:hover{text-decoration:underline}.auth-error{background-color:#ff00001a;color:#f66;padding:.75rem;border-radius:6px;text-align:center;font-size:.9rem;border:1px solid #ff0000}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-title h1{color:var(--text-accent);font-size:1.75rem;display:flex;align-items:center;gap:.5rem}.dashboard-title p{color:var(--text-secondary);margin-top:.25rem}.add-task-btn{background-color:var(--accent-primary);color:var(--btn-text);padding:.75rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:background-color .3s}.add-task-btn:hover{background-color:var(--btn-hover)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background-color:var(--card-bg);padding:1.25rem;border-radius:10px;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;transition:background-color .3s,border-color .3s}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-icon.total{background-color:#ccccff1a;color:#ccf}.stat-icon.low{background-color:var(--status-low-bg);color:var(--status-low-text)}.stat-icon.medium{background-color:var(--status-medium-bg);color:var(--status-medium-text)}.stat-icon.high{background-color:var(--status-high-bg);color:var(--status-high-text)}.stat-info h3{font-size:1.5rem;color:var(--text-accent)}.stat-info p{color:var(--text-secondary);font-size:.9rem}.task-section{background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);padding:2rem;transition:background-color .3s,border-color .3s;display:flex;flex-direction:column}.task-section.full-height{min-height:60vh}.task-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.task-section-title{color:var(--text-accent);font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.task-filters{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border-radius:6px;background-color:var(--input-bg);color:var(--text-secondary);font-size:.9rem;transition:all .3s}.filter-btn:hover{background-color:var(--accent-secondary);color:var(--text-accent)}.filter-btn.active{background-color:var(--accent-primary);color:#fff}.task-list{display:flex;flex-direction:column;gap:1rem;flex:1}.task-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background-color:var(--task-item-bg);border-radius:12px;border-left:5px solid;transition:transform .2s,box-shadow .2s,background-color .3s;margin-bottom:.5rem}.task-item:hover{transform:translate(5px);box-shadow:0 4px 15px var(--shadow-color)}.task-left{display:flex;align-items:center;gap:1rem;flex:1}.task-right{display:flex;align-items:center;gap:3rem}.task-item.priority-low{border-left-color:#0c0}.task-item.priority-medium{border-left-color:#fa0}.task-item.priority-high{border-left-color:#f44}.task-item.completed{opacity:.6}.task-checkbox{width:22px;height:22px;accent-color:var(--accent-primary);cursor:pointer}.task-content{display:flex;flex-direction:column}.task-title{color:var(--text-accent);font-weight:600;font-size:1.05rem;margin-bottom:.2rem}.task-item.completed .task-title{text-decoration:line-through;color:var(--text-secondary)}.task-description{color:var(--text-secondary);font-size:.85rem}.task-priority{padding:.35rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize;min-width:80px;text-align:center}.task-priority.low{background-color:var(--status-low-bg);color:var(--status-low-text)}.task-priority.medium{background-color:var(--status-medium-bg);color:var(--status-medium-text)}.task-priority.high{background-color:var(--status-high-bg);color:var(--status-high-text)}.task-date{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.task-actions{display:flex;gap:.75rem}.task-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer;background-color:var(--action-btn-bg);border:none}.task-action-btn.edit:hover{background-color:var(--accent-primary);color:#fff}.task-action-btn.delete{color:#f44}.task-action-btn.delete:hover{background-color:#f443}.no-tasks{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 3rem 5rem;color:var(--text-secondary);position:relative}.no-tasks p{margin-bottom:1rem;font-size:1.1rem}.no-tasks .add-task-btn{position:absolute;bottom:2rem}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--card-bg);padding:2rem;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 40px var(--shadow-color);border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{color:var(--text-accent);font-size:1.25rem}.modal-close{width:32px;height:32px;border-radius:6px;background-color:var(--input-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.modal-close:hover{background-color:var(--accent-secondary);color:var(--text-accent)}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form textarea{padding:.75rem 1rem;background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;resize:vertical;min-height:80px}.modal-form textarea:focus{outline:none;border-color:var(--accent-primary)}.modal-form select,.modal-form input{padding:.75rem 1rem;background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px}.modal-form select:focus,.modal-form input:focus{outline:none;border-color:var(--accent-primary)}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.modal-btn{flex:1;padding:.75rem;border-radius:8px;font-weight:600;transition:all .3s}.modal-btn.primary{background-color:var(--accent-primary);color:var(--btn-text)}.modal-btn.primary:hover{background-color:var(--btn-hover)}.modal-btn.secondary{background-color:var(--input-bg);color:var(--text-secondary)}.modal-btn.secondary:hover{background-color:var(--accent-secondary);color:var(--text-accent)}.modal-btn.delete{background-color:#ff444426;color:#f44}.modal-btn.delete:hover{background-color:#ff44444d}.confirmation-message{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem;text-align:center}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:2rem;background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);margin-top:2rem}.not-found-code{font-size:6rem;font-weight:800;color:var(--accent-primary);line-height:1;margin-bottom:1rem}.not-found-title{font-size:2rem;color:var(--text-accent);margin-bottom:1rem}.not-found-message{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;max-width:500px}.go-back-btn{background-color:var(--accent-primary);color:var(--btn-text);padding:.875rem 2rem;border-radius:8px;font-weight:600;transition:background-color .3s;display:inline-flex;align-items:center;gap:.5rem}.go-back-btn:hover{background-color:var(--btn-hover)}@media(max-width:768px){.main-layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.sidebar-nav{display:flex;overflow-x:auto;padding:.5rem 1rem}.sidebar-nav-item{padding:.5rem 1rem;border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.sidebar-nav-item.active{border-left:none;border-bottom-color:var(--accent-primary)}.sidebar-header{display:none}.content-area{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.stats-container{grid-template-columns:1fr 1fr}.task-section-header{flex-direction:column;gap:1rem;align-items:flex-start}.task-item{flex-wrap:wrap}.task-meta{width:100%;margin-top:.5rem;padding-left:2.25rem}.navbar{padding:1rem}.navbar-user-info{display:none}}@media(max-width:480px){.stats-container{grid-template-columns:1fr}.auth-container{margin:1rem;padding:1.5rem}.filter-btn{padding:.4rem .75rem;font-size:.8rem}}