.notification-bell-container{position:relative}.bell-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.bell-button:hover{transform:scale(1.1)}.bell-badge{position:absolute;top:-5px;right:-5px;background-color:#e74c3c;color:#fff;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}.dropdown-overlay{position:fixed;inset:0;z-index:999}.notification-dropdown{position:absolute;top:100%;right:0;width:400px;max-width:95vw;background:#fff;border-radius:8px;box-shadow:0 8px 32px #00000026;margin-top:1rem;z-index:1000;overflow:hidden;display:flex;flex-direction:column;max-height:500px}.dropdown-header{padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.dropdown-header h3{margin:0;color:#333;font-size:1rem}.dropdown-filters{display:flex;gap:.4rem;padding:.55rem .8rem;border-bottom:1px solid #e0e0e0;background:#f6f8fb}.dropdown-filter-tab{padding:.35rem .7rem;border:1px solid #d0d7e2;background:#fff;border-radius:999px;font-size:.74rem;font-weight:700;color:#4a5568;cursor:pointer;transition:all .2s}.dropdown-filter-tab:hover{border-color:#4a90e2;color:#2e6fb6}.dropdown-filter-tab.active{background:#1f6feb;border-color:#1f6feb;color:#fff}.dropdown-filter-tab.active:first-child{background:#d9480f;border-color:#d9480f}.dropdown-bulk-actions{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem .8rem;border-bottom:1px solid #e0e0e0;background:#fafafa}.bulk-action-btn{padding:.3rem .6rem;border:1px solid #d0d0d0;background:#fff;border-radius:4px;font-size:.72rem;font-weight:600;cursor:pointer}.bulk-action-btn:hover{border-color:#4a90e2;color:#2e6fb6}.bulk-action-btn.delete{border-color:#e5b8b6;color:#a63a35}.bulk-action-btn.delete:hover:not(:disabled){border-color:#d9534f;background:#fff5f5}.bulk-action-btn:disabled{opacity:.55;cursor:not-allowed}.mark-all-btn{padding:.4rem .8rem;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s;white-space:nowrap}.mark-all-btn:hover{background-color:#357abd}.dropdown-loading{padding:2rem;text-align:center;color:#999}.dropdown-empty{padding:2rem 1rem;text-align:center;color:#999}.notifications-list{flex:1;overflow-y:auto;max-height:380px}.notification-item{display:flex;gap:.75rem;padding:.75rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s;background-color:#fff}.notification-item:hover{background-color:#f9f9f9}.notification-item.unread{background-color:#f0f8ff}.notif-select{display:flex;align-items:center}.notif-select input{width:14px;height:14px;cursor:pointer}.notif-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#0000000d;border-radius:6px}.notif-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.notif-title{margin:0;color:#333;font-size:.9rem;font-weight:600;word-break:break-word}.notif-message{margin:0;color:#666;font-size:.8rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.notif-time{color:#999;font-size:.75rem}.notif-actions{display:flex;gap:.25rem;flex-shrink:0}.notif-action-btn{width:28px;height:28px;border:none;background-color:#f0f0f0;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.notif-action-btn:hover{background-color:#4a90e2;color:#fff}.notif-action-btn.delete:hover{background-color:#e74c3c}.dropdown-footer{padding:.75rem;border-top:1px solid #e0e0e0;text-align:center}.view-all-link{color:#4a90e2;text-decoration:none;font-size:.85rem;font-weight:600;transition:all .2s}.view-all-link:hover{color:#357abd;text-decoration:underline}@media(max-width:768px){.notification-dropdown{width:95vw;right:auto;left:50%;transform:translate(-50%)}.notifications-list{max-height:300px}}@media(max-width:480px){.bell-button{font-size:1.25rem}.notification-dropdown{width:90vw}.dropdown-header{padding:.75rem}.mark-all-btn{padding:.35rem .6rem;font-size:.7rem}.notification-item{padding:.6rem;gap:.5rem}.notif-icon{width:35px;height:35px;font-size:1.25rem}.notif-title{font-size:.85rem}.notif-message{font-size:.75rem}}.dashboard-container{display:flex;height:100vh;background-color:#f5f5f5;position:relative}.dashboard-sidebar{width:280px;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;display:flex;flex-direction:column;overflow-y:auto;box-shadow:2px 0 10px #0000001a;transition:all .3s ease}.sidebar-header{padding:2rem 1.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.sidebar-header h2{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:.5px}.sidebar-subtitle{margin:.25rem 0 0;font-size:.8rem;opacity:.7}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin:0}.nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#fffc;text-decoration:none;transition:all .2s;border-left:4px solid transparent}.nav-link:hover{background-color:#ffffff1a;color:#fff;border-left-color:#3498db}.nav-link.active{background-color:#3498db33;color:#fff;border-left-color:#3498db;font-weight:600}.nav-icon{font-size:1.2rem;width:24px;display:flex;align-items:center;justify-content:center}.nav-label{font-size:.95rem;white-space:nowrap}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-logout-sidebar{width:100%;padding:.75rem;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-logout-sidebar:hover{background-color:#e74c3c;border-color:#e74c3c}.sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:101;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.6rem;cursor:pointer;font-size:1.2rem;color:#333;transition:all .2s;box-shadow:0 2px 4px #0000001a}.sidebar-toggle:hover{background:#f0f0f0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.dashboard-topbar{background:#fff;border-bottom:1px solid #e0e0e0;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d}.topbar-left h1{margin:0;color:#333;font-size:1.5rem;font-weight:700}.topbar-right{display:flex;align-items:center;gap:2rem}.topbar-user{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;overflow:hidden;flex-shrink:0}.user-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.user-info{display:flex;flex-direction:column;gap:.2rem}.user-name{margin:0;color:#333;font-weight:600;font-size:.95rem}.user-role{margin:0;color:#999;font-size:.8rem}.btn-logout{padding:.6rem 1.2rem;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-logout:hover{background-color:#c0392b}.dashboard-content{flex:1;overflow-y:auto;padding:2rem}.dashboard-sidebar::-webkit-scrollbar,.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-sidebar::-webkit-scrollbar-track,.dashboard-content::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dashboard-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.dashboard-container{flex-direction:column}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block}.dashboard-sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;transform:translate(-100%);transition:transform .3s ease;z-index:100}.dashboard-sidebar.open{transform:translate(0)}.dashboard-main{width:100%;margin-left:0}.dashboard-topbar{padding:1rem;gap:1rem}.topbar-left h1{font-size:1.25rem;margin-left:3rem}.topbar-right{gap:1rem}.user-info{display:none}.dashboard-content{padding:1.5rem}}@media(max-width:480px){.sidebar-toggle{top:.75rem;left:.75rem;padding:.5rem;font-size:1rem}.dashboard-sidebar{width:240px}.sidebar-header{padding:1.5rem 1rem}.sidebar-header h2{font-size:1.1rem}.sidebar-subtitle{font-size:.7rem}.nav-link{padding:.75rem 1rem;gap:.75rem}.nav-label{font-size:.85rem}.nav-icon{font-size:1rem;width:20px}.dashboard-topbar{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.topbar-left h1{font-size:1.1rem;margin-left:2.5rem}.topbar-right{width:100%;justify-content:flex-end;gap:.5rem}.user-avatar{width:36px;height:36px;font-size:.95rem}.user-name{font-size:.85rem}.user-role{font-size:.7rem}.btn-logout{padding:.5rem 1rem;font-size:.8rem}.dashboard-content{padding:1rem}}@media(max-width:360px){.sidebar-header h2{font-size:1rem}.nav-label{display:none}.nav-link{justify-content:center;padding:.75rem}.topbar-left h1{font-size:1rem;margin-left:2.2rem}.btn-logout{padding:.4rem .8rem;font-size:.75rem}.user-avatar{width:32px;height:32px;font-size:.9rem}}@media print{.sidebar-toggle,.sidebar-overlay,.dashboard-topbar,.dashboard-sidebar{display:none}.dashboard-main{width:100%}}