.notification-container[data-v-9f118b68]{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.notification[data-v-9f118b68]{display:flex;align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:12px;padding:16px;min-width:320px;max-width:420px;position:relative;pointer-events:auto;cursor:pointer;overflow:hidden}.notification-icon[data-v-9f118b68]{flex-shrink:0;width:24px;height:24px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.notification-success .notification-icon[data-v-9f118b68]{color:#10b981}.notification-error .notification-icon[data-v-9f118b68]{color:#ef4444}.notification-warning .notification-icon[data-v-9f118b68]{color:#f59e0b}.notification-info .notification-icon[data-v-9f118b68]{color:#3b82f6}.notification-content[data-v-9f118b68]{flex:1;margin-right:8px}.notification-title[data-v-9f118b68]{font-weight:600;font-size:14px;margin-bottom:4px;color:#1f2937}.notification-message[data-v-9f118b68]{font-size:14px;color:#6b7280;line-height:1.5}.notification-action[data-v-9f118b68]{margin-top:8px}.action-button[data-v-9f118b68]{padding:4px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.action-button[data-v-9f118b68]:hover{background:#2563eb}.notification-close[data-v-9f118b68]{position:absolute;top:12px;right:12px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;font-size:16px;transition:color .2s}.notification-close[data-v-9f118b68]:hover{color:#6b7280}.notification-progress[data-v-9f118b68]{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;animation:progress-9f118b68 linear forwards}.notification-success .notification-progress[data-v-9f118b68]{color:#10b981}.notification-error .notification-progress[data-v-9f118b68]{color:#ef4444}.notification-warning .notification-progress[data-v-9f118b68]{color:#f59e0b}.notification-info .notification-progress[data-v-9f118b68]{color:#3b82f6}@keyframes progress-9f118b68{0%{width:100%}to{width:0}}.notification-enter-active[data-v-9f118b68],.notification-leave-active[data-v-9f118b68]{transition:all .3s ease}.notification-enter-from[data-v-9f118b68],.notification-leave-to[data-v-9f118b68]{transform:translate(100%);opacity:0}.notification-move[data-v-9f118b68]{transition:transform .3s ease}.dark-mode .notification[data-v-9f118b68]{background:#374151;box-shadow:0 4px 12px #00000080}.dark-mode .notification-title[data-v-9f118b68]{color:#f3f4f6}.dark-mode .notification-message[data-v-9f118b68]{color:#d1d5db}.dark-mode .notification-close[data-v-9f118b68]{color:#6b7280}.dark-mode .notification-close[data-v-9f118b68]:hover{color:#9ca3af}@media (max-width: 480px){.notification-container[data-v-9f118b68]{left:10px;right:10px;top:10px}.notification[data-v-9f118b68]{min-width:auto;max-width:none}}.session-warning-overlay[data-v-a5b40a52]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn-a5b40a52 .3s}.session-warning-modal[data-v-a5b40a52]{background:#fff;border-radius:12px;padding:32px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp-a5b40a52 .3s}.warning-icon[data-v-a5b40a52]{width:64px;height:64px;margin:0 auto 20px;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#f59e0b}.warning-title[data-v-a5b40a52]{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:12px}.warning-message[data-v-a5b40a52]{font-size:16px;color:#6b7280;margin-bottom:24px;line-height:1.6}.warning-countdown[data-v-a5b40a52]{margin:24px 0;display:flex;justify-content:center}.countdown-circle[data-v-a5b40a52]{position:relative;width:120px;height:120px}.countdown-circle svg[data-v-a5b40a52]{transform:rotate(-90deg)}.countdown-circle circle[data-v-a5b40a52]{transition:stroke-dashoffset 1s linear}.countdown-text[data-v-a5b40a52]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:600;color:#3b82f6}.warning-actions[data-v-a5b40a52]{display:flex;gap:12px;justify-content:center}.btn[data-v-a5b40a52]{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary[data-v-a5b40a52]{background:#3b82f6;color:#fff}.btn-primary[data-v-a5b40a52]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-secondary[data-v-a5b40a52]{background:#6b7280;color:#fff}.btn-secondary[data-v-a5b40a52]:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #6b728066}@keyframes fadeIn-a5b40a52{0%{opacity:0}to{opacity:1}}@keyframes slideUp-a5b40a52{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dark-mode .session-warning-modal[data-v-a5b40a52]{background:#1f2937}.dark-mode .warning-title[data-v-a5b40a52]{color:#f3f4f6}.dark-mode .warning-message[data-v-a5b40a52]{color:#d1d5db}.dark-mode .warning-icon[data-v-a5b40a52]{background:#78350f;color:#fbbf24}@media (max-width: 480px){.session-warning-modal[data-v-a5b40a52]{padding:24px}.warning-title[data-v-a5b40a52]{font-size:20px}.warning-message[data-v-a5b40a52]{font-size:14px}.warning-actions[data-v-a5b40a52]{flex-direction:column}.btn[data-v-a5b40a52]{width:100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;background:#f5f7fa;line-height:1.6}#app{min-height:100vh;position:relative}.dark-mode,.dark-mode body{background:#1a1a1a;color:#e0e0e0}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:9999}.dark-mode .loading-overlay{background:#1a1a1af2}.loading-spinner{font-size:48px;color:#667eea}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#ffc107;color:#000;padding:10px;text-align:center;z-index:9998;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500}.sync-badge{background:#0003;padding:2px 8px;border-radius:12px;font-size:12px}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-down-enter-active,.slide-down-leave-active{transition:transform .3s}.slide-down-enter-from,.slide-down-leave-to{transform:translateY(-100%)}.page-enter-active,.page-leave-active{transition:opacity .2s,transform .2s}.page-enter-from{opacity:0;transform:translate(-10px)}.page-leave-to{opacity:0;transform:translate(10px)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.dark-mode ::-webkit-scrollbar-track{background:#2a2a2a}.dark-mode ::-webkit-scrollbar-thumb{background:#555}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#777}@media (max-width: 768px){html{font-size:14px}.container{padding:0 15px}}@media (max-width: 480px){html{font-size:13px}.container{padding:0 10px}}:root{--primary: #3b82f6;--secondary: #6b7280;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}.loading-spinner-container[data-v-9acabbb5]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-spinner-container.is-inline[data-v-9acabbb5]{display:inline-flex;flex-direction:row;gap:8px}.loading-spinner-container.is-overlay[data-v-9acabbb5]{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;z-index:100}.dark-mode .loading-spinner-container.is-overlay[data-v-9acabbb5]{background:#1f2937e6}.size-small .loading-spinner[data-v-9acabbb5]{font-size:16px}.size-medium .loading-spinner[data-v-9acabbb5]{font-size:24px}.size-large .loading-spinner[data-v-9acabbb5]{font-size:32px}.size-xlarge .loading-spinner[data-v-9acabbb5]{font-size:48px}.color-primary .loading-spinner[data-v-9acabbb5]{color:#3b82f6}.color-success .loading-spinner[data-v-9acabbb5]{color:#10b981}.color-danger .loading-spinner[data-v-9acabbb5]{color:#ef4444}.color-warning .loading-spinner[data-v-9acabbb5]{color:#f59e0b}.color-info .loading-spinner[data-v-9acabbb5]{color:#06b6d4}.color-dark .loading-spinner[data-v-9acabbb5]{color:#1f2937}.color-light .loading-spinner[data-v-9acabbb5]{color:#f3f4f6}.loading-text[data-v-9acabbb5]{font-size:14px;color:#6b7280;font-weight:500}.dark-mode .loading-text[data-v-9acabbb5]{color:#d1d5db}.size-small .loading-text[data-v-9acabbb5]{font-size:12px}.size-large .loading-text[data-v-9acabbb5]{font-size:16px}.size-xlarge .loading-text[data-v-9acabbb5]{font-size:18px}.spinner-dots[data-v-9acabbb5]{display:flex;gap:4px}.spinner-dots .dot[data-v-9acabbb5]{width:8px;height:8px;background:currentColor;border-radius:50%;animation:dots-9acabbb5 1.4s infinite ease-in-out both}.spinner-dots .dot[data-v-9acabbb5]:nth-child(1){animation-delay:-.32s}.spinner-dots .dot[data-v-9acabbb5]:nth-child(2){animation-delay:-.16s}@keyframes dots-9acabbb5{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.spinner-ring[data-v-9acabbb5]{display:inline-block;position:relative;width:64px;height:64px}.size-small .spinner-ring[data-v-9acabbb5]{width:32px;height:32px}.size-large .spinner-ring[data-v-9acabbb5]{width:80px;height:80px}.size-xlarge .spinner-ring[data-v-9acabbb5]{width:96px;height:96px}.spinner-ring div[data-v-9acabbb5]{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;border:6px solid currentColor;border-radius:50%;animation:ring-9acabbb5 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:currentColor transparent transparent transparent}.size-small .spinner-ring div[data-v-9acabbb5]{border-width:3px}.size-large .spinner-ring div[data-v-9acabbb5]{border-width:8px}.spinner-ring div[data-v-9acabbb5]:nth-child(1){animation-delay:-.45s}.spinner-ring div[data-v-9acabbb5]:nth-child(2){animation-delay:-.3s}.spinner-ring div[data-v-9acabbb5]:nth-child(3){animation-delay:-.15s}@keyframes ring-9acabbb5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-pulse[data-v-9acabbb5]{display:inline-block;position:relative;width:40px;height:40px}.size-small .spinner-pulse[data-v-9acabbb5]{width:24px;height:24px}.size-large .spinner-pulse[data-v-9acabbb5]{width:56px;height:56px}.size-xlarge .spinner-pulse[data-v-9acabbb5]{width:72px;height:72px}.spinner-pulse div[data-v-9acabbb5]{position:absolute;top:0;width:100%;height:100%;border-radius:50%;background:currentColor;opacity:.6;animation:pulse-9acabbb5 2s cubic-bezier(0,.2,.8,1) infinite}.spinner-pulse div[data-v-9acabbb5]:nth-child(2){animation-delay:-1s}@keyframes pulse-9acabbb5{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.error-message[data-v-a5368d7b]{display:flex;align-items:flex-start;padding:16px;border-radius:8px;border:1px solid;margin-bottom:16px;position:relative;animation:slideIn-a5368d7b .3s ease}.error-inline[data-v-a5368d7b]{display:inline-flex;margin-bottom:0}.error-compact[data-v-a5368d7b]{padding:12px}.error-compact .error-icon[data-v-a5368d7b]{width:20px;height:20px;font-size:16px}.error-error[data-v-a5368d7b]{background:#fef2f2;border-color:#fecaca;color:#991b1b}.error-warning[data-v-a5368d7b]{background:#fffbeb;border-color:#fed7aa;color:#92400e}.error-info[data-v-a5368d7b]{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.error-icon[data-v-a5368d7b]{flex-shrink:0;width:24px;height:24px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.error-error .error-icon[data-v-a5368d7b]{color:#dc2626}.error-warning .error-icon[data-v-a5368d7b]{color:#f59e0b}.error-info .error-icon[data-v-a5368d7b]{color:#3b82f6}.error-content[data-v-a5368d7b]{flex:1;min-width:0}.error-title[data-v-a5368d7b]{font-weight:600;font-size:16px;margin-bottom:4px}.error-compact .error-title[data-v-a5368d7b]{font-size:14px}.error-text[data-v-a5368d7b]{font-size:14px;line-height:1.5}.error-compact .error-text[data-v-a5368d7b]{font-size:13px}.error-details[data-v-a5368d7b]{margin-top:12px}.details-toggle[data-v-a5368d7b]{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#0000000d;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s}.details-toggle[data-v-a5368d7b]:hover{background:#0000001a}.details-content[data-v-a5368d7b]{margin-top:8px;padding:12px;background:#0000000d;border-radius:4px;overflow-x:auto}.details-content pre[data-v-a5368d7b]{margin:0;font-family:Monaco,Courier New,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all}.error-actions[data-v-a5368d7b]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.action-button[data-v-a5368d7b]{padding:6px 12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary[data-v-a5368d7b]{background:#3b82f6;color:#fff}.btn-primary[data-v-a5368d7b]:hover{background:#2563eb}.btn-secondary[data-v-a5368d7b]{background:#6b7280;color:#fff}.btn-secondary[data-v-a5368d7b]:hover{background:#4b5563}.btn-outline[data-v-a5368d7b]{background:transparent;border:1px solid currentColor;color:inherit}.btn-outline[data-v-a5368d7b]:hover{background:#0000000d}.error-close[data-v-a5368d7b]{position:absolute;top:12px;right:12px;background:none;border:none;color:currentColor;opacity:.5;cursor:pointer;padding:4px;font-size:16px;transition:opacity .2s}.error-close[data-v-a5368d7b]:hover{opacity:.8}@keyframes slideIn-a5368d7b{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.dark-mode .error-error[data-v-a5368d7b]{background:#7f1d1d;border-color:#991b1b;color:#fecaca}.dark-mode .error-warning[data-v-a5368d7b]{background:#78350f;border-color:#92400e;color:#fed7aa}.dark-mode .error-info[data-v-a5368d7b]{background:#1e3a8a;border-color:#1e40af;color:#bfdbfe}.dark-mode .details-toggle[data-v-a5368d7b]{background:#ffffff1a}.dark-mode .details-toggle[data-v-a5368d7b]:hover{background:#ffffff26}.dark-mode .details-content[data-v-a5368d7b]{background:#ffffff0d}@media (max-width: 480px){.error-message[data-v-a5368d7b]{padding:12px}.error-icon[data-v-a5368d7b]{width:20px;height:20px;font-size:16px}.error-title[data-v-a5368d7b]{font-size:14px}.error-text[data-v-a5368d7b]{font-size:13px}}.success-message[data-v-ff86f689]{display:flex;align-items:flex-start;padding:16px;border-radius:8px;border:1px solid;margin-bottom:16px;position:relative;overflow:hidden}.success-inline[data-v-ff86f689]{display:inline-flex;margin-bottom:0}.success-compact[data-v-ff86f689]{padding:12px}.success-compact .success-icon[data-v-ff86f689]{width:20px;height:20px;font-size:16px}.success-success[data-v-ff86f689]{background:#f0fdf4;border-color:#86efac;color:#14532d}.success-achievement[data-v-ff86f689]{background:#fef3c7;border-color:#fde047;color:#713f12}.success-complete[data-v-ff86f689]{background:#eff6ff;border-color:#93c5fd;color:#1e3a8a}.success-icon[data-v-ff86f689]{flex-shrink:0;width:24px;height:24px;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.success-success .success-icon[data-v-ff86f689]{color:#16a34a}.success-achievement .success-icon[data-v-ff86f689]{color:#eab308}.success-complete .success-icon[data-v-ff86f689]{color:#2563eb}.animate-success[data-v-ff86f689]{animation:successBounce-ff86f689 .6s ease}@keyframes successBounce-ff86f689{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-content[data-v-ff86f689]{flex:1;min-width:0}.success-title[data-v-ff86f689]{font-weight:600;font-size:16px;margin-bottom:4px}.success-compact .success-title[data-v-ff86f689]{font-size:14px}.success-text[data-v-ff86f689]{font-size:14px;line-height:1.5}.success-compact .success-text[data-v-ff86f689]{font-size:13px}.success-subtitle[data-v-ff86f689]{font-size:13px;margin-top:4px;opacity:.8}.success-actions[data-v-ff86f689]{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.action-button[data-v-ff86f689]{padding:6px 12px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-success[data-v-ff86f689]{background:#16a34a;color:#fff}.btn-success[data-v-ff86f689]:hover{background:#15803d}.btn-outline[data-v-ff86f689]{background:transparent;border:1px solid currentColor;color:inherit}.btn-outline[data-v-ff86f689]:hover{background:#0000000d}.success-close[data-v-ff86f689]{position:absolute;top:12px;right:12px;background:none;border:none;color:currentColor;opacity:.5;cursor:pointer;padding:4px;font-size:16px;transition:opacity .2s}.success-close[data-v-ff86f689]:hover{opacity:.8}.success-progress[data-v-ff86f689]{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000001a;overflow:hidden}.progress-bar[data-v-ff86f689]{height:100%;background:currentColor;opacity:.3;animation:progressCountdown-ff86f689 linear forwards}@keyframes progressCountdown-ff86f689{0%{width:100%}to{width:0}}.success-transition-enter-active[data-v-ff86f689]{animation:slideInRight-ff86f689 .3s ease}.success-transition-leave-active[data-v-ff86f689]{animation:slideOutRight-ff86f689 .3s ease}@keyframes slideInRight-ff86f689{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-ff86f689{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.dark-mode .success-success[data-v-ff86f689]{background:#14532d;border-color:#16a34a;color:#86efac}.dark-mode .success-achievement[data-v-ff86f689]{background:#713f12;border-color:#a16207;color:#fde047}.dark-mode .success-complete[data-v-ff86f689]{background:#1e3a8a;border-color:#2563eb;color:#93c5fd}.dark-mode .progress-bar[data-v-ff86f689]{background:#ffffff4d}@media (max-width: 480px){.success-message[data-v-ff86f689]{padding:12px}.success-icon[data-v-ff86f689]{width:20px;height:20px;font-size:16px}.success-title[data-v-ff86f689]{font-size:14px}.success-text[data-v-ff86f689]{font-size:13px}.success-subtitle[data-v-ff86f689]{font-size:12px}}