:root{--notif-bg:#0f172a;--notif-card:#1e293b;--notif-border:rgba(255,255,255,0.08);--notif-border-hover:#2196f3;--notif-text:rgba(255,255,255,0.95);--notif-text-secondary:rgba(255,255,255,0.7);--notif-primary:#2196f3;--notif-success:#4caf50;--notif-warning:#ff9800;--notif-error:#f44336}.notifications-dashboard{min-height:100%;background:transparent;color:var(--notif-text);padding:24px;position:relative;overflow:hidden}.video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;opacity:.4}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(15,23,42,.8),rgba(15,23,42,.7) 50%,rgba(15,23,42,.8))}.dashboard-container{max-width:1200px;margin:0 auto;display:grid;grid-template-areas:"available contacts";grid-template-columns:1fr 380px;grid-template-rows:1fr;grid-gap:24px;gap:24px;position:relative;z-index:1}@media (max-width:1024px){.dashboard-container{grid-template-areas:"available" "contacts";grid-template-columns:1fr}}.glass-panel{background:var(--notif-card);border:1px solid var(--notif-border);border-radius:12px;transition:border-color .2s}.glass-panel:hover{border-color:var(--notif-border-hover)}.available-panel{grid-area:available;padding:20px;max-height:700px;overflow-y:auto}.panel-header{justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--notif-border)}.panel-header,.panel-title{display:flex;align-items:center}.panel-title{font-size:1.1rem;font-weight:600;margin:0;gap:8px}.panel-title-icon{color:var(--notif-primary)}.notification-card{background:rgba(255,255,255,.02);border:1px solid var(--notif-border);border-radius:10px;padding:16px;margin-bottom:12px;transition:border-color .2s,background .2s}.notification-card:hover{border-color:var(--notif-border-hover);background:rgba(33,150,243,.05)}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.notification-name{font-size:1rem;font-weight:600;margin:0}.notification-actions{display:flex;gap:8px}.action-button{background:transparent;border:1px solid var(--notif-border);border-radius:6px;padding:6px 12px;color:var(--notif-text);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.action-button:hover{border-color:var(--notif-primary);background:rgba(33,150,243,.1)}.action-button.primary{background:var(--notif-primary);border-color:var(--notif-primary)}.action-button.primary:hover{background:#1976d2}.contacts-sidebar{grid-area:contacts;padding:20px;max-height:700px;overflow-y:auto}.contacts-list{max-height:600px;overflow-y:auto}.contact-item{background:rgba(255,255,255,.02);border:1px solid var(--notif-border);border-radius:10px;padding:14px;margin-bottom:10px;transition:border-color .2s;cursor:pointer}.contact-item:hover{border-color:var(--notif-border-hover)}.contact-name{font-weight:600;margin:0 0 4px;font-size:.9rem}.contact-type{font-size:.8rem;color:var(--notif-text-secondary);display:flex;align-items:center;gap:6px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.active{background:rgba(76,175,80,.15);color:var(--notif-success)}.status-badge.inactive{background:rgba(244,67,54,.15);color:var(--notif-error)}.available-panel,.contacts-list,.contacts-sidebar,.notifications-list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.notifications-list{max-height:600px;overflow-y:auto}.available-panel::-webkit-scrollbar,.contacts-list::-webkit-scrollbar,.contacts-sidebar::-webkit-scrollbar,.notifications-list::-webkit-scrollbar{width:6px}.available-panel::-webkit-scrollbar-track,.contacts-list::-webkit-scrollbar-track,.contacts-sidebar::-webkit-scrollbar-track,.notifications-list::-webkit-scrollbar-track{background:transparent}.available-panel::-webkit-scrollbar-thumb,.contacts-list::-webkit-scrollbar-thumb,.contacts-sidebar::-webkit-scrollbar-thumb,.notifications-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.available-panel::-webkit-scrollbar-thumb:hover,.contacts-list::-webkit-scrollbar-thumb:hover,.contacts-sidebar::-webkit-scrollbar-thumb:hover,.notifications-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.loading-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.notifications-dashboard{padding:16px}.dashboard-container{gap:16px}}.empty-state{text-align:center;padding:40px 20px;color:var(--notif-text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:.95rem;margin:0}