.notification-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:calc(100% - 2rem)}.notification{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:8px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #0006;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-icon{flex-shrink:0;width:20px;height:20px}.notification-icon svg{width:100%;height:100%}.notification-message{flex:1;font-size:.875rem;color:#fff;line-height:1.4}.notification-close{flex-shrink:0;background:none;border:none;padding:.25rem;cursor:pointer;color:var(--text-tertiary);transition:color .2s}@media(hover:hover){.notification-close:hover{color:#fff}}.notification-close svg{width:16px;height:16px}.notification-success{border-color:var(--accent);background:linear-gradient(90deg,#d4a05326,#1a1a1a)}.notification-success .notification-icon{color:var(--accent)}.notification-error{border-color:var(--error);background:linear-gradient(90deg,#ef444426,#1a1a1a)}.notification-error .notification-icon{color:var(--error)}.notification-info{border-color:#3b82f6;background:linear-gradient(90deg,#3b82f626,#1a1a1a)}.notification-info .notification-icon{color:#3b82f6}.notification-warning{border-color:#f59e0b;background:linear-gradient(90deg,#f59e0b26,#1a1a1a)}.notification-warning .notification-icon{color:#f59e0b}@media(max-width:480px){.notification-container{top:auto;bottom:5rem;left:.5rem;right:.5rem;width:auto;max-width:none}.notification{padding:.5rem .75rem;gap:.5rem}.notification-message{font-size:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-icon{width:16px;height:16px}.notification-close svg{width:14px;height:14px}}.notification-history-overlay{position:fixed;inset:0;background:#00000080;z-index:1500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-history-sidebar{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100%;background:#0d0d0d;border-left:1px solid #222;z-index:1501;display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.notification-history-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem;border-bottom:1px solid #222}.notification-history-header h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.notification-history-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-tertiary);transition:color .2s;border-radius:8px}@media(hover:hover){.notification-history-close:hover{color:#fff;background:#ffffff1a}}.notification-history-close svg{width:20px;height:20px;display:block}.notification-history-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);padding:2rem;text-align:center}.notification-history-empty svg{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.notification-history-empty p{font-size:.9rem}.notification-history-actions{padding:.75rem 1rem;border-bottom:1px solid #222}.clear-history-btn{background:none;border:1px solid #333;color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}@media(hover:hover){.clear-history-btn:hover{border-color:var(--error);color:var(--error)}}.notification-history-list{flex:1;overflow-y:auto;padding:.5rem}.notification-history-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border-radius:8px;margin-bottom:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.08)}.notification-history-icon{flex-shrink:0;width:18px;height:18px;margin-top:2px}.notification-history-icon svg{width:100%;height:100%}.notification-history-content{flex:1;min-width:0}.notification-history-message{display:block;font-size:.875rem;color:#ddd;line-height:1.4;word-break:break-word}.notification-history-time{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:.25rem}.notification-history-success .notification-history-icon{color:var(--accent)}.notification-history-error .notification-history-icon{color:var(--error)}.notification-history-info .notification-history-icon{color:#3b82f6}.notification-history-warning .notification-history-icon{color:#f59e0b}.notification-history-server .notification-history-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#333;display:flex;align-items:center;justify-content:center}.notification-history-server .notification-history-avatar img{width:100%;height:100%;object-fit:cover}.notification-history-server .notification-history-avatar svg{width:20px;height:20px;color:#888}.notification-history-item.unread{background:#3b82f614}.notification-history-divider{height:1px;background:#333;margin:.5rem 1rem}.notification-history-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888;padding:.5rem 1rem .25rem}@media(max-width:480px){.notification-history-sidebar{width:100%}}