.notification-container{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;pointer-events:none}.notification{padding:16px;margin-bottom:12px;border-radius:8px;box-shadow:0 4px 12px #00000026;transform:translate(100%);opacity:0;transition:all .3s ease;display:flex;align-items:center;min-height:60px;max-width:400px;word-wrap:break-word;pointer-events:auto;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.notification__content{display:flex;align-items:center;width:100%;gap:12px}.notification__icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification__message{flex:1;font-size:14px;line-height:1.4;font-weight:500}.notification__close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;opacity:.7}.notification__close:hover{background-color:#0000001a;opacity:1}.notification--success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.notification--success .notification__icon svg{color:#28a745}.notification--error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.notification--error .notification__icon svg{color:#dc3545}.notification--info{background-color:#d1ecf1;color:#0c5460;border-color:#bee5eb}.notification--info .notification__icon svg{color:#17a2b8}.notification.show{transform:translate(0);opacity:1}.notification.hide{transform:translate(100%);opacity:0}@media (max-width: 768px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.notification{max-width:none;margin-bottom:8px;padding:12px;min-height:50px}.notification__message{font-size:13px}.notification__icon{width:18px;height:18px}}@media (max-width: 480px){.notification-container{top:5px;right:5px;left:5px}.notification{padding:10px;min-height:45px}.notification__message{font-size:12px}.notification__icon{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.notification{transition:none}}@media (prefers-color-scheme: dark){.notification--success{background-color:#1e4d2b;color:#d4edda;border-color:#2d5a3d}.notification--error{background-color:#4d1e1e;color:#f8d7da;border-color:#5a2d2d}.notification--info{background-color:#1e4d5a;color:#d1ecf1;border-color:#2d5a6a}.notification__close:hover{background-color:#ffffff1a}}.notification__close:focus{outline:2px solid currentColor;outline-offset:2px}@media print{.notification-container{display:none}}