@import"https://fonts.googleapis.com/icon?family=Material+Icons";.notification-container[data-v-7e197c51]{display:flex;flex-direction:column;gap:15px;max-width:500px;position:fixed;right:20px;top:20px;z-index:10000}.notification-toast[data-v-7e197c51]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.notification-toast[data-v-7e197c51],.notification-visible[data-v-7e197c51]{opacity:1;transform:translate(0)}.notification-content[data-v-7e197c51]{align-items:flex-start;display:flex;gap:15px;padding:20px}.notification-icon[data-v-7e197c51]{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.notification-icon .material-icons[data-v-7e197c51]{font-size:24px;font-weight:400}.notification-text[data-v-7e197c51]{flex:1;min-width:0}.notification-title[data-v-7e197c51]{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:6px}.notification-message[data-v-7e197c51]{color:#666;font-size:14px;line-height:1.5}.notification-close[data-v-7e197c51]{align-items:center;background:none;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s ease}.notification-close[data-v-7e197c51]:hover{background:#00000014;color:#666;transform:scale(1.1)}.notification-close .material-icons[data-v-7e197c51]{font-size:20px}.notification-progress[data-v-7e197c51]{background:#00000014;bottom:0;height:4px;left:0;overflow:hidden;position:absolute;right:0}.notification-progress-bar[data-v-7e197c51]{animation:countdown-7e197c51 linear forwards;background:currentColor;border-radius:0;height:100%;transform-origin:left;width:100%}@keyframes countdown-7e197c51{0%{width:100%}to{width:0}}.notification-toast:hover .notification-progress-bar[data-v-7e197c51]{animation-play-state:paused}.notification-success[data-v-7e197c51]{border-left-color:#10b981;color:#10b981}.notification-success .notification-icon[data-v-7e197c51]{background:#10b98126;color:#059669}.notification-success .notification-progress-bar[data-v-7e197c51]{background:linear-gradient(90deg,#10b981,#059669)}.notification-error[data-v-7e197c51]{border-left-color:#ef4444;color:#ef4444}.notification-error .notification-icon[data-v-7e197c51]{background:#ef444426;color:#dc2626}.notification-error .notification-progress-bar[data-v-7e197c51]{background:linear-gradient(90deg,#ef4444,#dc2626)}.notification-warning[data-v-7e197c51]{border-left-color:#f59e0b;color:#f59e0b}.notification-warning .notification-icon[data-v-7e197c51]{background:#f59e0b26;color:#d97706}.notification-warning .notification-progress-bar[data-v-7e197c51]{background:linear-gradient(90deg,#f59e0b,#d97706)}.notification-info[data-v-7e197c51]{border-left-color:#3b82f6;color:#3b82f6}.notification-info .notification-icon[data-v-7e197c51]{background:#3b82f626;color:#2563eb}.notification-info .notification-progress-bar[data-v-7e197c51]{background:linear-gradient(90deg,#3b82f6,#2563eb)}.notification-enter-active[data-v-7e197c51]{transition:all .4s cubic-bezier(.4,0,.2,1)}.notification-leave-active[data-v-7e197c51]{transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-enter-from[data-v-7e197c51],.notification-leave-to[data-v-7e197c51]{opacity:0;transform:translate(100%) scale(.95)}.notification-move[data-v-7e197c51]{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.notification-container[data-v-7e197c51]{left:16px;max-width:none;right:16px;top:16px}.notification-content[data-v-7e197c51]{gap:12px;padding:16px}.notification-icon[data-v-7e197c51]{height:36px;width:36px}.notification-icon .material-icons[data-v-7e197c51]{font-size:20px}.notification-title[data-v-7e197c51]{font-size:15px}.notification-message[data-v-7e197c51]{font-size:13px}.notification-progress[data-v-7e197c51]{height:3px}}@media (max-width:480px){.notification-container[data-v-7e197c51]{left:12px;right:12px;top:12px}.notification-content[data-v-7e197c51]{padding:14px}.notification-progress[data-v-7e197c51]{height:3px}}
