.nb-container{display:inline-block;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nb-theme-dark{--nb-bell-bg: #1e293b;--nb-bell-hover: #334155;--nb-bell-icon: #f1f5f9;--nb-badge-bg: #ef4444;--nb-badge-color: white;--nb-panel-bg: #1e293b;--nb-panel-border: #334155;--nb-panel-shadow: 0 4px 12px rgba(0, 0, 0, .4);--nb-text-primary: #f1f5f9;--nb-text-secondary: #94a3b8;--nb-text-muted: #64748b;--nb-item-hover: #334155;--nb-item-unread: rgba(59, 130, 246, .15);--nb-item-border: #334155;--nb-accent: #3b82f6}.nb-theme-light{--nb-bell-bg: #f1f5f9;--nb-bell-hover: #e2e8f0;--nb-bell-icon: #1e293b;--nb-badge-bg: #ef4444;--nb-badge-color: white;--nb-panel-bg: white;--nb-panel-border: #e2e8f0;--nb-panel-shadow: 0 4px 12px rgba(0, 0, 0, .15);--nb-text-primary: #1e293b;--nb-text-secondary: #64748b;--nb-text-muted: #94a3b8;--nb-item-hover: #f8fafc;--nb-item-unread: rgba(59, 130, 246, .1);--nb-item-border: #e2e8f0;--nb-accent: #3b82f6}.nb-bell{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:var(--nb-bell-bg);border:none;transition:background .2s}.nb-bell:hover{background:var(--nb-bell-hover)}.nb-bell-icon{width:22px;height:22px;color:var(--nb-bell-icon)}.nb-bell.nb-disabled{opacity:.5;cursor:not-allowed}.nb-bell.nb-disabled:hover{background:var(--nb-bell-bg)}.nb-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;background:var(--nb-badge-bg);color:var(--nb-badge-color);font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.nb-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:420px;background:var(--nb-panel-bg);border:1px solid var(--nb-panel-border);border-radius:8px;box-shadow:var(--nb-panel-shadow);display:flex;flex-direction:column;z-index:1000;overflow:hidden}.nb-panel-only .nb-panel{position:static;top:auto;right:auto;box-shadow:none;border:none;border-radius:0}.nb-panel-header{padding:12px 16px;border-bottom:1px solid var(--nb-panel-border);display:flex;justify-content:space-between;align-items:center}.nb-panel-title{font-weight:600;font-size:14px;color:var(--nb-text-primary)}.nb-panel-actions{display:flex;gap:8px}.nb-panel-btn{background:none;border:none;color:var(--nb-accent);font-size:12px;cursor:pointer;padding:4px 8px}.nb-panel-btn:hover{text-decoration:underline}.nb-notification-list{flex:1;overflow-y:auto;max-height:320px}.nb-empty{padding:32px;text-align:center;color:var(--nb-text-muted);font-size:13px}.nb-notification-item{padding:12px 16px;border-bottom:1px solid var(--nb-item-border);cursor:pointer;transition:background .2s}.nb-notification-item:hover{background:var(--nb-item-hover)}.nb-notification-item.nb-unread{background:var(--nb-item-unread);border-left:3px solid var(--nb-accent)}.nb-notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.nb-notification-title{font-weight:500;font-size:13px;color:var(--nb-text-primary);flex:1}.nb-notification-time{font-size:11px;color:var(--nb-text-muted);margin-left:8px;white-space:nowrap}.nb-read-toggle-btn{background:none;border:none;cursor:pointer;color:var(--nb-accent);padding:4px;margin-left:6px;border-radius:4px;opacity:.6;transition:opacity .2s,background .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nb-read-toggle-btn svg{width:16px;height:16px}.nb-read-toggle-btn:hover{opacity:1;background:var(--nb-item-hover)}.nb-read-toggle-btn.nb-read{opacity:.4;color:var(--nb-text-muted)}.nb-read-toggle-btn.nb-read:hover{opacity:.8}.nb-notification-message{font-size:12px;color:var(--nb-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.nb-notification-message a{color:var(--nb-accent);text-decoration:none}.nb-notification-message a:hover{text-decoration:underline}.nb-notification-message b,.nb-notification-message strong{font-weight:600;color:var(--nb-text-primary)}.nb-notification-source{font-size:11px;color:var(--nb-text-muted);margin-top:4px;font-style:italic}.nb-notification-meta{display:flex;gap:6px;margin-top:6px}.nb-type-badge{font-size:10px;padding:2px 6px;border-radius:3px;text-transform:uppercase;font-weight:600}.nb-type-badge.nb-info{background:#3b82f6;color:#fff}.nb-type-badge.nb-success{background:#10b981;color:#fff}.nb-type-badge.nb-warning{background:#f59e0b;color:#000}.nb-type-badge.nb-error,.nb-type-badge.nb-alert{background:#ef4444;color:#fff}.nb-type-badge.nb-broadcast{background:#8b5cf6;color:#fff}.nb-panel-footer{padding:8px 16px;border-top:1px solid var(--nb-panel-border);display:flex;justify-content:center;gap:16px}.nb-connection-indicator{font-size:10px;color:var(--nb-text-muted);display:flex;align-items:center;gap:4px}.nb-connection-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.nb-connection-dot.nb-polling{background:#f59e0b}.nb-connection-dot.nb-disconnected{background:#ef4444}.nb-connection-dot.nb-error{background:#ef4444;animation:nb-pulse-error 2s infinite}@keyframes nb-pulse-error{0%,to{opacity:1}50%{opacity:.4}}.nb-notification-list::-webkit-scrollbar{width:6px}.nb-notification-list::-webkit-scrollbar-track{background:transparent}.nb-notification-list::-webkit-scrollbar-thumb{background:var(--nb-panel-border);border-radius:3px}