:root{--main-bg:#171c26;--card-bg:#1e293b;--sidebar-bg:#1e293b;--text-color-primary:#e2e8f0;--text-color-secondary:#a0aec0;--heading-color:#f8f9fa;--border-color:#2d3748;--shadow-color:#0006;--accent-blue:#00a878;--accent-green:#8ac926;--danger-red:#e53e3e;--hover-bg:#00a8781a;--active-bg:#00a87833;--overlay-bg:#0009;--light-card-shadow:0 1px 3px #00000014;--light-card-hover-shadow:0 4px 12px #0000001a;--dark-card-shadow:0 1px 3px #0003;--dark-card-hover-shadow:0 4px 12px #0006;--light-main-bg:#f7fafc;--light-card-bg:#fff;--light-text-color:#2d3748;--light-text-color-secondary:#718096;--light-heading-color:#2d3748;--light-border-color:#e2e8f0;--light-hover-bg:#edf2f7;--light-active-bg:#ebf4ff;--light-active-color:#5a67d8;--light-icon-color:#4a5568;--font-family:"Plus Jakarta Sans","Inter",sans-serif;--font-size-base:1rem;--font-weight-regular:400;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:0.20rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem}body,html{font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);height:100%;line-height:1.6;margin:0;transition:background-color .3s ease,color .3s ease}body{background-color:#171c26;background-color:var(--main-bg);color:#e2e8f0;color:var(--text-color-primary)}body.light-theme{--main-bg:var(--light-main-bg);--card-bg:var(--light-card-bg);--text-color-primary:var(--light-text-color);--text-color-secondary:var(--light-text-color-secondary);--heading-color:var(--light-heading-color);--border-color:var(--light-border-color);--shadow-color:var(--light-card-shadow);--hover-bg:var(--light-hover-bg);--active-bg:var(--light-active-bg);--active-color:var(--light-active-color);--card-shadow:var(--light-card-shadow);--card-hover-shadow:var(--light-card-hover-shadow)}body.dark-theme{--card-shadow:var(--dark-card-shadow);--card-hover-shadow:var(--dark-card-hover-shadow)}#root{height:100%}.app-layout{min-height:100vh}.app-layout .sidebar{background-color:#1e293b;border-right:1px solid #2d3748;color:#e2e8f0}body.light-theme .app-layout .footer-link,body.light-theme .app-layout .logout-button,body.light-theme .app-layout .sidebar-header .sidebar-title,body.light-theme .app-layout .sidebar-nav a,body.light-theme .app-layout .sidebar-nav h3{color:#a0aec0;color:var(--text-color-secondary)}body.light-theme .app-layout .sidebar-nav a.active{background-color:#00a87833;background-color:var(--active-bg);color:#00a878;color:var(--accent-blue)}.app-layout .theme-switcher{background:none;border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;padding:.5rem;transition:background-color .2s ease,color .2s ease}.app-layout .theme-switcher:hover{background-color:var(--hover-bg);color:var(--active-color)}.app-layout{display:flex;height:100vh;overflow:hidden;width:100vw}.app-layout .sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);color:var(--text-color-primary);display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:var(--spacing-md);transition:width .3s ease-in-out;width:200px}.app-layout .sidebar.collapsed{width:80px}.app-layout .sidebar-header{align-items:center;display:flex;height:40px;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-left:var(--spacing-md)}.app-layout .sidebar-title{color:var(--heading-color);font-size:1.5rem;font-weight:var(--font-weight-bold);overflow:hidden;transition:opacity .3s ease-in-out;white-space:nowrap}.app-layout .sidebar.collapsed .sidebar-title{opacity:0;width:0}.app-layout .sidebar-toggle{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.2rem;transform:rotate(0deg);transition:transform .3s ease-in-out,color .2s ease}.app-layout .sidebar-toggle:hover{color:var(--accent-blue)}.app-layout .sidebar.collapsed .sidebar-toggle{transform:rotate(180deg)}.app-layout .sidebar-nav h3{color:var(--text-color-secondary);font-size:.8rem;font-weight:var(--font-weight-regular);letter-spacing:.5px;margin:var(--spacing-lg) 0 var(--spacing-sm) 0;overflow:hidden;padding-left:var(--spacing-md);text-transform:uppercase;white-space:nowrap}.app-layout .sidebar.collapsed .sidebar-nav h3{height:0;margin:0;opacity:0}.app-layout .sidebar-nav ul{list-style:none;margin:0;padding:0}.app-layout .sidebar-nav a{align-items:center;border-radius:var(--border-radius-sm);color:var(--text-color-secondary);display:flex;margin-bottom:var(--spacing-sm);overflow:hidden;padding:var(--spacing-sm);position:relative;text-decoration:none;transition:all .2s ease-in-out}.app-layout .sidebar-nav a:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.app-layout .sidebar-nav a.active{background-color:var(--active-bg);color:var(--accent-blue);font-weight:var(--font-weight-bold)}.app-layout .sidebar.collapsed .sidebar-nav a{justify-content:center;padding:var(--spacing-sm) 0}.app-layout .sidebar.collapsed .nav-text{display:none}.app-layout .sidebar-icon{color:inherit;flex-shrink:0;font-size:1.1rem;margin-right:var(--spacing-sm);text-align:center;transition:color .2s ease-in-out,margin .2s ease-in-out;width:20px}.app-layout .sidebar.collapsed .sidebar-icon{margin-right:0}.app-layout .sidebar-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.app-layout .sidebar.collapsed .sidebar-footer{flex-direction:column;gap:var(--spacing-md)}.app-layout .footer-link,.app-layout .logout-button{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-color-secondary);cursor:pointer;font-size:1.2rem;padding:var(--spacing-sm);transition:all .2s ease}.app-layout .footer-link:hover,.app-layout .logout-button:hover{background-color:var(--hover-bg);color:var(--accent-blue)}.app-layout .main-content-wrapper{background-color:var(--main-bg);color:var(--text-color-primary);flex-grow:1;overflow-y:auto;padding:var(--spacing-xl)}.app-layout .mobile-toggle-button{display:none}@media (max-width:768px){.app-layout{flex-direction:column}.sidebar-header{margin-top:50px}.app-layout .sidebar{box-shadow:2px 0 15px var(--shadow-color-var);height:100%;left:-250px;position:fixed;top:0;transition:left .3s ease-in-out;width:200px;z-index:1000}.app-layout .sidebar.mobile-open{left:0}.app-layout .sidebar.collapsed .sidebar-title{opacity:1;width:auto}.app-layout .sidebar-toggle{display:none}.app-layout .mobile-toggle-button{align-items:center;background:var(--sidebar-bg);border:none;border-radius:var(--border-radius-sm);box-shadow:0 4px 6px var(--shadow-color-var);color:var(--heading-color);cursor:pointer;display:flex;justify-content:center;left:1rem;padding:var(--spacing-md);position:fixed;top:1rem;transition:all .3s ease;z-index:1001}.app-layout .mobile-overlay{background:var(--overlay-bg);cursor:pointer;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.app-layout.mobile-nav-open .mobile-overlay{opacity:1}.app-layout .main-content-wrapper{padding:var(--spacing-md)}}.app-layout .confirmation-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.app-layout .confirmation-popup{background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #00000040;color:var(--text-color);display:flex;flex-direction:column;gap:1.5rem;max-width:400px;padding:2rem;text-align:center;width:90%}.app-layout .confirmation-header{align-items:center;display:flex;justify-content:flex-end}.app-layout .confirmation-icon{font-size:2.5rem;margin-right:auto}.app-layout .confirmation-body p{color:var(--heading-color);font-size:1.1rem;margin:0}.app-layout .confirmation-footer{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.app-layout .confirmation-footer .btn-cancel,.app-layout .confirmation-footer .btn-confirm{border:none;border-radius:25px;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.app-layout .confirmation-footer .btn-cancel{background-color:var(--text-color-secondary);color:#fff}.app-layout .confirmation-footer .btn-cancel:hover{background-color:#555}.app-layout .confirmation-footer .btn-confirm.btn-info{background-color:var(--primary-color);color:#fff}.app-layout .confirmation-footer .btn-confirm.btn-info:hover{background-color:var(--primary-color-hover)}.app-layout .confirmation-footer .btn-confirm.btn-error{background-color:var(--error-color);color:#fff}.app-layout .confirmation-footer .btn-confirm.btn-error:hover{background-color:#c9302c}.app-layout .dashboard-page{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl)}.app-layout .dashboard-header{margin-bottom:var(--spacing-xl);text-align:center}.app-layout .dashboard-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:.5rem}.app-layout .dashboard-header p{color:var(--text-color-secondary);font-size:1rem}.app-layout .dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.app-layout .dashboard-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.app-layout .dashboard-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.app-layout .card-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.app-layout .card-icon{color:var(--accent-blue);font-size:1.5rem}.app-layout .card-title{color:var(--text-color-secondary);font-size:1rem;font-weight:var(--font-weight-regular)}.app-layout .card-value{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold)}.app-layout .add-link-card{align-items:center;color:var(--text-color-primary);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;text-decoration:none}.app-layout .add-link-card .card-icon{color:var(--accent-blue);font-size:2.5rem;margin-bottom:var(--spacing-md)}.app-layout .add-link-card .card-title{color:var(--text-color-primary);font-size:1.2rem;font-weight:var(--font-weight-regular);margin-bottom:var(--spacing-sm)}.app-layout .add-link-card .card-value{color:var(--text-color-secondary);font-size:1rem;font-weight:var(--font-weight-regular);transition:color .2s ease}.app-layout .add-link-card:hover .card-value{color:var(--accent-blue)}.app-layout .note-card .note-content h3{color:var(--text-color-primary);font-size:1.1rem;margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-layout .note-card .note-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-color-secondary);display:-webkit-box;font-size:.9rem;margin-bottom:var(--spacing-md);overflow:hidden;text-overflow:ellipsis}.app-layout .note-card .note-content small{color:var(--text-color-secondary);font-size:.8rem}.app-layout .dashboard-card.tasks-summary-card{align-items:center;flex-direction:row;grid-column:1/-1;justify-content:space-between;padding:var(--spacing-xl)}.app-layout .dashboard-card.tasks-summary-card .card-header{flex-grow:0;margin-bottom:0}.app-layout .dashboard-card.tasks-summary-card .card-title{align-items:center;color:var(--text-color-primary);display:flex;font-size:1.5rem;font-weight:var(--font-weight-bold);gap:var(--spacing-md)}.app-layout .task-total-count{color:var(--accent-blue);font-size:1.5rem;font-weight:var(--font-weight-bold)}.app-layout .dashboard-card.tasks-summary-card .upcoming-tasks{flex-grow:1;padding-left:var(--spacing-lg);text-align:right}.app-layout .dashboard-card.tasks-summary-card .upcoming-tasks h3{color:var(--text-color-primary);font-size:1.1rem;margin-bottom:var(--spacing-sm)}.app-layout .dashboard-card.tasks-summary-card .upcoming-tasks ul{list-style:none;margin:0;padding:0}.app-layout .dashboard-card.tasks-summary-card .upcoming-tasks li{border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.9rem;padding:var(--spacing-xs) 0}.app-layout .dashboard-card.tasks-summary-card .upcoming-tasks li:last-child{border-bottom:none}.app-layout .dashboard-card.tasks-summary-card .cta-link{color:var(--accent-blue);display:inline-block;font-weight:var(--font-weight-bold);margin-top:var(--spacing-md);text-decoration:none;transition:color .2s ease}.app-layout .dashboard-card.tasks-summary-card .cta-link:hover{color:var(--accent-blue)}.app-layout .notification-bell{color:var(--text-color-secondary);font-size:1.5rem;position:relative}.app-layout .notification-bell.danger{animation:pulse 1.5s infinite;color:var(--danger-red)}.app-layout .notification-bell.warning{animation:none;color:var(--warning-color)}.app-layout .notification-bell.info{color:var(--accent-blue)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.app-layout .dashboard-page{padding:var(--spacing-lg)}.app-layout .dashboard-header h1{font-size:2rem}.app-layout .dashboard-card.tasks-summary-card{align-items:flex-start;flex-direction:column;padding:var(--spacing-md)}.app-layout .dashboard-card.tasks-summary-card .upcoming-tasks{margin-top:var(--spacing-lg);padding-left:0;text-align:left}}.app-layout .login-page{background-color:var(--main-bg);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;width:100%}.app-layout .login-promo-panel{align-items:center;background:var(--card-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;padding:50px;text-align:center;width:60%}.app-layout .promo-content{max-width:450px}.app-layout .promo-content h2{color:var(--heading-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.app-layout .promo-content p{color:var(--text-color-secondary);font-size:1.1rem;line-height:1.6}.app-layout .login-form-panel{align-items:center;background-color:var(--main-bg);display:flex;justify-content:center;padding:2rem;width:40%}.app-layout .login-form-container{max-width:380px;text-align:center;width:100%}.app-layout .login-form-container h1{color:var(--heading-color);font-size:2.2rem;margin-bottom:2rem}.app-layout .login-card{background-color:var(--sidebar-bg);border-radius:12px;box-shadow:var(--card-shadow);padding:2.5rem;text-align:left}.app-layout .input-group{margin-bottom:1.5rem;position:relative}.app-layout .input-group label{color:var(--text-color-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.app-layout .input-with-icon{position:relative}.app-layout .input-with-icon svg{color:var(--icon-color);left:15px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%)}.app-layout .input-group input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font-size:1rem;padding:14px 14px 14px 45px;transition:border-color .2s ease;width:100%}.app-layout .input-group input:focus{border-color:var(--primary-color);outline:none}.app-layout .login-button{background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:16px;transition:all .2s ease;width:100%}.app-layout .login-button:hover{background-color:var(--primary-dark-color);transform:translateY(-2px)}.app-layout .login-button:disabled{background-color:var(--text-color-secondary);cursor:not-allowed}.app-layout .error-message{color:var(--error-color);font-size:.9rem;margin-bottom:1rem;text-align:center}@media (max-width:850px){.app-layout .login-page{flex-direction:column;min-height:100vh}.app-layout .login-promo-panel{display:none}.app-layout .login-form-panel{align-items:center;box-sizing:border-box;height:100vh;justify-content:center;padding:2rem 1.5rem;width:100%}.app-layout .login-form-container{max-width:100%}.app-layout .login-form-container h1{font-size:1.8rem;margin-bottom:1rem;text-align:center}.app-layout .login-card{background-color:initial;box-shadow:none;padding:0}}.app-layout .productivite-page{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl)}.app-layout .productivite-header{margin-bottom:var(--spacing-xl);text-align:center}.app-layout .productivite-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.app-layout .productivite-header p{color:var(--text-color-secondary);font-size:1rem}.app-layout .productivite-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.app-layout .productivite-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #00000014;padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.app-layout .productivite-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.app-layout .productivite-card .card-link{align-items:center;color:inherit;display:flex;flex-direction:column;text-align:center;text-decoration:none}.app-layout .productivite-card .card-icon{color:var(--accent-blue);font-size:3rem;margin-bottom:var(--spacing-md);transition:color .2s ease}.app-layout .productivite-card:hover .card-icon{color:var(--accent-blue)}.app-layout .productivite-card .card-title{color:var(--heading-color);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.app-layout .productivite-card:hover .card-title{color:var(--accent-blue)}.app-layout .productivite-card .card-description{color:var(--text-color-secondary);font-size:.9rem}.notes-page-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-lg)}.notes-header{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.notes-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin:0}.notes-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);width:100%}.search-bar-wrapper{align-items:center;display:flex;flex-grow:1;position:relative}.search-input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-primary);outline:none;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease-in-out;width:100%}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #2d77ff33}.search-icon{left:1rem}.clear-search-btn,.search-icon{color:var(--text-color-secondary);position:absolute;top:50%;transform:translateY(-50%)}.clear-search-btn{background:none;border:none;cursor:pointer;right:1rem}.btn-add,.btn-archive,.btn-filter{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;font-weight:var(--font-weight-bold);padding:.75rem 1rem;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.btn-archive{background-color:var(--card-bg);color:var(--text-color-secondary);text-decoration:none}.btn-archive:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.btn-add{background-color:var(--accent-blue);border:none;color:#fff}.btn-add:hover{background-color:#008f65}.btn-filter{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color-secondary)}.btn-filter:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.notes-grid{grid-gap:var(--spacing-md);display:grid;grid-auto-rows:minmax(min-content,max-content);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.note-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);cursor:pointer;padding:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease}.note-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.note-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.note-card-title{color:var(--heading-color);font-size:1.1rem;margin:0;word-break:break-word}.note-card-title,.note-label{font-weight:var(--font-weight-bold)}.note-label{align-items:center;border-radius:12px;color:#1a1d24;display:inline-flex;font-size:.7rem;gap:.5rem;padding:.2rem .5rem}.note-card-content{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:var(--text-color-secondary);display:-webkit-box;font-size:.85rem;line-height:1.4;overflow:hidden;word-break:break-word}.note-card-footer{color:var(--text-color-secondary);font-size:.75rem;margin-top:var(--spacing-md)}.modal-content{display:flex;flex-direction:column;height:auto;max-width:800px;min-height:400px;padding:var(--spacing-md)}.note-editor-modal-container{display:flex;flex-direction:column;height:100%}.note-editor-title{background:none;border:none;color:var(--heading-color);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);outline:none;padding:0 var(--spacing-sm);width:100%}.modal-footer-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.footer-left-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.footer-right-actions{align-items:center;display:flex;gap:var(--spacing-md)}.last-modified-date{font-size:.8rem}.icon-btn,.last-modified-date{color:var(--text-color-secondary)}.icon-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;padding:var(--spacing-sm);transition:color .2s ease;width:35px}.icon-btn:hover{background-color:var(--hover-bg);color:var(--accent-blue)}.btn-close-modal-footer{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-color-secondary);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease,color .2s ease}.btn-close-modal-footer:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.label-selector-wrapper{position:relative}.btn-label-selector{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:.5rem .75rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.btn-label-selector:hover{background-color:var(--hover-bg);border-color:var(--accent-blue);color:var(--text-color-primary)}.note-label-selected{align-items:center;border-radius:var(--border-radius-md);color:#fff;display:flex;font-size:.9rem;gap:.5rem;padding:.2rem .5rem}.label-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);display:flex;flex-direction:column;min-width:200px;opacity:0;padding:var(--spacing-sm) 0;pointer-events:none;position:absolute;right:0;top:calc(100% + 5px);transform:translateY(-10px);transition:all .3s ease-in-out;z-index:1000}.label-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.label-button{align-items:center;background:none;border:none;color:var(--text-color-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.label-button.active,.label-button:hover{background-color:var(--hover-bg);color:var(--accent-blue)}.label-color-dot{border:1px solid #fff3;border-radius:50%;height:12px;width:12px}.tox-tinymce{border:none!important;border-radius:var(--border-radius-md);box-shadow:none!important}.tox-editor-header{border-bottom:1px solid var(--border-color)!important;box-shadow:none!important}.tox .tox-editor-container,.tox .tox-toolbar,.tox .tox-toolbar__group,.tox-editor-header,.tox-menubar,.tox-toolbar-overlord{background-color:var(--card-bg)!important}.tox-notification{display:none!important}.tox .tox-tbtn{color:var(--text-color-secondary)!important}.tox .tox-tbtn:hover{background-color:var(--hover-bg)!important;color:var(--text-color-primary)!important}.tox .tox-tbtn--enabled{background-color:var(--hover-bg)!important;color:var(--accent-blue)!important}.tox-edit-area__iframe{background-color:var(--card-bg);color:var(--text-color-primary)}.labels-modal-overlay{align-items:center;background-color:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.labels-modal-content{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-hover-shadow);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--spacing-xl);position:relative;width:90%}@media (max-width:768px){.notes-header{align-items:flex-start;flex-direction:column}.notes-actions{align-items:stretch;flex-direction:column}.search-bar-wrapper{order:-1}.notes-header h1{font-size:2rem}.btn-add,.btn-archive,.btn-filter{text-align:center;width:100%}.modal-content{height:90vh;padding:var(--spacing-md)}}.filter-dropdown-wrapper{position:relative}.filter-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);display:flex;flex-direction:column;min-width:200px;opacity:0;padding:var(--spacing-sm) 0;pointer-events:none;position:absolute;right:0;top:calc(100% + var(--spacing-sm));transform:translateY(-10px);transition:all .3s ease-in-out;z-index:1000}.filter-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.filter-dropdown .filter-button{align-items:center;background:none;border:none;color:var(--text-color-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.filter-dropdown .filter-button.active,.filter-dropdown .filter-button:hover{background-color:var(--hover-bg);color:var(--accent-blue)}.filter-dropdown .btn-manage-labels{align-items:center;background:none;border:none;border-top:1px solid var(--border-color);color:var(--text-color-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:.75rem 1rem;padding-top:var(--spacing-md);text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.filter-dropdown .btn-manage-labels:hover{background-color:var(--hover-bg);color:var(--accent-blue)}.modal-overlay{z-index:2000}.modal-content{box-shadow:var(--card-hover-shadow);max-height:90vh;max-width:600px;overflow-y:auto}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.modal-header h2{color:var(--heading-color);margin:0}.btn-close-modal{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem}.add-label-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.add-label-form input[type=text]{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;outline:none;padding:.75rem}.add-label-form input[type=color]{-webkit-appearance:none;background-color:initial;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;width:50px}.add-label-form input[type=color]::-webkit-color-swatch-wrapper{padding:0}.add-label-form input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--border-radius-sm)}.btn-add-label{background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;padding:.75rem 1rem;white-space:nowrap}.labels-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.label-item{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.label-name-display{align-items:center;border-radius:12px;color:#1a1d24;display:flex;font-weight:var(--font-weight-bold);gap:5px;padding:.2rem .5rem}.label-actions{display:flex;gap:var(--spacing-sm)}.label-actions button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1rem}.label-actions button:hover{color:var(--accent-blue)}.edit-label-form{align-items:center;display:flex;flex-grow:1;gap:var(--spacing-sm)}.edit-label-form input[type=text]{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;outline:none;padding:.5rem}.edit-label-form input[type=color]{-webkit-appearance:none;background-color:initial;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;width:40px}.edit-label-form input[type=color]::-webkit-color-swatch-wrapper{padding:0}.edit-label-form input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--border-radius-sm)}.edit-label-form button{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:var(--font-weight-bold);padding:.5rem 1rem}.btn-save-label{background-color:var(--accent-blue);color:#fff}.btn-cancel-edit{background-color:var(--danger-red);color:#fff}@media (max-width:768px){.notes-header{align-items:flex-start;flex-direction:column}.notes-actions{align-items:stretch;flex-direction:column}.search-bar-wrapper{order:-1}.notes-header h1{font-size:2rem}.btn-add,.btn-archive,.btn-filter{text-align:center;width:100%;width:-webkit-fill-available}.modal-content{height:90vh;padding:var(--spacing-md)}}.tasks-page-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl)}.tasks-header{margin-bottom:var(--spacing-xl);text-align:center}.tasks-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.tasks-header p{color:var(--text-color-secondary);font-size:1rem}.error-state,.loading-state{color:var(--text-color-secondary);font-size:1.2rem;padding:4rem 0;text-align:center}.loading-state svg{color:var(--accent-blue);margin-bottom:var(--spacing-md)}.add-task-form{align-items:center;background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:0 1px 3px #00000014;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0 auto var(--spacing-xl);max-width:1500px;padding:var(--spacing-md)}.add-task-form .task-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;min-width:200px;padding:.75rem;transition:border-color .2s}.add-task-form .task-input:focus{border-color:var(--accent-blue);outline:none}.add-task-form .task-options-group{display:flex;gap:var(--spacing-sm)}.add-task-form .category-select,.add-task-form .due-date-input,.add-task-form .urgency-select{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);padding:.75rem}.add-task-form .add-task-btn{background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.add-task-form .add-task-btn:hover{background-color:#008f65}.tasks-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin:0 auto var(--spacing-xl);max-width:1500px}.tasks-controls .tasks-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tasks-controls .tasks-filters .filter-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color-secondary);cursor:pointer;padding:.5rem 1rem;transition:background-color .2s,color .2s}.tasks-controls .tasks-filters .filter-btn.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.tasks-controls .tasks-management{display:flex;gap:var(--spacing-md)}.tasks-controls .tasks-management .btn-manage-categories,.tasks-controls .tasks-management .btn-manage-urgencies{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:.9rem;transition:color .2s}.tasks-controls .tasks-management .btn-manage-categories:hover,.tasks-controls .tasks-management .btn-manage-urgencies:hover{color:var(--accent-blue)}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0 auto;max-width:1530px}.task-category-group{background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:0 1px 3px #00000014;margin-bottom:var(--spacing-lg);overflow:hidden}.task-category-title{background-color:var(--card-bg);color:var(--heading-color);font-size:1.2rem;font-weight:var(--font-weight-bold);margin:0}.task-category-title,.task-item{border-bottom:1px solid var(--border-color);padding:var(--spacing-md)}.task-item{align-items:center;background-color:initial;display:flex;justify-content:space-between;position:relative;transition:background-color .2s}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:var(--hover-bg)}.task-item.completed{opacity:.7}.task-item.completed .task-title{text-decoration:line-through}.task-item .task-content{display:flex;flex-direction:column;flex-grow:1}.task-item .task-header-info{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.task-item .urgency-tag{border-radius:12px;color:#fff;font-size:.7rem;font-weight:var(--font-weight-bold);padding:.2rem .5rem;text-transform:uppercase}.task-item .due-date{color:var(--text-color-secondary);font-size:.8rem}.task-item .task-title{color:var(--heading-color);font-size:1.1rem;font-weight:var(--font-weight-regular);word-break:break-word}.task-item .task-date{color:var(--text-color-secondary);font-size:.8rem}.task-item .task-actions{align-items:center;display:flex;gap:var(--spacing-sm);opacity:0;transition:opacity .2s ease-in-out}.task-item:hover .task-actions{opacity:1}.task-actions .icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:1rem;height:35px;justify-content:center;padding:var(--spacing-sm);transition:color .2s;width:35px}.task-actions .icon-btn:hover{background-color:var(--hover-bg)}.task-actions .edit-btn{color:var(--accent-blue)}.task-actions .delete-btn{color:var(--danger-red)}.task-actions .task-checkbox{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.3rem;transition:color .2s}.task-item.completed .task-checkbox{color:var(--accent-blue)}.no-tasks-message{color:var(--text-color-secondary);font-style:italic;padding:2rem 0;text-align:center}.modal-overlay{align-items:center;background-color:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 4px 15px var(--shadow-color);max-width:500px;padding:var(--spacing-xl);position:relative;width:90%}.modal-content h2,.modal-content h3{border-bottom:1px solid var(--border-color);color:var(--heading-color);margin-bottom:var(--spacing-md);margin-top:0;padding-bottom:var(--spacing-md)}.modal-content .modal-header{align-items:center;display:flex;justify-content:space-between}.modal-content .btn-close-modal{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-color-primary);display:block;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.form-group input,.form-group select{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text-color-primary);padding:.75rem;width:100%}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-add-category,.btn-add-urgency,.btn-save{background-color:var(--accent-blue);transition:background-color .2s}.btn-add-category,.btn-add-urgency,.btn-cancel,.btn-save{border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;padding:.75rem 1.5rem}.btn-cancel{background-color:var(--text-color-secondary)}.add-category-form,.add-urgency-form{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.add-category-form input[type=text],.add-urgency-form input[type=text]{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;padding:.75rem}.categories-list,.urgencies-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-item,.urgency-item{align-items:center;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.category-display,.urgency-display{border-radius:12px;color:#fff;font-size:.9rem;font-weight:var(--font-weight-bold);padding:.2rem .5rem}.category-actions .btn-delete-category,.category-actions .btn-edit-category,.urgency-actions .btn-delete-urgency,.urgency-actions .btn-edit-urgency{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;transition:color .2s}.category-actions .btn-edit-category:hover,.urgency-actions .btn-edit-urgency:hover{color:var(--accent-blue)}.category-actions .btn-delete-category:hover,.urgency-actions .btn-delete-urgency:hover{color:var(--danger-red)}.edit-category-form,.edit-urgency-form{display:flex;flex-grow:1;gap:var(--spacing-sm)}@media (max-width:768px){.add-task-form{align-items:stretch;flex-direction:column}.task-options-group{flex-direction:column;gap:var(--spacing-sm)}.tasks-controls{flex-direction:column;gap:var(--spacing-md)}.modal-content{max-width:90vw}.tasks-page-container{padding:0}.add-category-form input[type=text],.add-urgency-form input[type=text],.edit-category-form input[type=text],.edit-urgency-form input[type=text]{margin:.5rem auto;max-width:90%;width:100%}}.notification-popup{background-color:var(--background-light);border:1px solid var(--border-color);bottom:20px;box-shadow:0 4px 12px #0000001a;color:var(--text-dark);opacity:0;padding:12px 20px;position:fixed;right:20px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.notification-popup.visible{opacity:1;transform:translateY(0);visibility:visible}.notification-popup.success{background-color:var(--success-color);border-color:var(--success-color);color:#fff}
/*# sourceMappingURL=main.7eccc47e.css.map*/