.export-wrapper{display:inline-flex;position:relative}.export-btn{border-radius:var(--radius-sm,6px);color:var(--sec-text-color);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:10px;padding:8px;font-size:.8rem;font-weight:500;display:inline-flex}.export-btn:hover:not(:disabled){background:var(--sec-background);color:var(--accent-color);border-color:var(--accent-color)}.export-btn:disabled{opacity:.55;cursor:not-allowed}.export-btn--active{background:var(--sec-background);color:var(--accent-color);border-color:var(--accent-color)}.export-btn--icon{border-radius:var(--radius-sm,6px);justify-content:center;width:28px;height:28px;padding:0;font-size:.75rem}.export-btn--sm{height:32px;padding:5px 10px;font-size:.8rem}.export-btn--md{height:36px;padding:7px 14px;font-size:.85rem}.export-chevron{opacity:.7;font-size:.65rem;transition:transform .15s}.export-menu{z-index:200;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md,10px);min-width:230px;animation:.12s export-menu-in;position:absolute;top:calc(100% + 6px);overflow:hidden;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f}@keyframes export-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.export-menu--right{right:0}.export-menu--left{left:0}.export-menu__header{letter-spacing:.04em;text-transform:uppercase;color:var(--sec-text-color);border-bottom:1px solid var(--border-color);align-items:center;gap:6px;padding:8px 12px;font-size:.72rem;font-weight:600;display:flex}.export-menu__item{border:none;border-bottom:1px solid var(--border-color);cursor:pointer;text-align:left;width:100%;color:var(--text-color);transition:background-color var(--transition);background:0 0;align-items:center;gap:10px;padding:9px 12px;display:flex}.export-menu__item:last-child{border-bottom:none}.export-menu__item:hover:not(:disabled){background:var(--sec-background)}.export-menu__item:disabled{opacity:.5;cursor:not-allowed}.export-menu__item-icon{background:color-mix(in srgb, var(--accent-color) 10%, transparent);width:28px;height:28px;color:var(--accent-color);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.export-menu__item-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.export-menu__item-label{font-size:.85rem;font-weight:600;line-height:1.2}.export-menu__item-desc{color:var(--sec-text-color);font-size:.73rem;line-height:1.3}.export-menu__item-arrow{color:var(--sec-text-color);opacity:.5;flex-shrink:0;font-size:.7rem}.export-menu__item:hover .export-menu__item-arrow{color:var(--accent-color);opacity:1}.dash-task-row .export-wrapper,.dash-task-row .export-btn{flex-shrink:0}.dash-task-link .export-menu{z-index:300}.export-wrapper:focus-within{z-index:100}.export-wrapper:has(.export-menu){z-index:100}.export-modal-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.export-modal-list .export-menu__item:last-child{border-bottom:none!important}.export-modal-list .export-menu__item:hover{background-color:var(--sec-background);border-radius:var(--radius-sm)}
.sidebar{background:var(--app-gradient);width:250px;color:var(--pri-text-color);z-index:10;z-index:999;flex-direction:column;flex-shrink:0;height:100vh;margin-left:0;transition:width .3s ease-in-out,margin-left .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;overflow:hidden auto}.sidebar.open{margin-left:0}.sidebar-logo{text-align:center;flex-direction:row;justify-content:space-between;padding:20px;display:flex}.sidebar-nav{flex-direction:column;flex:1;padding:20px 0;display:flex}.nav-link{transition:background var(--transition);white-space:nowrap;justify-content:space-between;align-items:center;padding:15px 25px;text-decoration:none;display:flex}.nav-link:hover{color:var(--sec-text-color);border-color:var(--accent-hover)}.nav-link.active{border:1px solid var(--accent-color);color:var(--accent-color)}.nav-text{opacity:1;transition:opacity .2s}.sidebar.collapsed .nav-text{opacity:0;pointer-events:none}.sidebar-footer{flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;width:100%;margin-top:auto;padding:15px 25px;display:flex}.sidebar-footer.collapsed{flex-direction:column;gap:15px}.logout-btn{color:var(--pri-text-color);cursor:pointer;background:0 0;border:none;font-size:1rem}.logout-btn:hover{color:red;background:0 0;border:none}.settings-btn{justify-content:space-between;align-items:center;font-size:1rem;text-decoration:none;display:flex}.settings-btn:hover,.sb-archive-btn:hover,.about-btn:hover{color:var(--sec-text-color)}.settings-btn.active,.sb-archive-btn.active,.about-btn.active{color:var(--accent-color)}.sidebar.collapsed{width:70px}.sidebar.collapsed .nav-link i{padding:4px 0}.header-icon-btn{width:34px;height:34px;color:var(--sec-text-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.header-icon-btn i{font-size:1rem}.header-icon-btn:hover{background-color:var(--sec-background);color:var(--pri-text-color);transform:scale(1.05)}@media (max-width:768px){.sidebar{width:200px;height:100vh;transition:transform var(--transition);z-index:100;margin-left:0;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}
.notification-wrapper{align-items:center;width:35px;height:35px;display:flex;position:relative}.bell-icon-btn{border:2px solid var(--sec-text-color);cursor:pointer;color:var(--sec-text-color);transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:5px;font-size:1rem;display:flex;position:relative}.bell-icon-btn:hover{transform:scale(1.1)}.unread-badge{background:var(--error-color);color:#fff;border:2px solid var(--pri-background);border-radius:50%;justify-content:center;align-items:center;min-width:15px;height:15px;padding:1px 3px;font-size:.55rem;font-weight:700;display:flex;position:absolute;bottom:0;right:0}.notification-dropdown{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);width:400px;box-shadow:var(--shadow-md);z-index:1000;animation:.2s ease-out fadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notification-header{border-bottom:1px solid var(--border-color);background:var(--sec-background);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-header h4{color:var(--pri-text-color);margin:0;font-size:1rem}.notif-header-actions{align-items:center;gap:10px;display:flex}.btn-mark-all{cursor:pointer;color:var(--accent-color);background:0 0;border:none;font-size:1rem;font-weight:500}.btn-mark-all:hover{text-decoration:underline}.notification-list{max-height:350px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.notification-item>i{color:var(--sec-text-color)}.notification-item.unread{background-color:color-mix(in srgb, var(--accent-color) 10%, transparent)}.notification-item:hover{background-color:var(--sec-background)}.notification-text{color:var(--pri-text-color);flex:1;margin:0;font-size:.85rem;line-height:1.4}.btn-delete-notif{color:var(--sec-text-color);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1}.btn-delete-notif:hover{color:var(--error-color)}.empty-notifications{text-align:center;color:var(--sec-text-color);margin:0;padding:30px 20px;font-size:.9rem}.push-toggle{align-items:center;gap:8px;display:flex}@media (max-width:768px){.notification-dropdown{width:300px}.bell-icon-btn{padding:5px;font-size:.9rem}}