#app{font-weight:400;height:100vh;width:100%}#app,body{margin:0;padding:0}body,html{overflow:hidden}.top-system-notification[data-v-443baf04]{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:auto;max-width:360px;min-width:260px;background:var(--card-bg);border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.05);padding:14px 16px;z-index:9999;overflow:hidden;backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08);transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.top-system-notification[data-v-443baf04]:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.12),inset 0 0 0 1px hsla(0,0%,100%,.08)}.notification-content[data-v-443baf04]{display:flex;flex-direction:column;gap:8px}.content-header[data-v-443baf04]{display:flex;align-items:center;gap:10px}.notification-icon[data-v-443baf04]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.icon-el[data-v-443baf04]{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.title-time[data-v-443baf04]{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-title[data-v-443baf04]{font-size:13px;font-weight:600;margin:0;color:var(--text-primary);line-height:1.3;flex-shrink:0}.notification-time[data-v-443baf04]{font-size:11px;color:var(--text-tertiary);font-weight:500;opacity:.8;flex-shrink:0}.close-btn[data-v-443baf04]{flex-shrink:0;width:20px;height:20px;border-radius:6px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-tertiary);opacity:.6;padding:0}.close-btn[data-v-443baf04]:hover{background:rgba(0,0,0,.06);color:var(--text-secondary);opacity:1}.close-el[data-v-443baf04]{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.notification-message[data-v-443baf04]{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0;padding-left:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.progress-bar[data-v-443baf04]{position:absolute;bottom:0;left:0;right:0;height:2px;background:currentColor;transition:width .05s linear;border-radius:0 0 10px 10px;opacity:.3}.type-warning .icon-el[data-v-443baf04]{color:#ff9800}.type-warning .progress-bar[data-v-443baf04]{background:#ff9800}.type-info .icon-el[data-v-443baf04]{color:var(--accent-color,#2196f3)}.type-info .progress-bar[data-v-443baf04]{background:var(--accent-color,#2196f3)}.type-success .icon-el[data-v-443baf04]{color:#4caf50}.type-success .progress-bar[data-v-443baf04]{background:#4caf50}.type-error .icon-el[data-v-443baf04]{color:#f44336}.type-error .progress-bar[data-v-443baf04]{background:#f44336}.slide-down-enter-active[data-v-443baf04],.slide-down-leave-active[data-v-443baf04]{transition:all .35s cubic-bezier(.4,0,.2,1)}.slide-down-enter-from[data-v-443baf04],.slide-down-leave-to[data-v-443baf04]{opacity:0;transform:translateX(-50%) translateY(-15px) scale(.98)}@media (max-width:640px){.top-system-notification[data-v-443baf04]{top:16px;left:16px;right:16px;transform:none;max-width:none;width:auto;padding:12px 14px}.notification-title[data-v-443baf04]{font-size:12px}.notification-message[data-v-443baf04]{font-size:11px;padding-left:26px}.notification-time[data-v-443baf04]{font-size:10px}.close-btn[data-v-443baf04],.notification-icon[data-v-443baf04]{width:18px;height:18px}.icon-el[data-v-443baf04]{width:14px;height:14px}.top-system-notification[data-v-443baf04]:hover{transform:translateY(-2px)}.slide-down-enter-from[data-v-443baf04],.slide-down-leave-to[data-v-443baf04]{transform:translateY(-15px) scale(.98)}}@media (prefers-color-scheme:dark){.top-system-notification[data-v-443baf04]{background:rgba(30,30,35,.92);border-color:hsla(0,0%,100%,.06)}.close-btn[data-v-443baf04]:hover{background:hsla(0,0%,100%,.08)}}.top-system-notification:hover .progress-bar[data-v-443baf04]{opacity:.2}.top-system-notification[data-v-443baf04]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.notification-message[data-v-443baf04]{max-height:3em}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--border-color:rgba(0,0,0,.08);--border-light:rgba(0,0,0,.04);--shadow-color:rgba(0,0,0,.1);--shadow-light:rgba(0,0,0,.05);--accent-color:#409eff;--header-bg:hsla(0,0%,100%,.95);--card-bg:#fff;--hover-bg:rgba(0,0,0,.02);--gradient-primary:linear-gradient(135deg,#f8fafc,#f1f5f9);--gradient-secondary:linear-gradient(135deg,#fff,#f8fafc);--overlay-light:rgba(0,0,0,.1);--overlay-dark:rgba(0,0,0,.3)}.dark-theme{--bg-primary:#0f0f1f;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.85);--text-tertiary:hsla(0,0%,100%,.6);--border-color:hsla(0,0%,100%,.12);--border-light:hsla(0,0%,100%,.06);--shadow-color:rgba(0,0,0,.4);--shadow-light:rgba(0,0,0,.2);--accent-color:#6e8efb;--header-bg:rgba(26,26,46,.95);--card-bg:#1e1e3a;--hover-bg:hsla(0,0%,100%,.05);--gradient-primary:linear-gradient(135deg,#0f0f1f,#1a1a2e);--gradient-secondary:linear-gradient(135deg,#1a1a2e,#16213e);--overlay-light:rgba(0,0,0,.3);--overlay-dark:rgba(0,0,0,.6)}*{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}