.electric-svg-filters[data-v-584f9e3a]{pointer-events:none;width:0;height:0;position:absolute}.navigation[data-v-1e988788]{--color-divider-rgb:163, 177, 198;background:var(--nav-bg);z-index:100;border-radius:0;flex-direction:column;gap:24px;width:240px;min-width:240px;height:100vh;padding:28px 20px;transition:all .3s;display:flex;position:fixed;top:0;left:0}.navigation[data-v-1e988788]:after{content:"";background-image:var(--texture-pattern);pointer-events:none;opacity:.4;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.navigation.collapsed[data-v-1e988788]{align-items:center;width:80px;min-width:80px;padding:28px 12px}.toggle-btn[data-v-1e988788]{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;margin-right:-10px;transition:all .3s;display:flex}.toggle-btn[data-v-1e988788]:hover{transform:translate(-2px)}.toggle-btn[data-v-1e988788]:active{transform:translate(0)}.toggle-btn svg[data-v-1e988788]{stroke:var(--main-primary);transition:all .2s}.toggle-btn .toggle-arrow[data-v-1e988788]{opacity:0;transition:opacity .2s}.toggle-btn:hover .toggle-arrow[data-v-1e988788]{opacity:1}.nav-brand[data-v-1e988788]{justify-content:flex-start;align-items:center;gap:12px;padding-bottom:14px;display:flex;position:relative}.nav-brand[data-v-1e988788]:after{content:"";background-color:var(--color-black);height:1px;position:absolute;bottom:0;left:80px;right:-50px}.nav-brand h2[data-v-1e988788]{letter-spacing:-.5px;color:var(--nav-text);text-align:center;margin:0;font-size:1.5rem;font-weight:500;transition:all .3s}.navigation.collapsed .nav-brand[data-v-1e988788]{justify-content:center;padding-bottom:16px}.brand-icon[data-v-1e988788]{color:var(--nav-active-bg);flex-shrink:0}.brand-toggle[data-v-1e988788]{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:relative}.brand-toggle .brand-logo[data-v-1e988788]{transition:opacity .2s}.brand-toggle .brand-expand-icon[data-v-1e988788]{stroke:var(--main-primary);opacity:0;margin:auto;transition:opacity .2s;position:absolute;inset:0}.brand-toggle:hover .brand-logo[data-v-1e988788]{opacity:0}.brand-toggle:hover .brand-expand-icon[data-v-1e988788]{opacity:1}.nav-links[data-v-1e988788]{flex-direction:column;gap:12px;display:flex}.nav-link[data-v-1e988788]{color:var(--nav-text);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.nav-link[data-v-1e988788]:hover{color:var(--main-primary);transform:translate(4px)}.nav-link.active[data-v-1e988788]{color:var(--nav-recent-text);background:var(--nav-active-bg)}.nav-link svg[data-v-1e988788]{stroke:currentColor;flex-shrink:0}.nav-link span[data-v-1e988788]{white-space:nowrap;text-overflow:ellipsis;transition:opacity .3s;overflow:hidden}.navigation.collapsed .nav-link[data-v-1e988788]{justify-content:center;padding:12px}.navigation.collapsed .nav-link span[data-v-1e988788]{display:none}.navigation.collapsed .nav-link[data-v-1e988788]:hover{transform:translateY(-2px)}.nav-spacer[data-v-1e988788]{background:var(--nav-recent-bg);flex:1;min-height:20px;margin:0 -20px -24px;padding-bottom:24px;position:relative}.nav-spacer[data-v-1e988788]:before{content:"";background-image:var(--texture-pattern);pointer-events:none;opacity:.3;width:100%;height:100%;position:absolute;top:0;left:0}.navigation.collapsed .nav-spacer[data-v-1e988788]{margin:0 -12px -24px}.nav-user[data-v-1e988788]{border-top:1px solid rgba(var(--color-divider-rgb), .2);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin:0 -20px -28px;padding:20px 20px 28px;transition:all .3s;display:flex;position:relative}.nav-user[data-v-1e988788]:before{content:"";background-image:var(--texture-pattern);pointer-events:none;opacity:.1;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.navigation.collapsed .nav-user[data-v-1e988788]{background:0 0;border-top:none;flex-direction:column;gap:12px;margin:0 -12px -20px;padding:20px 12px}.navigation.collapsed .nav-user[data-v-1e988788]:before{display:none}.user-avatar-btn[data-v-1e988788]{z-index:1;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s;display:flex;position:relative}.user-avatar-btn[data-v-1e988788]:hover{transform:translateY(-2px)}.avatar-circle[data-v-1e988788]{background:var(--nav-bg);width:48px;height:48px;color:var(--nav-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex}.avatar-circle[data-v-1e988788]:hover{color:var(--main-primary-dark)}.logout-btn[data-v-1e988788]{background:var(--nav-bg);cursor:pointer;color:var(--nav-text);z-index:1;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;position:relative}.logout-btn[data-v-1e988788]:hover{color:var(--main-primary);transform:translateY(-2px)}.logout-btn[data-v-1e988788]:active{transform:translateY(0)}.logout-btn svg[data-v-1e988788]{stroke:currentColor;flex-shrink:0}.logout-btn span[data-v-1e988788]{transition:opacity .3s}.navigation.collapsed .logout-btn[data-v-1e988788]{width:44px;min-width:44px;padding:12px}.navigation.collapsed .logout-btn span[data-v-1e988788]{display:none}.recent-tasks[data-v-1e988788]{border-radius:0;flex-direction:column;flex:1;gap:8px;min-height:0;margin:0 -20px -24px;padding:16px 20px 24px;display:flex;position:relative;overflow:hidden}.recent-tasks-header[data-v-1e988788]{z-index:1;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;display:flex;position:relative}.recent-tasks-header h3[data-v-1e988788]{color:var(--nav-text);margin:0;font-size:.85rem;font-weight:600}.recent-tasks-list[data-v-1e988788]{z-index:1;flex-direction:column;gap:6px;max-height:300px;padding-right:4px;display:flex;position:relative;overflow-y:auto}.recent-tasks-list[data-v-1e988788]::-webkit-scrollbar{width:4px}.recent-tasks-list[data-v-1e988788]::-webkit-scrollbar-track{background:0 0}.recent-tasks-list[data-v-1e988788]::-webkit-scrollbar-thumb{background:rgba(var(--color-divider-rgb), .3);border-radius:2px}.recent-task-empty[data-v-1e988788]{text-align:center;color:var(--nav-text);opacity:.7;padding:8px 12px;font-size:.85rem}.recent-task-item[data-v-1e988788]{cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:3px 12px;text-decoration:none;transition:all .2s;display:flex}.recent-task-item[data-v-1e988788]:hover{transform:translate(2px)}.recent-task-item[data-v-1e988788]:active{transform:translate(0)}.task-name[data-v-1e988788]{color:var(--nav-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:400;line-height:1.3;overflow:hidden}@media (width<=768px){.navigation[data-v-1e988788]{width:100%;min-width:100%;height:auto;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:1000;border-radius:0;flex-direction:row;justify-content:space-around;align-items:center;gap:0;position:fixed;inset:auto 0 0;box-shadow:0 -2px 10px #0000001a}.navigation[data-v-1e988788]:after,.toggle-btn[data-v-1e988788],.nav-brand[data-v-1e988788]{display:none}.nav-links[data-v-1e988788]{flex-direction:row;flex:1;justify-content:space-around;gap:0}.nav-link[data-v-1e988788]{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:64px;padding:8px 16px}.nav-link span[data-v-1e988788]{font-size:10px;font-weight:500}.nav-link svg[data-v-1e988788]{width:22px;height:22px}.nav-link[data-v-1e988788]:hover{transform:none}.nav-link.active[data-v-1e988788]{background:var(--nav-active-bg)}.recent-tasks[data-v-1e988788],.nav-spacer[data-v-1e988788]{display:none}.nav-user[data-v-1e988788]{background:0 0;border-top:none;flex-direction:row;gap:8px;margin:0;padding:0}.nav-user[data-v-1e988788]:before{display:none}.avatar-circle[data-v-1e988788]{width:36px;height:36px;font-size:1rem}.logout-btn[data-v-1e988788]{display:none}.navigation.collapsed[data-v-1e988788]{width:100%;min-width:100%;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:center}.navigation.collapsed .nav-user[data-v-1e988788]{background:0 0;border-top:none;flex-direction:row;gap:8px;margin:0;padding:0}.navigation.collapsed .nav-user[data-v-1e988788]:before{display:none}}@media (width<=480px){.navigation[data-v-1e988788]{padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.nav-link[data-v-1e988788]{min-width:56px;padding:6px 12px}.nav-link span[data-v-1e988788]{font-size:9px}.nav-link svg[data-v-1e988788]{width:20px;height:20px}.avatar-circle[data-v-1e988788]{width:32px;height:32px;font-size:.9rem}.logout-btn[data-v-1e988788]{width:32px;min-width:32px;height:32px;padding:6px}.logout-btn svg[data-v-1e988788]{width:16px;height:16px}}.notification-container[data-v-3ced4739]{pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex}.notification-toast[data-v-3ced4739]{background:var(--main-bg);border:1px solid rgba(var(--color-primary-rgb), .15);pointer-events:auto;cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;width:340px;max-width:calc(100vw - 40px);padding:14px 16px;transition:all .3s;display:flex;box-shadow:0 8px 28px #0000002e}.notification-toast[data-v-3ced4739]:hover{transform:translateY(-2px)}.notification-icon[data-v-3ced4739]{background:var(--main-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification-info .notification-icon[data-v-3ced4739]{color:var(--color-info)}.notification-success .notification-icon[data-v-3ced4739]{color:var(--color-success)}.notification-error .notification-icon[data-v-3ced4739]{color:var(--color-danger)}.notification-processing .notification-icon[data-v-3ced4739]{color:var(--main-primary);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-3ced4739}@keyframes pulse-3ced4739{0%,to{opacity:1}50%{opacity:.5}}.notification-content[data-v-3ced4739]{flex:1;min-width:0}.notification-title[data-v-3ced4739]{color:var(--main-text);margin-bottom:4px;font-size:.95rem;font-weight:600}.notification-message[data-v-3ced4739]{color:var(--main-text-light);white-space:pre-line;font-size:.85rem;line-height:1.4}.notification-action[data-v-3ced4739]{background:var(--color-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:background .2s}.notification-action[data-v-3ced4739]:hover{background:var(--color-primary-dark,#4f46e5)}.notification-close[data-v-3ced4739]{width:24px;height:24px;color:var(--main-text-light);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.notification-close[data-v-3ced4739]:hover{color:var(--main-text);background:#0000000d}.notification-enter-active[data-v-3ced4739],.notification-leave-active[data-v-3ced4739]{transition:all .3s}.notification-enter-from[data-v-3ced4739]{opacity:0;transform:translate(100px)}.notification-leave-to[data-v-3ced4739]{opacity:0;transform:translate(100px)scale(.9)}.notification-move[data-v-3ced4739]{transition:transform .3s}@media (width<=768px){.notification-toast[data-v-3ced4739]{width:100%;min-width:auto;max-width:none}}.global-upload[data-v-fefa7fa2]{pointer-events:auto;background:var(--main-bg,#fff);border:1px solid rgba(var(--color-primary-rgb), .15);border-radius:14px;align-items:flex-start;gap:12px;width:340px;max-width:calc(100vw - 40px);padding:14px 16px;display:flex;box-shadow:0 8px 28px #0000002e}.global-upload.is-done[data-v-fefa7fa2]{border-color:color-mix(in srgb, var(--color-teal,#10b981) 40%, transparent)}.global-upload.is-error[data-v-fefa7fa2]{border-color:color-mix(in srgb, var(--color-danger,#ef4444) 40%, transparent)}.gu-icon[data-v-fefa7fa2]{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.gu-spinner[data-v-fefa7fa2]{border:2.5px solid rgba(var(--color-primary-rgb), .25);border-top-color:var(--color-primary,#6366f1);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite gu-spin-fefa7fa2}@keyframes gu-spin-fefa7fa2{to{transform:rotate(360deg)}}.gu-mark[data-v-fefa7fa2]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;font-weight:700;display:flex}.gu-mark--ok[data-v-fefa7fa2]{background:var(--color-teal,#10b981)}.gu-mark--err[data-v-fefa7fa2]{background:var(--color-danger,#ef4444)}.gu-mark--cancel[data-v-fefa7fa2]{background:var(--color-gray-400,#9ca3af)}.gu-body[data-v-fefa7fa2]{flex:1;min-width:0}.gu-head[data-v-fefa7fa2]{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.gu-status[data-v-fefa7fa2]{color:var(--main-text,#1f2937);font-size:13px;font-weight:600}.gu-percent[data-v-fefa7fa2]{color:var(--color-primary,#6366f1);flex-shrink:0;font-size:13px;font-weight:700}.gu-label[data-v-fefa7fa2]{color:rgba(var(--color-text-dark-rgb,31, 41, 55), .6);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.gu-bar[data-v-fefa7fa2]{background:rgba(var(--color-primary-rgb), .12);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.gu-bar-fill[data-v-fefa7fa2]{background:linear-gradient(90deg, var(--color-primary,#6366f1), var(--color-primary-dark,#4f46e5));border-radius:3px;height:100%;transition:width .3s}.gu-bar.indeterminate .gu-bar-fill[data-v-fefa7fa2]{animation:1.2s ease-in-out infinite gu-indeterminate-fefa7fa2;width:40%!important}@keyframes gu-indeterminate-fefa7fa2{0%{transform:translate(-100%)}to{transform:translate(350%)}}.gu-sub[data-v-fefa7fa2]{color:rgba(var(--color-text-dark-rgb,31, 41, 55), .55);margin-top:6px;font-size:11px}.gu-sub--err[data-v-fefa7fa2]{color:var(--color-danger,#ef4444);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gu-actions[data-v-fefa7fa2]{flex-shrink:0;align-items:center;gap:6px;display:flex}.gu-btn[data-v-fefa7fa2]{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.gu-btn--cancel[data-v-fefa7fa2]{color:rgba(var(--color-text-dark-rgb,31, 41, 55), .6);border:1px solid rgba(var(--color-text-dark-rgb,31, 41, 55), .2);background:0 0}.gu-btn--cancel[data-v-fefa7fa2]:hover{color:var(--color-danger,#ef4444);border-color:color-mix(in srgb, var(--color-danger,#ef4444) 50%, transparent)}.gu-btn--view[data-v-fefa7fa2]{background:var(--color-primary,#6366f1);color:#fff}.gu-btn--view[data-v-fefa7fa2]:hover{background:var(--color-primary-dark,#4f46e5)}.gu-close[data-v-fefa7fa2]{width:22px;height:22px;color:rgba(var(--color-text-dark-rgb,31, 41, 55), .45);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:all .2s;display:flex}.gu-close[data-v-fefa7fa2]:hover{background:rgba(var(--color-text-dark-rgb,31, 41, 55), .08);color:rgba(var(--color-text-dark-rgb,31, 41, 55), .8)}.upload-slide-enter-active[data-v-fefa7fa2],.upload-slide-leave-active[data-v-fefa7fa2]{transition:transform .3s,opacity .3s}.upload-slide-enter-from[data-v-fefa7fa2],.upload-slide-leave-to[data-v-fefa7fa2]{opacity:0;transform:translateY(16px)}@media (width<=768px){.global-upload[data-v-fefa7fa2]{width:100%}}.notify-stack{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;max-width:calc(100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}@media (width<=768px){.notify-stack{left:12px;right:12px;bottom:calc(60px + env(safe-area-inset-bottom,0px) + 8px);align-items:stretch}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.app-container{box-sizing:border-box;gap:20px;min-height:100vh;padding:0 20px 20px 240px;transition:padding-left .3s;display:flex}body.nav-collapsed .app-container{padding-left:80px}.app-container.no-nav,body.nav-collapsed .app-container.no-nav{gap:0;padding:0}.app-container.no-nav .content-wrapper{max-width:none;margin:0}.content-wrapper{flex:1;width:100%;max-width:1400px;margin:0 auto}body.editing-transcript .app-container{height:100vh;overflow:hidden}body.editing-transcript .content-wrapper{height:100%;overflow-y:auto}body.upload-page .app-container{height:100vh;overflow:hidden}body.upload-page .content-wrapper{height:100%;overflow-y:auto}body.transcript-detail-page .app-container{height:100vh;overflow:hidden}body.transcript-detail-page .content-wrapper{max-width:none;height:100%;overflow:hidden}@media (width<=768px){body.transcript-detail-page .navigation{display:none}body.transcript-detail-page .app-container{padding-bottom:0}.app-container,body.nav-collapsed .app-container{padding:0 12px;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:0}.content-wrapper{padding-top:12px}}@media (width<=480px){.app-container,body.nav-collapsed .app-container{padding:0 8px;padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}.content-wrapper{padding-top:8px}}.corner-decoration{pointer-events:none;z-index:0;width:200vw;min-width:60px;max-width:500px;height:200vh;min-height:60px;max-height:500px;position:fixed;bottom:0;right:0}@media (width<=768px){.corner-decoration{width:16vw;min-width:40px;max-width:80px;height:16vh;min-height:40px;max-height:80px}}:root{--palette-cream:#efe1c6;--palette-cream-light:#f4ecd5;--palette-cream-lighter:#f8f4eb;--palette-cream-dark:#e5cea5;--palette-sand:#a0917c;--palette-brown:#744b0b;--palette-brown-dark:#916a2d;--palette-brown-medium:#997337;--palette-orange-primary:#dd8448;--palette-orange-light:#f59e42;--palette-orange-dark:#b8762d;--palette-orange-darker:#c67339;--palette-orange-bright:#ff6b35;--palette-orange-warm:#ff8c42;--palette-orange-rust:#e17055;--palette-blue-gray:#44465b;--palette-blue-gray-light:#a3b1c6;--palette-blue-gray-muted:#4a6680;--palette-navy:#1d293a;--palette-green-emerald:#10b981;--palette-green-teal:#059669;--palette-green-forest:#2e7d32;--palette-green-success:#4caf50;--palette-green-bright:#43e97b;--palette-green-mint:#55efc4;--palette-green-sea:#00b894;--palette-green-light:#a5d6a7;--palette-green-medium:#66bb6a;--palette-red-bright:#ef4444;--palette-red-light:#f87171;--palette-red-dark:#c62828;--palette-red-darker:#b83939;--palette-red-alt:#d64545;--palette-red-deep:#dc2626;--palette-red-coral:#ff6b6b;--palette-red-rose:#ee5a6f;--palette-red-wine:#c44569;--palette-yellow-amber:#f59e0b;--palette-yellow-light:#feca57;--palette-yellow-orange:#e9760c;--palette-yellow-sienna:sienna;--palette-yellow-gold:#fdcb6e;--palette-yellow-cream:#ffeaa7;--palette-blue-primary:#3b82f6;--palette-blue-light:#74b9ff;--palette-blue-dark:#0984e3;--palette-blue-sky:#4facfe;--palette-blue-aqua:#48dbfb;--palette-blue-bright:#0984e3;--palette-purple-primary:#667eea;--palette-purple-light:#a29bfe;--palette-purple-dark:#6c5ce7;--palette-purple-deep:#8b5cf6;--palette-purple-pink:#f093fb;--palette-purple-rose:#fd79a8;--palette-purple-orchid:#9b59b6;--palette-purple-plum:#8e44ad;--palette-teal:#77969a;--palette-teal-dark:#336774;--palette-teal-olive:#89916b;--palette-teal-cyan:#00cec9;--palette-pink-hot:#fa709a;--palette-pink-rose:#fd79a8;--palette-gray-900:#1a1a1a;--palette-gray-800:#2d2d2d;--palette-gray-700:#1c1c1c;--palette-gray-600:#141414;--palette-gray-500:#616161;--palette-gray-400:#666;--palette-gray-300:#888;--palette-gray-200:#aaa;--palette-gray-100:#ccc;--palette-gray-50:#f5f5f5;--palette-white:#fff;--palette-black:#000;--palette-orange-primary-rgb:221, 132, 72;--palette-gray-800-rgb:45, 45, 45;--palette-blue-gray-light-rgb:163, 177, 198;--palette-orange-bright-rgb:255, 107, 53;--palette-teal-rgb:119, 150, 154;--palette-green-success-rgb:76, 175, 80;--palette-green-emerald-rgb:16, 185, 129;--palette-red-bright-rgb:239, 68, 68;--palette-purple-primary-rgb:102, 126, 234;--color-bg:var(--palette-gray-50);--color-bg-light:var(--palette-cream-lighter);--color-bg-lighter:var(--palette-cream-lighter);--color-bg-dark:var(--palette-blue-gray-light);--color-primary:var(--palette-orange-primary);--color-primary-light:var(--palette-orange-light);--color-primary-dark:var(--palette-orange-dark);--color-primary-darker:var(--palette-orange-darker);--color-secondary:var(--palette-blue-gray);--color-secondary-light:var(--palette-sand);--color-secondary-dark:var(--palette-sand);--color-text:var(--palette-brown);--color-text-light:var(--palette-sand);--color-text-lighter:var(--palette-cream-dark);--color-text-dark:var(--palette-gray-800);--color-text-muted:var(--palette-blue-gray-muted);--color-primary-rgb:var(--palette-orange-primary-rgb);--color-text-dark-rgb:var(--palette-gray-800-rgb);--color-divider-rgb:var(--palette-blue-gray-light-rgb);--color-orange-rgb:var(--palette-orange-bright-rgb);--color-teal-rgb:var(--palette-teal-rgb);--color-success-alt-rgb:var(--palette-green-success-rgb);--color-nav-bg:#cdcdcc;--color-nav-text:var(--palette-navy);--color-nav-active-bg:var(--palette-yellow-orange);--color-nav-recent-bg:var(--palette-brown-dark);--color-nav-recent-text:#ebdec5;--color-nav-recent-btn:var(--palette-brown-medium);--color-success:var(--palette-green-emerald);--color-success-light:var(--palette-green-teal);--color-success-dark:var(--palette-green-forest);--color-success-alt:var(--palette-green-success);--color-success-bright:var(--palette-green-bright);--color-success-rgb:var(--palette-green-emerald-rgb);--color-success-bg:#d4edda;--color-danger:var(--palette-red-bright);--color-danger-light:var(--palette-red-light);--color-danger-dark:var(--palette-red-dark);--color-danger-darker:var(--palette-red-darker);--color-danger-alt:var(--palette-red-alt);--color-danger-deep:var(--palette-red-deep);--color-danger-rgb:var(--palette-red-bright-rgb);--color-warning:var(--palette-yellow-amber);--color-warning-light:var(--palette-yellow-light);--color-warning-dark:var(--palette-yellow-orange);--color-warning-brown:var(--palette-yellow-sienna);--color-info:var(--palette-blue-primary);--color-info-light:var(--palette-blue-light);--color-info-dark:var(--palette-blue-dark);--color-neutral:var(--palette-gray-500);--color-neutral-light:#6b7280;--color-teal:var(--palette-teal);--color-teal-dark:var(--palette-teal-dark);--color-teal-light:var(--palette-teal-olive);--color-purple:var(--palette-purple-primary);--color-purple-light:var(--palette-purple-light);--color-purple-dark:var(--palette-purple-dark);--color-purple-deep:var(--palette-purple-deep);--color-purple-rgb:var(--palette-purple-primary-rgb);--color-orange:var(--palette-orange-bright);--color-orange-light:var(--palette-orange-warm);--color-orange-dark:var(--palette-orange-rust);--color-gray-900:var(--palette-gray-900);--color-gray-800:var(--palette-gray-800);--color-gray-700:var(--palette-gray-700);--color-gray-600:var(--palette-gray-600);--color-gray-500:var(--palette-gray-500);--color-gray-400:var(--palette-gray-400);--color-gray-300:var(--palette-gray-300);--color-gray-200:var(--palette-gray-200);--color-gray-100:var(--palette-gray-100);--color-gray-50:var(--palette-gray-50);--color-white:var(--palette-white);--color-black:var(--palette-black);--color-divider:var(--palette-blue-gray-light);--color-overlay:#00000080;--color-overlay-dark:#000000d9;--color-overlay-light:#0000004d;--color-shadow-light:var(--palette-white);--color-shadow-dark:var(--palette-blue-gray-light);--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-success:linear-gradient(180deg, var(--palette-green-light), var(--palette-green-medium));--gradient-danger:linear-gradient(135deg, var(--palette-red-coral) 0%, #ee5a24 100%);--gradient-purple:linear-gradient(135deg, var(--palette-purple-orchid) 0%, var(--palette-purple-plum) 100%);--gradient-blue:linear-gradient(135deg, #3498db 0%, #2980b9 100%);--gradient-teal:linear-gradient(135deg, var(--palette-green-sea) 0%, var(--palette-teal-cyan) 100%);--gradient-warm:linear-gradient(145deg, #f5d9c4, #e8c4a8);--gradient-cool:linear-gradient(145deg, #e9eef5, #d1d9e6);--main-bg:var(--color-bg);--upload-bg:var(--color-bg-lighter);--main-bg-dark:var(--color-bg-dark);--main-bg-light:var(--color-bg-lighter);--main-primary:var(--color-secondary);--main-primary-light:var(--color-secondary-light);--main-primary-dark:var(--color-secondary-dark);--main-text:var(--color-text);--main-text-light:var(--color-text-light);--main-text-lighter:var(--color-text-lighter);--main-shadow-light:var(--color-shadow-light);--main-shadow-dark:var(--color-shadow-dark);--nav-bg:var(--color-nav-bg);--nav-text:var(--color-nav-text);--nav-active-bg:var(--color-nav-active-bg);--nav-recent-bg:var(--color-nav-recent-bg);--nav-recent-text:var(--color-nav-recent-text);--nav-recent-btn:var(--color-nav-recent-btn);--electric-primary:var(--color-primary);--neutral-900:var(--color-gray-900);--neutral-800:var(--color-gray-800);--neutral-100:var(--color-gray-50);--main-shadow:8px 8px 16px var(--color-shadow-dark), -8px -8px 16px var(--color-shadow-light)}:root[data-theme=dark]{--color-bg:var(--palette-gray-900);--color-bg-light:var(--palette-gray-800);--color-bg-lighter:var(--palette-gray-700);--color-bg-dark:var(--palette-black);--color-primary:var(--palette-orange-light);--color-primary-light:var(--palette-orange-warm);--color-primary-dark:var(--palette-orange-primary);--color-primary-darker:var(--palette-orange-dark);--color-secondary:var(--palette-blue-gray-light);--color-secondary-light:var(--palette-cream-dark);--color-secondary-dark:var(--palette-sand);--color-text:var(--palette-cream-light);--color-text-light:var(--palette-sand);--color-text-lighter:var(--palette-gray-400);--color-text-dark:var(--palette-white);--color-text-muted:var(--palette-gray-300);--color-primary-rgb:245, 158, 66;--color-text-dark-rgb:255, 255, 255;--color-divider-rgb:80, 80, 80;--color-orange-rgb:var(--palette-orange-bright-rgb);--color-teal-rgb:var(--palette-teal-rgb);--color-success-alt-rgb:var(--palette-green-success-rgb);--color-nav-bg:var(--palette-gray-800);--color-nav-text:var(--palette-cream-light);--color-nav-active-bg:var(--palette-yellow-orange);--color-nav-recent-bg:var(--palette-orange-dark);--color-nav-recent-text:var(--palette-cream-light);--color-nav-recent-btn:var(--palette-orange-primary);--color-success:var(--palette-green-bright);--color-success-light:var(--palette-green-mint);--color-success-dark:var(--palette-green-emerald);--color-success-alt:var(--palette-green-success);--color-success-bright:var(--palette-green-bright);--color-success-rgb:var(--palette-green-emerald-rgb);--color-success-bg:#10b98133;--color-danger:var(--palette-red-light);--color-danger-light:var(--palette-red-coral);--color-danger-dark:var(--palette-red-bright);--color-danger-darker:var(--palette-red-dark);--color-danger-alt:var(--palette-red-alt);--color-danger-deep:var(--palette-red-deep);--color-danger-rgb:var(--palette-red-bright-rgb);--color-warning:var(--palette-yellow-light);--color-warning-light:var(--palette-yellow-cream);--color-warning-dark:var(--palette-yellow-amber);--color-warning-brown:var(--palette-orange-rust);--color-info:var(--palette-blue-light);--color-info-light:var(--palette-blue-aqua);--color-info-dark:var(--palette-blue-primary);--color-neutral:var(--palette-gray-300);--color-neutral-light:var(--palette-gray-400);--color-teal:var(--palette-teal);--color-teal-dark:var(--palette-teal-cyan);--color-teal-light:var(--palette-teal-olive);--color-purple:var(--palette-purple-light);--color-purple-light:var(--palette-purple-pink);--color-purple-dark:var(--palette-purple-primary);--color-purple-deep:var(--palette-purple-deep);--color-purple-rgb:var(--palette-purple-primary-rgb);--color-orange:var(--palette-orange-bright);--color-orange-light:var(--palette-orange-warm);--color-orange-dark:var(--palette-orange-rust);--color-gray-900:var(--palette-gray-50);--color-gray-800:var(--palette-gray-100);--color-gray-700:var(--palette-gray-200);--color-gray-600:var(--palette-gray-300);--color-gray-500:var(--palette-gray-400);--color-gray-400:var(--palette-gray-500);--color-gray-300:var(--palette-gray-600);--color-gray-200:var(--palette-gray-700);--color-gray-100:var(--palette-gray-800);--color-gray-50:var(--palette-gray-900);--color-white:var(--palette-gray-900);--color-black:var(--palette-white);--color-divider:var(--palette-gray-600);--color-overlay:#000000b3;--color-overlay-dark:#000000e6;--color-overlay-light:#00000080;--color-shadow-light:#ffffff0d;--color-shadow-dark:#00000080;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-success:linear-gradient(180deg, #43e97b4d, #10b9814d);--gradient-danger:linear-gradient(135deg, #f871714d 0%, #ef44444d 100%);--gradient-purple:linear-gradient(135deg, var(--palette-purple-light) 0%, var(--palette-purple-dark) 100%);--gradient-blue:linear-gradient(135deg, var(--palette-blue-light) 0%, var(--palette-blue-dark) 100%);--gradient-teal:linear-gradient(135deg, var(--palette-teal-cyan) 0%, var(--palette-green-sea) 100%);--gradient-warm:linear-gradient(145deg, #dd844833, #b8762d33);--gradient-cool:linear-gradient(145deg, var(--palette-gray-700), var(--palette-gray-800));--main-bg:var(--color-bg);--upload-bg:var(--color-bg-light);--main-bg-dark:var(--color-bg-dark);--main-bg-light:var(--color-bg-lighter);--main-primary:var(--color-secondary);--main-primary-light:var(--color-secondary-light);--main-primary-dark:var(--color-secondary-dark);--main-text:var(--color-text);--main-text-light:var(--color-text-light);--main-text-lighter:var(--color-text-lighter);--main-shadow-light:var(--color-shadow-light);--main-shadow-dark:var(--color-shadow-dark);--nav-bg:var(--color-nav-bg);--nav-text:var(--color-nav-text);--nav-active-bg:var(--color-nav-active-bg);--nav-recent-bg:var(--color-nav-recent-bg);--nav-recent-text:var(--color-nav-recent-text);--nav-recent-btn:var(--color-nav-recent-btn);--electric-primary:var(--color-primary);--neutral-900:var(--color-gray-900);--neutral-800:var(--color-gray-800);--neutral-100:var(--color-gray-50);--main-shadow:8px 8px 16px var(--color-shadow-dark), -8px -8px 16px var(--color-shadow-light)}:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--touch-target-min:2.75rem}@media (width<=768px){:root{--spacing-lg:1.25rem;--spacing-xl:1.5rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem}}@media (width<=480px){:root{--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem}}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--main-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}body{background-color:var(--main-bg);min-height:100vh;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.electric-border,.electric-border-subtle{filter:none!important}}#app{width:100%}.card{background:var(--main-bg);color:var(--main-text);border:none;border-radius:20px;margin-bottom:20px;padding:24px;position:relative}.btn{cursor:pointer;background:var(--main-bg);color:var(--main-text);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-primary{background:var(--main-primary-dark);color:#fff;border:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--main-bg);color:var(--main-primary-light)}.btn-danger{background:var(--main-bg);color:var(--color-danger-alt)}.btn-danger:hover:not(:disabled){color:var(--color-danger-darker)}.btn-warning{color:var(--color-warning);background:#f59e0b26}.btn-warning:hover:not(:disabled){background:#f59e0b59}.btn-warning:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{background:0 0;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.badge-pending{color:var(--color-warning-brown);background:0 0}.badge-processing{color:var(--main-primary);background:0 0}.badge-completed{color:var(--color-success-dark);background:0 0}.badge-failed{color:var(--color-danger-dark);background:0 0}.badge-cancelled{color:var(--color-neutral);background:0 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #fff3;border-top:2px solid var(--electric-primary);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;display:inline-block}