.notification-container{position:fixed;top:80px;right:16px;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:10px;max-width:400px;width:calc(100vw - 32px)}@media(max-width:480px){.notification-container{right:12px;left:12px;max-width:none;width:auto;top:72px}}.notification-panel{pointer-events:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d,0 0 0 1px #00000005;overflow:hidden;width:100%}.notification-inner{display:flex;align-items:flex-start;gap:12px;padding:14px;position:relative}.notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-title{font-size:.8125rem;font-weight:600;color:#111827;line-height:1.3}.notification-message{font-size:.75rem;color:#1a1a2e;line-height:1.4;margin-top:1px}.notification-action-btn{align-self:flex-start;margin-top:6px;font-size:.75rem;font-weight:600;background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s ease}.notification-action-btn:hover{opacity:.7}.notification-close{position:absolute;top:10px;right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#1a1a2e;transition:background .15s ease,color .15s ease}.notification-close:hover{background:#f3f4f6;color:#374151}