@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600;700&display=swap";.navbar[data-v-fdd16032]{position:sticky;top:0;z-index:var(--z-sticky);background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);transition:box-shadow var(--transition-base);height:64px}.navbar.scrolled[data-v-fdd16032]{box-shadow:var(--shadow-sm)}.navbar-container[data-v-fdd16032]{max-width:1280px;height:100%;margin:0 auto;padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8)}@media (min-width: 1024px){.navbar-container[data-v-fdd16032]{padding:0 var(--spacing-8)}}.navbar-brand[data-v-fdd16032]{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);text-decoration:none;white-space:nowrap;transition:color var(--transition-base)}.navbar-brand[data-v-fdd16032]:hover{color:var(--color-primary)}.brand-highlight[data-v-fdd16032]{color:var(--color-cta)}header .navbar-nav[data-v-fdd16032]{display:none!important;flex-direction:row!important;gap:var(--spacing-4)}@media (min-width: 768px){header .navbar-nav[data-v-fdd16032]{display:flex!important;align-items:center}}header .nav-link[data-v-fdd16032]{position:relative;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-base);transition:all var(--transition-base);white-space:nowrap;display:inline-block}header .nav-link[data-v-fdd16032]:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--color-primary);transform:translate(-50%);transition:width var(--transition-base)}header .nav-link[data-v-fdd16032]:hover{color:var(--color-primary);background-color:#3b82f60d}header .nav-link.router-link-active[data-v-fdd16032]{color:var(--color-primary)}header .nav-link.router-link-active[data-v-fdd16032]:after{width:60%}header .navbar-actions[data-v-fdd16032]{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}header .desktop-only[data-v-fdd16032]{display:none}header .btn[data-v-fdd16032]{margin:0}@media (min-width: 640px){.desktop-only[data-v-fdd16032]{display:inline}}.mobile-menu-btn[data-v-fdd16032]{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);background:none;border:none;border-radius:var(--radius-base);cursor:pointer;color:var(--color-text-primary);transition:all var(--transition-base)}@media (min-width: 768px){.mobile-menu-btn[data-v-fdd16032]{display:none}}.mobile-menu-btn[data-v-fdd16032]:hover{background-color:var(--color-bg-muted)}.mobile-menu-btn[data-v-fdd16032]:active{transform:scale(.95)}.mobile-menu[data-v-fdd16032]{display:block;border-top:1px solid var(--color-border);background-color:var(--color-bg-elevated)}@media (min-width: 768px){.mobile-menu[data-v-fdd16032]{display:none}}.mobile-nav[data-v-fdd16032]{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.mobile-nav-link[data-v-fdd16032]{padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-base);transition:all var(--transition-base)}.mobile-nav-link[data-v-fdd16032]:hover{background-color:var(--color-bg-muted);color:var(--color-primary)}.mobile-nav-link.router-link-active[data-v-fdd16032]{background-color:#3b82f61a;color:var(--color-primary)}.slide-down-enter-active[data-v-fdd16032],.slide-down-leave-active[data-v-fdd16032]{transition:all var(--transition-base);transform-origin:top}.slide-down-enter-from[data-v-fdd16032],.slide-down-leave-to[data-v-fdd16032]{opacity:0;transform:scaleY(0)}.slide-down-enter-to[data-v-fdd16032],.slide-down-leave-from[data-v-fdd16032]{opacity:1;transform:scaleY(1)}@media (max-width: 767px){.navbar[data-v-fdd16032]{height:auto}.navbar-container[data-v-fdd16032]{padding:var(--spacing-3) var(--spacing-4)}.navbar-brand[data-v-fdd16032]{font-size:var(--text-lg)}}@media (min-width: 768px) and (max-width: 1023px){.navbar-nav[data-v-fdd16032]{gap:var(--spacing-2)}}.site-footer[data-v-228e0604]{background-color:var(--color-text-primary);color:#f1f5f9;margin-top:auto;padding:var(--spacing-16) 0 var(--spacing-8)}.footer-main[data-v-228e0604]{display:grid;grid-template-columns:1fr;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}@media (min-width: 768px){.footer-main[data-v-228e0604]{grid-template-columns:repeat(3,1fr);gap:var(--spacing-16)}}.footer-section[data-v-228e0604]{display:flex;flex-direction:column;gap:var(--spacing-4)}.footer-title[data-v-228e0604]{font-size:var(--text-lg);font-weight:600;color:#fff;margin:0;font-family:var(--font-heading)}.footer-description[data-v-228e0604]{font-size:var(--text-sm);color:#94a3b8;line-height:1.7;margin:0}.social-links[data-v-228e0604]{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-2)}.social-link[data-v-228e0604]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff0d;border-radius:var(--radius-base);color:#cbd5e1;transition:all var(--transition-base)}.social-link[data-v-228e0604]:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.social-link[data-v-228e0604]:active{transform:translateY(0)}.footer-nav-list[data-v-228e0604]{display:flex;flex-direction:column;gap:var(--spacing-3);list-style:none;padding:0;margin:0}.footer-nav-link[data-v-228e0604]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:#94a3b8;text-decoration:none;transition:all var(--transition-base);padding:var(--spacing-2);border-radius:var(--radius-base)}.footer-nav-link svg[data-v-228e0604]{flex-shrink:0;opacity:.7;transition:opacity var(--transition-base)}.footer-nav-link[data-v-228e0604]:hover{color:#fff;background-color:#ffffff0d;transform:translate(4px)}.footer-nav-link:hover svg[data-v-228e0604]{opacity:1}.contact-info[data-v-228e0604]{display:flex;flex-direction:column;gap:var(--spacing-3)}.contact-link[data-v-228e0604]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:#94a3b8;text-decoration:none;transition:all var(--transition-base)}.contact-link svg[data-v-228e0604]{flex-shrink:0;opacity:.7}.contact-link[data-v-228e0604]:hover{color:#fff}.contact-link:hover svg[data-v-228e0604]{opacity:1}.footer-bottom[data-v-228e0604]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-8);border-top:1px solid rgba(255,255,255,.1)}.copyright[data-v-228e0604]{font-size:var(--text-sm);color:#64748b;margin:0}.footer-note[data-v-228e0604]{font-size:var(--text-xs);color:#475569;margin:0}@media (max-width: 640px){.site-footer[data-v-228e0604]{padding:var(--spacing-12) 0 var(--spacing-6)}.footer-main[data-v-228e0604]{gap:var(--spacing-8)}.footer-bottom[data-v-228e0604]{gap:var(--spacing-1)}}:root{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-light: #60A5FA;--color-cta: #F97316;--color-cta-hover: #EA580C;--color-cta-light: #FB923C;--color-bg: #F8FAFC;--color-bg-elevated: #FFFFFF;--color-bg-muted: #FAFAFA;--color-text-primary: #1E293B;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-light: #94A3B8;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius-base: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}h1{font-size:var(--text-5xl);font-weight:700}h2{font-size:var(--text-4xl);font-weight:700}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--spacing-4);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width: 640px){.container{padding:0 var(--spacing-6)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-8)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.py-12{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;line-height:1;text-align:center;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-cta{background-color:var(--color-cta);color:#fff;border-color:var(--color-cta)}.btn-cta:hover{background-color:var(--color-cta-hover);border-color:var(--color-cta-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn-outline:hover{background-color:var(--color-bg-muted);border-color:var(--color-border-hover)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-xs)}.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.card-img-top{width:100%;height:240px;object-fit:cover;background-color:var(--color-bg-muted)}.card-body{padding:var(--spacing-6)}.card-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-3);line-height:1.4}.card-text{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--spacing-4)}.card-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--text-xs);color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);font-weight:600;line-height:1;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background-color:#3b82f61a;color:var(--color-primary)}.badge-secondary{background-color:var(--color-bg-muted);color:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}@media (max-width: 640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container{padding:0 var(--spacing-4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-2) var(--spacing-4);text-decoration:none;z-index:9999}.skip-to-content:focus{top:0}#app{min-height:100vh;display:flex;flex-direction:column}.hero[data-v-fbbecfbc]{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-bottom:var(--spacing-16)}.hero-content[data-v-fbbecfbc]{position:relative;z-index:2;padding:var(--spacing-12) var(--spacing-4);max-width:800px}.hero-background[data-v-fbbecfbc]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-gradient[data-v-fbbecfbc]{width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#334155,#475569);position:relative}.hero-gradient[data-v-fbbecfbc]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(249,115,22,.1) 0%,transparent 50%);animation:gradient-shift-fbbecfbc 15s ease infinite}@keyframes gradient-shift-fbbecfbc{0%,to{opacity:1}50%{opacity:.8}}.hero-title[data-v-fbbecfbc]{font-size:clamp(var(--text-4xl),8vw,var(--text-6xl));font-weight:800;margin-bottom:var(--spacing-6);color:#fff;letter-spacing:-.02em}.brand-highlight[data-v-fbbecfbc]{color:var(--color-cta);position:relative;display:inline-block}.brand-highlight[data-v-fbbecfbc]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-cta),var(--color-primary));transform:scaleX(0);transform-origin:left;animation:underline-reveal-fbbecfbc .8s ease-out .5s forwards}@keyframes underline-reveal-fbbecfbc{to{transform:scaleX(1)}}.hero-subtitle[data-v-fbbecfbc]{font-size:var(--text-2xl);font-weight:600;color:#f1f5f9;margin-bottom:var(--spacing-4);letter-spacing:.02em}.hero-description[data-v-fbbecfbc]{font-size:var(--text-lg);color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.8}.articles-section[data-v-fbbecfbc]{padding-bottom:var(--spacing-20)}.section-header[data-v-fbbecfbc]{text-align:center;margin-bottom:var(--spacing-12)}.section-title[data-v-fbbecfbc]{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.section-subtitle[data-v-fbbecfbc]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.loading-state[data-v-fbbecfbc]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-20) var(--spacing-4);gap:var(--spacing-4)}.spinner[data-v-fbbecfbc]{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-fbbecfbc .8s linear infinite}@keyframes spin-fbbecfbc{to{transform:rotate(360deg)}}.error-state[data-v-fbbecfbc]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-20) var(--spacing-4);gap:var(--spacing-4);text-align:center}.error-state svg[data-v-fbbecfbc]{color:var(--color-error);margin-bottom:var(--spacing-2)}.error-state h3[data-v-fbbecfbc]{font-size:var(--text-xl);font-weight:600;margin:0}.error-state p[data-v-fbbecfbc]{color:var(--color-text-secondary);margin:0}.articles-grid[data-v-fbbecfbc]{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 640px){.articles-grid[data-v-fbbecfbc]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.articles-grid[data-v-fbbecfbc]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.articles-grid[data-v-fbbecfbc]{grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}}.article-card[data-v-fbbecfbc]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.article-card[data-v-fbbecfbc]:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.card-link[data-v-fbbecfbc]{display:block;text-decoration:none;color:inherit}.card-image-wrapper[data-v-fbbecfbc]{position:relative;width:100%;height:240px;overflow:hidden;background-color:var(--color-bg-muted)}.card-image[data-v-fbbecfbc]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .card-image[data-v-fbbecfbc]{transform:scale(1.05)}.card-overlay[data-v-fbbecfbc]{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:2}.card-body[data-v-fbbecfbc]{padding:var(--spacing-6)}.card-title[data-v-fbbecfbc]{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-3);color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-base)}.article-card:hover .card-title[data-v-fbbecfbc]{color:var(--color-primary)}.card-excerpt[data-v-fbbecfbc]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-fbbecfbc]{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.card-meta[data-v-fbbecfbc]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.card-meta svg[data-v-fbbecfbc]{flex-shrink:0}.card-arrow[data-v-fbbecfbc]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-base);transition:all var(--transition-base)}.article-card:hover .card-arrow[data-v-fbbecfbc]{background-color:var(--color-primary-hover);transform:translate(4px)}.empty-state[data-v-fbbecfbc]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-20) var(--spacing-4);gap:var(--spacing-4);text-align:center;color:var(--color-text-muted)}.empty-state svg[data-v-fbbecfbc]{margin-bottom:var(--spacing-4)}.empty-state h3[data-v-fbbecfbc]{font-size:var(--text-xl);font-weight:600;margin:0;color:var(--color-text-primary)}.empty-state p[data-v-fbbecfbc]{font-size:var(--text-base);margin:0}@media (max-width: 640px){.hero[data-v-fbbecfbc]{min-height:50vh}.hero-content[data-v-fbbecfbc]{padding:var(--spacing-8) var(--spacing-4)}.hero-title[data-v-fbbecfbc]{font-size:var(--text-3xl)}.hero-subtitle[data-v-fbbecfbc]{font-size:var(--text-xl)}.hero-description[data-v-fbbecfbc]{font-size:var(--text-base)}.card-image-wrapper[data-v-fbbecfbc]{height:200px}.card-body[data-v-fbbecfbc]{padding:var(--spacing-5)}}.animate-fade-in[data-v-fbbecfbc]:nth-child(1){animation-delay:.1s}.animate-fade-in[data-v-fbbecfbc]:nth-child(2){animation-delay:.2s}.animate-fade-in[data-v-fbbecfbc]:nth-child(3){animation-delay:.3s}.category-hero[data-v-af28960b]{position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-bottom:var(--spacing-16)}.hero-content[data-v-af28960b]{position:relative;z-index:2;padding:var(--spacing-12) var(--spacing-4);max-width:800px}.hero-background[data-v-af28960b]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-gradient[data-v-af28960b]{width:100%;height:100%;position:relative}.hero-gradient[data-v-af28960b]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%);animation:gradient-shift-af28960b 15s ease infinite}@keyframes gradient-shift-af28960b{0%,to{opacity:1}50%{opacity:.8}}.category-icon[data-v-af28960b]{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);color:#fff;box-shadow:0 8px 32px #0000001a}.category-title[data-v-af28960b]{font-size:clamp(var(--text-4xl),6vw,var(--text-5xl));font-weight:800;margin-bottom:var(--spacing-4);color:#fff;letter-spacing:-.02em}.category-subtitle[data-v-af28960b]{font-size:var(--text-xl);font-weight:500;color:#ffffffe6;margin-bottom:var(--spacing-6)}.category-stats[data-v-af28960b]{display:flex;justify-content:center;gap:var(--spacing-8)}.stat-item[data-v-af28960b]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.stat-number[data-v-af28960b]{font-size:var(--text-3xl);font-weight:700;color:#fff}.stat-label[data-v-af28960b]{font-size:var(--text-sm);color:#fffc;text-transform:uppercase;letter-spacing:.05em}.articles-section[data-v-af28960b]{padding-bottom:var(--spacing-20)}.loading-state[data-v-af28960b],.error-state[data-v-af28960b],.empty-state[data-v-af28960b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-20) var(--spacing-4);gap:var(--spacing-4);text-align:center}.spinner[data-v-af28960b]{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-af28960b .8s linear infinite}@keyframes spin-af28960b{to{transform:rotate(360deg)}}.error-state svg[data-v-af28960b]{color:var(--color-error)}.error-state h3[data-v-af28960b],.empty-state h3[data-v-af28960b]{font-size:var(--text-xl);font-weight:600;margin:0}.error-state p[data-v-af28960b],.empty-state p[data-v-af28960b]{color:var(--color-text-secondary);margin:0}.empty-state[data-v-af28960b]{color:var(--color-text-muted)}.empty-state svg[data-v-af28960b]{margin-bottom:var(--spacing-4)}.articles-grid[data-v-af28960b]{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 640px){.articles-grid[data-v-af28960b]{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.articles-grid[data-v-af28960b]{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.articles-grid[data-v-af28960b]{gap:var(--spacing-8)}}.article-card[data-v-af28960b]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.article-card[data-v-af28960b]:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.card-link[data-v-af28960b]{display:block;text-decoration:none;color:inherit}.card-image-wrapper[data-v-af28960b]{position:relative;width:100%;height:240px;overflow:hidden;background-color:var(--color-bg-muted)}.card-image[data-v-af28960b]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .card-image[data-v-af28960b]{transform:scale(1.05)}.card-overlay[data-v-af28960b]{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:2}.card-body[data-v-af28960b]{padding:var(--spacing-6)}.card-title[data-v-af28960b]{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-3);color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-base)}.article-card:hover .card-title[data-v-af28960b]{color:var(--color-primary)}.card-excerpt[data-v-af28960b]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-af28960b]{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.card-meta[data-v-af28960b]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.card-meta svg[data-v-af28960b]{flex-shrink:0}.card-arrow[data-v-af28960b]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-base);transition:all var(--transition-base)}.article-card:hover .card-arrow[data-v-af28960b]{background-color:var(--color-primary-hover);transform:translate(4px)}@media (max-width: 640px){.category-hero[data-v-af28960b]{min-height:35vh}.hero-content[data-v-af28960b]{padding:var(--spacing-8) var(--spacing-4)}.category-icon[data-v-af28960b]{width:80px;height:80px}.category-icon svg[data-v-af28960b]{width:48px;height:48px}.category-title[data-v-af28960b]{font-size:var(--text-3xl)}.category-subtitle[data-v-af28960b]{font-size:var(--text-lg)}.stat-number[data-v-af28960b]{font-size:var(--text-2xl)}}.popular-articles[data-v-076b460c]{width:100%}.widget-card[data-v-076b460c]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.widget-header[data-v-076b460c]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.widget-icon[data-v-076b460c]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff3;border-radius:var(--radius-base);color:#fff;flex-shrink:0}.widget-title[data-v-076b460c]{font-size:var(--text-sm);font-weight:600;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.05em}.widget-content[data-v-076b460c]{padding:var(--spacing-4)}.widget-loading[data-v-076b460c],.widget-error[data-v-076b460c]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-6) var(--spacing-4);font-size:var(--text-sm);color:var(--color-text-muted)}.spinner-small[data-v-076b460c]{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-076b460c .8s linear infinite}@keyframes spin-076b460c{to{transform:rotate(360deg)}}.widget-error[data-v-076b460c]{color:var(--color-error)}.widget-empty[data-v-076b460c]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-6) var(--spacing-4);color:var(--color-text-muted);text-align:center}.widget-empty svg[data-v-076b460c]{opacity:.5}.widget-empty span[data-v-076b460c]{font-size:var(--text-sm)}.articles-list[data-v-076b460c]{display:flex;flex-direction:column;gap:var(--spacing-1)}.article-item[data-v-076b460c]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);text-decoration:none;color:inherit;background-color:transparent;border-radius:var(--radius-base);transition:all var(--transition-base);position:relative}.article-item[data-v-076b460c]:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background-color:transparent;border-radius:var(--radius-base);transition:background-color var(--transition-base)}.article-item[data-v-076b460c]:hover{background-color:var(--color-bg-muted)}.article-item[data-v-076b460c]:hover:before{background-color:var(--color-primary)}.rank-badge[data-v-076b460c]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-base);flex-shrink:0;text-transform:uppercase}.rank-1[data-v-076b460c]{background-color:#ef4444;color:#fff;box-shadow:0 2px 4px #ef44444d}.rank-2[data-v-076b460c]{background-color:#f59e0b;color:#fff;box-shadow:0 2px 4px #f59e0b4d}.rank-3[data-v-076b460c]{background-color:#3b82f6;color:#fff;box-shadow:0 2px 4px #3b82f64d}.rank-4[data-v-076b460c],.rank-5[data-v-076b460c],.rank-6[data-v-076b460c],.rank-7[data-v-076b460c],.rank-8[data-v-076b460c],.rank-default[data-v-076b460c]{background-color:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.article-info[data-v-076b460c]{flex:1;min-width:0}.article-title[data-v-076b460c]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--spacing-1) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-item:hover .article-title[data-v-076b460c]{color:var(--color-primary)}.article-meta[data-v-076b460c]{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.meta-item[data-v-076b460c]{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-text-muted)}.meta-item svg[data-v-076b460c]{flex-shrink:0;opacity:.7}.article-arrow[data-v-076b460c]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-muted);transition:all var(--transition-base);flex-shrink:0;opacity:0;transform:translate(-4px)}.article-item:hover .article-arrow[data-v-076b460c]{opacity:1;transform:translate(0);background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width: 640px){.widget-header[data-v-076b460c]{padding:var(--spacing-3) var(--spacing-4)}.widget-content[data-v-076b460c]{padding:var(--spacing-3)}.article-item[data-v-076b460c]{padding:var(--spacing-2) var(--spacing-3)}.rank-badge[data-v-076b460c]{width:20px;height:20px;font-size:10px}.article-title[data-v-076b460c]{font-size:var(--text-xs)}.article-arrow[data-v-076b460c]{display:none}}.article-header[data-v-a37c3c4a]{position:relative;margin-bottom:var(--spacing-16)}.header-background[data-v-a37c3c4a]{position:relative;width:100%;height:60vh;min-height:400px;overflow:hidden}.header-image[data-v-a37c3c4a]{width:100%;height:100%;object-fit:cover}.header-overlay[data-v-a37c3c4a]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000004d,#000000b3)}.article-header .container[data-v-a37c3c4a]{position:relative;z-index:2;padding-top:var(--spacing-12)}.article-breadcrumb[data-v-a37c3c4a]{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);font-size:var(--text-sm);flex-wrap:wrap}.article-breadcrumb a[data-v-a37c3c4a]{color:#fffc;text-decoration:none;transition:color var(--transition-base)}.article-breadcrumb a[data-v-a37c3c4a]:hover{color:#fff}.article-breadcrumb svg[data-v-a37c3c4a]{color:#fff9}.breadcrumb-current[data-v-a37c3c4a]{color:#fff;font-weight:500}.article-meta-header[data-v-a37c3c4a]{max-width:800px}.category-badge[data-v-a37c3c4a]{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-cta);color:#fff;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.article-title[data-v-a37c3c4a]{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;color:#fff;margin-bottom:var(--spacing-6);line-height:1.2}.article-meta-info[data-v-a37c3c4a]{display:flex;flex-wrap:wrap;gap:var(--spacing-6)}.meta-item[data-v-a37c3c4a]{display:flex;align-items:center;gap:var(--spacing-2);color:#ffffffe6;font-size:var(--text-sm)}.meta-item svg[data-v-a37c3c4a]{flex-shrink:0;opacity:.8}.loading-state[data-v-a37c3c4a],.error-state[data-v-a37c3c4a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-20) var(--spacing-4);gap:var(--spacing-4);text-align:center}.spinner[data-v-a37c3c4a]{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-a37c3c4a .8s linear infinite}@keyframes spin-a37c3c4a{to{transform:rotate(360deg)}}.error-state svg[data-v-a37c3c4a]{color:var(--color-error)}.error-state h3[data-v-a37c3c4a]{font-size:var(--text-xl);font-weight:600;margin:0}.error-state p[data-v-a37c3c4a]{color:var(--color-text-secondary);margin:0}.article-layout[data-v-a37c3c4a]{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}@media (min-width: 1024px){.article-layout[data-v-a37c3c4a]{grid-template-columns:280px 1fr}}.article-sidebar[data-v-a37c3c4a]{order:2}@media (min-width: 1024px){.article-sidebar[data-v-a37c3c4a]{order:1}}.sidebar-wrapper[data-v-a37c3c4a]{position:sticky;top:calc(64px + var(--spacing-8));max-height:calc(100vh - 64px - var(--spacing-16));overflow-y:auto}.article-main[data-v-a37c3c4a]{order:1}@media (min-width: 1024px){.article-main[data-v-a37c3c4a]{order:2}}.article-content[data-v-a37c3c4a]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-sm)}.content-wrapper[data-v-a37c3c4a]{color:var(--color-text-primary);line-height:1.8;font-size:var(--text-lg)}.content-wrapper[data-v-a37c3c4a] p{margin-bottom:var(--spacing-6)}.content-wrapper[data-v-a37c3c4a] h2{font-size:var(--text-3xl);font-weight:700;margin-top:var(--spacing-10);margin-bottom:var(--spacing-4);color:var(--color-text-primary);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--color-border)}.content-wrapper[data-v-a37c3c4a] h3{font-size:var(--text-2xl);font-weight:600;margin-top:var(--spacing-8);margin-bottom:var(--spacing-3);color:var(--color-text-primary)}.content-wrapper[data-v-a37c3c4a] img{max-width:100%;height:auto;margin:var(--spacing-8) 0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.content-wrapper[data-v-a37c3c4a] ul,.content-wrapper[data-v-a37c3c4a] ol{margin-bottom:var(--spacing-6);padding-left:var(--spacing-6)}.content-wrapper[data-v-a37c3c4a] li{margin-bottom:var(--spacing-2)}.content-wrapper[data-v-a37c3c4a] blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-6) 0;color:var(--color-text-secondary);font-style:italic}.content-wrapper[data-v-a37c3c4a] code{background-color:var(--color-bg-muted);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-base);font-size:var(--text-sm)}.content-wrapper[data-v-a37c3c4a] pre{background-color:#1e293b;color:#f1f5f9;padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--spacing-6) 0}.related-articles[data-v-a37c3c4a]{margin-bottom:var(--spacing-12)}.section-header[data-v-a37c3c4a]{text-align:center;margin-bottom:var(--spacing-8)}.section-title[data-v-a37c3c4a]{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.section-subtitle[data-v-a37c3c4a]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.related-grid[data-v-a37c3c4a]{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 640px){.related-grid[data-v-a37c3c4a]{grid-template-columns:repeat(3,1fr)}}.related-card[data-v-a37c3c4a]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.related-card[data-v-a37c3c4a]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.related-image-wrapper[data-v-a37c3c4a]{width:100%;height:160px;overflow:hidden;background-color:var(--color-bg-muted)}.related-image[data-v-a37c3c4a]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.related-card:hover .related-image[data-v-a37c3c4a]{transform:scale(1.05)}.related-body[data-v-a37c3c4a]{padding:var(--spacing-4)}.related-title[data-v-a37c3c4a]{font-size:var(--text-base);font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-excerpt[data-v-a37c3c4a]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-actions[data-v-a37c3c4a]{display:flex;justify-content:center;padding-top:var(--spacing-8);border-top:1px solid var(--color-border)}@media (max-width: 640px){.header-background[data-v-a37c3c4a]{height:40vh;min-height:300px}.article-header .container[data-v-a37c3c4a]{padding-top:var(--spacing-6)}.article-title[data-v-a37c3c4a]{font-size:var(--text-2xl)}.article-meta-info[data-v-a37c3c4a]{gap:var(--spacing-4)}.article-content[data-v-a37c3c4a]{padding:var(--spacing-6)}.content-wrapper[data-v-a37c3c4a]{font-size:var(--text-base)}.related-grid[data-v-a37c3c4a]{grid-template-columns:1fr}}.image-uploader[data-v-91bee4b5]{display:flex;flex-direction:column;gap:var(--spacing-4)}.uploader-section[data-v-91bee4b5]{display:flex;flex-direction:column;gap:var(--spacing-2)}.image-type-selector[data-v-91bee4b5]{display:flex;gap:var(--spacing-2)}.type-button[data-v-91bee4b5]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.type-button[data-v-91bee4b5]:hover{background-color:var(--color-bg-muted);border-color:var(--color-border-hover)}.type-button.active[data-v-91bee4b5]{color:var(--color-primary);background-color:#3b82f61a;border-color:var(--color-primary)}.type-button svg[data-v-91bee4b5]{flex-shrink:0}.url-input-wrapper[data-v-91bee4b5]{position:relative;display:flex;align-items:center}.form-input[data-v-91bee4b5]{width:100%;padding:var(--spacing-3) var(--spacing-4);padding-right:var(--spacing-10);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--transition-base)}.form-input[data-v-91bee4b5]::placeholder{color:var(--color-text-muted)}.form-input[data-v-91bee4b5]:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-elevated);box-shadow:0 0 0 3px #3b82f61a}.form-input.has-error[data-v-91bee4b5]{border-color:var(--color-error)}.form-input.has-error[data-v-91bee4b5]:focus{box-shadow:0 0 0 3px #ef44441a}.input-clear[data-v-91bee4b5]{position:absolute;right:var(--spacing-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-base);transition:all var(--transition-base)}.input-clear[data-v-91bee4b5]:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.file-input-wrapper[data-v-91bee4b5]{display:flex;gap:var(--spacing-3);align-items:center}.file-input[data-v-91bee4b5]{display:none}.file-input-button[data-v-91bee4b5]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);background-color:#3b82f61a;border:1px solid var(--color-primary);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.file-input-button[data-v-91bee4b5]:hover:not(:disabled){background-color:#3b82f633}.file-input-button[data-v-91bee4b5]:disabled{opacity:.5;cursor:not-allowed}.file-name[data-v-91bee4b5]{flex:1;font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-wrapper[data-v-91bee4b5]{position:relative;display:inline-block;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.preview-image[data-v-91bee4b5]{display:block;max-width:100%;max-height:300px;object-fit:contain}.preview-remove[data-v-91bee4b5]{position:absolute;top:var(--spacing-3);right:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);font-weight:500;color:#fff;background-color:#dc2626e6;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.preview-remove[data-v-91bee4b5]:hover{background-color:#dc2626;transform:scale(1.05)}.status-message[data-v-91bee4b5]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);border-radius:var(--radius-base)}.status-warning[data-v-91bee4b5]{color:var(--color-warning);background-color:#f59e0b1a}.field-error[data-v-91bee4b5]{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--spacing-1)}.field-hint[data-v-91bee4b5]{font-size:var(--text-xs);color:var(--color-text-muted)}.btn[data-v-91bee4b5]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);font-weight:500;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.btn-primary[data-v-91bee4b5]{color:#fff;background-color:var(--color-primary)}.btn-primary[data-v-91bee4b5]:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-91bee4b5]:disabled{opacity:.6;cursor:not-allowed}.btn-block[data-v-91bee4b5]{width:100%}.btn-spinner[data-v-91bee4b5]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-91bee4b5 .8s linear infinite}@keyframes spin-91bee4b5{to{transform:rotate(360deg)}}.editor-container[data-v-c4127cd1]{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);background-color:var(--color-bg-elevated)}.editor-container.fullscreen[data-v-c4127cd1]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0;border:none}.editor-toolbar[data-v-c4127cd1]{display:flex;flex-wrap:wrap;gap:var(--spacing-1);padding:var(--spacing-3);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center}.editor-toolbar button[data-v-c4127cd1]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-base)}.editor-toolbar button[data-v-c4127cd1]:hover{background-color:var(--color-bg-muted);border-color:var(--color-border-hover);color:var(--color-text-primary)}.editor-toolbar button.is-active[data-v-c4127cd1]{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.editor-toolbar button[data-v-c4127cd1]:disabled{opacity:.5;cursor:not-allowed}.toolbar-divider[data-v-c4127cd1]{width:1px;height:24px;background-color:var(--color-border);margin:0 var(--spacing-1)}.ms-auto[data-v-c4127cd1]{margin-left:auto}.upload-status-wrapper[data-v-c4127cd1]{display:inline-flex;align-items:center;gap:var(--spacing-2)}.upload-status[data-v-c4127cd1]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);font-weight:500;color:var(--color-primary);background-color:#3b82f61a;border:1px solid var(--color-primary);border-radius:var(--radius-base);animation:pulse-c4127cd1 1.5s ease-in-out infinite}.btn-cancel-upload[data-v-c4127cd1]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-base);cursor:pointer;color:var(--color-error);transition:all var(--transition-base)}.btn-cancel-upload[data-v-c4127cd1]:hover{background-color:#ef444433;transform:scale(1.05)}.btn-spinner-small[data-v-c4127cd1]{width:14px;height:14px;border:2px solid rgba(59,130,246,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse-c4127cd1{0%,to{opacity:1}50%{opacity:.7}}.editor-content[data-v-c4127cd1]{min-height:500px;max-height:600px;overflow-y:auto;padding:var(--spacing-6);background-color:var(--color-bg-elevated);position:relative;z-index:1}.editor-container.fullscreen .editor-content[data-v-c4127cd1]{max-height:calc(100vh - 56px);min-height:calc(100vh - 56px)}.editor-content[data-v-c4127cd1] .ProseMirror{outline:none;min-height:500px;cursor:text;position:relative;z-index:2}.editor-content[data-v-c4127cd1] .ProseMirror:focus{outline:none}.editor-content[data-v-c4127cd1] .ProseMirror p.is-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-muted);pointer-events:none;height:0;-webkit-user-select:none;user-select:none}.editor-content[data-v-c4127cd1] .ProseMirror p{cursor:text;min-height:1.5em;margin:var(--spacing-3) 0}.editor-content[data-v-c4127cd1] .ProseMirror [contenteditable]{cursor:text;outline:none}.editor-content[data-v-c4127cd1] img{max-width:100%;height:auto;border-radius:var(--radius-base);margin:var(--spacing-4) 0}.editor-content[data-v-c4127cd1] p{margin:var(--spacing-3) 0;line-height:1.7}.editor-content[data-v-c4127cd1] h1,.editor-content[data-v-c4127cd1] h2,.editor-content[data-v-c4127cd1] h3{font-family:var(--font-heading);font-weight:700;margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--color-text-primary);line-height:1.3}.editor-content[data-v-c4127cd1] h1{font-size:var(--text-4xl)}.editor-content[data-v-c4127cd1] h2{font-size:var(--text-3xl)}.editor-content[data-v-c4127cd1] h3{font-size:var(--text-2xl)}.editor-content[data-v-c4127cd1] ul,.editor-content[data-v-c4127cd1] ol{padding-left:var(--spacing-6);margin:var(--spacing-3) 0}.editor-content[data-v-c4127cd1] li{margin:var(--spacing-2) 0;line-height:1.7}.editor-content[data-v-c4127cd1] blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-4);margin:var(--spacing-4) 0;color:var(--color-text-secondary);font-style:italic;background-color:var(--color-bg-muted);padding:var(--spacing-4);border-radius:var(--radius-base)}.editor-content[data-v-c4127cd1] code{background-color:var(--color-bg-muted);color:var(--color-error);padding:.2em .4em;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em}.editor-content[data-v-c4127cd1] pre{background-color:var(--color-bg);padding:var(--spacing-4);border-radius:var(--radius-base);overflow-x:auto;border:1px solid var(--color-border);margin:var(--spacing-4) 0}.editor-content[data-v-c4127cd1] pre code{background-color:transparent;padding:0;color:var(--color-text-primary);border:none}.editor-content[data-v-c4127cd1] a{color:var(--color-primary);text-decoration:underline;cursor:pointer;transition:color var(--transition-base)}.editor-content[data-v-c4127cd1] a:hover{color:var(--color-primary-hover)}.article-manager[data-v-5053f4b0]{height:100%;display:flex;flex-direction:column;gap:var(--spacing-4)}.manager-section[data-v-5053f4b0]{display:flex;flex-direction:column;gap:var(--spacing-3)}.manager-title[data-v-5053f4b0]{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.manager-actions[data-v-5053f4b0]{display:flex;flex-direction:column;gap:var(--spacing-2)}.action-card[data-v-5053f4b0]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;text-decoration:none;transition:all var(--transition-base)}.action-primary[data-v-5053f4b0]{color:var(--color-primary);background-color:#3b82f61a;border-color:var(--color-primary)}.action-primary[data-v-5053f4b0]:hover{background-color:#3b82f633;transform:translateY(-1px)}.action-secondary[data-v-5053f4b0]{color:var(--color-text-primary);background-color:var(--color-bg-elevated)}.action-secondary[data-v-5053f4b0]:hover{background-color:var(--color-bg-muted);border-color:var(--color-border-hover)}.action-success[data-v-5053f4b0]{color:var(--color-success);background-color:#22c55e1a;border-color:var(--color-success)}.action-success[data-v-5053f4b0]:hover{background-color:#22c55e33;transform:translateY(-1px)}.list-title[data-v-5053f4b0]{font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary);margin:0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.repost-dialog[data-v-5053f4b0]{margin-bottom:var(--spacing-3)}.dialog-card[data-v-5053f4b0]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-md)}.dialog-header[data-v-5053f4b0]{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.dialog-header svg[data-v-5053f4b0]{color:var(--color-success)}.dialog-body[data-v-5053f4b0]{margin-bottom:var(--spacing-4)}.url-input[data-v-5053f4b0]{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);color:var(--color-text-primary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--transition-base)}.url-input[data-v-5053f4b0]::placeholder{color:var(--color-text-muted)}.url-input[data-v-5053f4b0]:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-elevated);box-shadow:0 0 0 3px #3b82f61a}.dialog-footer[data-v-5053f4b0]{display:flex;gap:var(--spacing-2)}.btn[data-v-5053f4b0]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.btn-success[data-v-5053f4b0]{color:#fff;background-color:var(--color-success)}.btn-success[data-v-5053f4b0]:hover:not(:disabled){background-color:#16a34a;transform:translateY(-1px)}.btn-outline[data-v-5053f4b0]{color:var(--color-text-secondary);background-color:var(--color-bg);border:1px solid var(--color-border)}.btn-outline[data-v-5053f4b0]:hover:not(:disabled){background-color:var(--color-bg-muted);border-color:var(--color-border-hover)}.btn[data-v-5053f4b0]:disabled{opacity:.5;cursor:not-allowed}.btn-spinner[data-v-5053f4b0]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-5053f4b0 .8s linear infinite}@keyframes spin-5053f4b0{to{transform:rotate(360deg)}}.article-list[data-v-5053f4b0]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-2)}.article-item[data-v-5053f4b0]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.article-item[data-v-5053f4b0]:hover{background-color:var(--color-bg-muted);border-color:var(--color-primary);transform:translate(2px)}.article-item.active[data-v-5053f4b0]{background-color:#3b82f61a;border-color:var(--color-primary)}.article-item.invisible[data-v-5053f4b0]{opacity:.6}.article-info[data-v-5053f4b0]{flex:1;min-width:0}.article-title[data-v-5053f4b0]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-meta[data-v-5053f4b0]{display:flex;align-items:center;gap:var(--spacing-2)}.category-badge[data-v-5053f4b0]{display:inline-flex;padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm)}.category-photography[data-v-5053f4b0]{color:#9333ea;background-color:#9333ea1a}.category-travel[data-v-5053f4b0]{color:#ec4899;background-color:#ec48991a}.category-football[data-v-5053f4b0]{color:#0ea5e9;background-color:#0ea5e91a}.category-tech[data-v-5053f4b0]{color:#10b981;background-color:#10b9811a}.article-date[data-v-5053f4b0]{font-size:var(--text-xs);color:var(--color-text-muted)}.visibility-badge[data-v-5053f4b0]{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs);color:var(--color-text-muted);background-color:var(--color-bg);border-radius:var(--radius-sm);margin-top:var(--spacing-2)}.article-actions[data-v-5053f4b0]{display:flex;gap:var(--spacing-1)}.icon-button[data-v-5053f4b0]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-base);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.icon-button[data-v-5053f4b0]:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.icon-danger[data-v-5053f4b0]:hover{background-color:#ef44441a;color:var(--color-error)}.loading-state[data-v-5053f4b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-8);color:var(--color-text-muted)}.spinner[data-v-5053f4b0]{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-5053f4b0 .8s linear infinite}.empty-state[data-v-5053f4b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-8);color:var(--color-text-muted);text-align:center}.empty-state svg[data-v-5053f4b0]{opacity:.5}.empty-state p[data-v-5053f4b0]{margin:0;font-size:var(--text-sm)}.slide-down-enter-active[data-v-5053f4b0],.slide-down-leave-active[data-v-5053f4b0]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-down-enter-from[data-v-5053f4b0],.slide-down-leave-to[data-v-5053f4b0]{opacity:0;transform:translateY(-10px)}.article-edit[data-v-4930e454]{min-height:100vh;display:flex;flex-direction:column}.page-header[data-v-4930e454]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--spacing-6) 0;margin-bottom:var(--spacing-8)}.page-header h1[data-v-4930e454]{font-size:var(--text-3xl);font-weight:700;margin:0;text-align:center}.edit-layout[data-v-4930e454]{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);padding:0 var(--spacing-4)}@media (min-width: 1024px){.edit-layout[data-v-4930e454]{grid-template-columns:280px 1fr;padding:0 var(--spacing-6)}}.sidebar-wrapper[data-v-4930e454]{position:sticky;top:var(--spacing-6);max-height:calc(100vh - 120px);overflow-y:auto}.edit-card[data-v-4930e454]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-md)}.form-section[data-v-4930e454]{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.form-row[data-v-4930e454]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-2)}.form-label[data-v-4930e454]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:0}.form-actions[data-v-4930e454]{display:flex;gap:var(--spacing-2)}.btn-sm[data-v-4930e454]{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);font-weight:500;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.btn-outline-primary[data-v-4930e454]{color:var(--color-primary);background-color:#3b82f61a;border:1px solid var(--color-primary)}.btn-outline-primary[data-v-4930e454]:hover:not(:disabled){background-color:#3b82f633}.btn-outline-success[data-v-4930e454]{color:var(--color-success);background-color:#22c55e1a;border:1px solid var(--color-success)}.btn-outline-success[data-v-4930e454]:hover:not(:disabled){background-color:#22c55e33}.btn-sm[data-v-4930e454]:disabled{opacity:.5;cursor:not-allowed}.form-input[data-v-4930e454],.form-select[data-v-4930e454]{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--transition-base)}.form-input[data-v-4930e454]:focus,.form-select[data-v-4930e454]:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-elevated);box-shadow:0 0 0 3px #3b82f61a}.invalid-feedback[data-v-4930e454]{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--spacing-1)}.ai-settings-card[data-v-4930e454]{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4)}.ai-settings-title[data-v-4930e454]{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-4) 0}.form-select-sm[data-v-4930e454]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm)}.form-hint[data-v-4930e454]{font-size:var(--text-xs);color:var(--color-text-muted)}.alert-warning[data-v-4930e454]{padding:var(--spacing-3) var(--spacing-4);background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-base);color:var(--color-warning);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--spacing-2)}.alert-info[data-v-4930e454]{padding:var(--spacing-3) var(--spacing-4);background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-base);color:var(--color-primary);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--spacing-2)}.button-group[data-v-4930e454]{display:flex;gap:var(--spacing-3)}.btn[data-v-4930e454]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-base);font-weight:500;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.btn-outline-info[data-v-4930e454]{color:var(--color-info);background-color:#06b6d41a;border:1px solid var(--color-info)}.btn-outline-info[data-v-4930e454]:hover:not(:disabled){background-color:#06b6d433}.btn-primary[data-v-4930e454]{color:#fff;background-color:var(--color-primary)}.btn-primary[data-v-4930e454]:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-4930e454]{color:var(--color-text-primary);background-color:var(--color-bg-elevated);border:1px solid var(--color-border)}.btn-secondary[data-v-4930e454]:hover:not(:disabled){background-color:var(--color-bg-muted);border-color:var(--color-border-hover)}.btn[data-v-4930e454]:disabled{opacity:.5;cursor:not-allowed}.btn-spinner[data-v-4930e454]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-4930e454 .8s linear infinite}@keyframes spin-4930e454{to{transform:rotate(360deg)}}.auto-save-hint[data-v-4930e454]{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-1)}@media (max-width: 640px){.page-header[data-v-4930e454]{padding:var(--spacing-4) 0}.page-header h1[data-v-4930e454]{font-size:var(--text-2xl)}.edit-card[data-v-4930e454]{padding:var(--spacing-4)}.form-row[data-v-4930e454]{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.form-actions[data-v-4930e454]{width:100%;flex-direction:column}.btn-sm[data-v-4930e454]{width:100%;justify-content:center}.button-group[data-v-4930e454]{flex-direction:column}.btn[data-v-4930e454]{width:100%}}.login-hero[data-v-a2ad4f79]{position:relative;min-height:35vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-bottom:var(--spacing-16)}.hero-content[data-v-a2ad4f79]{position:relative;z-index:2;padding:var(--spacing-12) var(--spacing-4)}.hero-background[data-v-a2ad4f79]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-gradient[data-v-a2ad4f79]{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.hero-gradient[data-v-a2ad4f79]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%);animation:gradient-shift-a2ad4f79 15s ease infinite}@keyframes gradient-shift-a2ad4f79{0%,to{opacity:1}50%{opacity:.8}}.login-icon[data-v-a2ad4f79]{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background-color:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);color:#fff;box-shadow:0 8px 32px #0000001a}.login-title[data-v-a2ad4f79]{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;margin-bottom:var(--spacing-4);color:#fff;letter-spacing:-.02em}.login-subtitle[data-v-a2ad4f79]{font-size:var(--text-xl);font-weight:500;color:#ffffffe6;margin:0}.login-form-section[data-v-a2ad4f79]{padding-bottom:var(--spacing-20)}.login-card[data-v-a2ad4f79]{max-width:480px;margin:0 auto;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg)}.card-header[data-v-a2ad4f79]{text-align:center;margin-bottom:var(--spacing-8)}.card-title[data-v-a2ad4f79]{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.card-subtitle[data-v-a2ad4f79]{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.error-message[data-v-a2ad4f79]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-base);color:var(--color-error);margin-bottom:var(--spacing-6);font-size:var(--text-sm)}.error-message svg[data-v-a2ad4f79]{flex-shrink:0}.login-form[data-v-a2ad4f79]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group[data-v-a2ad4f79]{display:flex;flex-direction:column;gap:var(--spacing-3)}.form-label[data-v-a2ad4f79]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.form-label svg[data-v-a2ad4f79]{color:var(--color-text-muted)}.input-wrapper[data-v-a2ad4f79]{position:relative;display:flex;align-items:center}.form-input[data-v-a2ad4f79]{width:100%;padding:var(--spacing-3) var(--spacing-4);padding-right:var(--spacing-12);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--transition-base)}.form-input[data-v-a2ad4f79]::placeholder{color:var(--color-text-muted)}.form-input[data-v-a2ad4f79]:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-elevated);box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-a2ad4f79]:disabled{background-color:var(--color-bg-muted);cursor:not-allowed;opacity:.6}.toggle-password[data-v-a2ad4f79]{position:absolute;right:var(--spacing-3);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-base);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.toggle-password[data-v-a2ad4f79]:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.btn-block[data-v-a2ad4f79]{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);font-size:var(--text-base);font-weight:600}.btn-spinner[data-v-a2ad4f79]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-a2ad4f79 .8s linear infinite}@keyframes spin-a2ad4f79{to{transform:rotate(360deg)}}.security-note[data-v-a2ad4f79]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding-top:var(--spacing-6);font-size:var(--text-xs);color:var(--color-text-muted)}.security-note svg[data-v-a2ad4f79]{flex-shrink:0}@media (max-width: 640px){.login-hero[data-v-a2ad4f79]{min-height:30vh}.hero-content[data-v-a2ad4f79]{padding:var(--spacing-8) var(--spacing-4)}.login-icon[data-v-a2ad4f79]{width:80px;height:80px}.login-icon svg[data-v-a2ad4f79]{width:48px;height:48px}.login-title[data-v-a2ad4f79]{font-size:var(--text-3xl)}.login-subtitle[data-v-a2ad4f79]{font-size:var(--text-lg)}.login-card[data-v-a2ad4f79]{padding:var(--spacing-6)}.card-title[data-v-a2ad4f79]{font-size:var(--text-xl)}}.prompt-manager[data-v-2fd9f485]{display:flex;flex-direction:column;gap:var(--spacing-6)}.toolbar[data-v-2fd9f485]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap}.toolbar-actions[data-v-2fd9f485]{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.toolbar-filters[data-v-2fd9f485]{display:flex;gap:var(--spacing-2)}.btn[data-v-2fd9f485]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.btn-success[data-v-2fd9f485]{color:#fff;background-color:var(--color-success)}.btn-success[data-v-2fd9f485]:hover{background-color:#16a34a;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline[data-v-2fd9f485]{color:var(--color-text-primary);background-color:var(--color-bg-elevated);border:1px solid var(--color-border)}.btn-outline[data-v-2fd9f485]:hover{background-color:var(--color-bg-muted);border-color:var(--color-border-hover)}.btn-primary[data-v-2fd9f485]{color:#fff;background-color:var(--color-primary)}.btn-primary[data-v-2fd9f485]:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn[data-v-2fd9f485]:disabled{opacity:.5;cursor:not-allowed}.btn-spinner[data-v-2fd9f485]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-2fd9f485 .8s linear infinite}@keyframes spin-2fd9f485{to{transform:rotate(360deg)}}.filter-select[data-v-2fd9f485]{padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-sm);color:var(--color-text-primary);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.filter-select[data-v-2fd9f485]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.prompt-grid[data-v-2fd9f485]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-4)}@media (min-width: 768px){.prompt-grid[data-v-2fd9f485]{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.prompt-card[data-v-2fd9f485]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-3)}.prompt-card[data-v-2fd9f485]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-hover)}.card-header[data-v-2fd9f485]{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}.card-badges[data-v-2fd9f485]{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.badge[data-v-2fd9f485]{display:inline-flex;padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm)}.category-badge[data-v-2fd9f485]{color:var(--color-primary);background-color:#3b82f61a}.scene-badge[data-v-2fd9f485]{color:var(--color-success);background-color:#22c55e1a}.card-dropdown[data-v-2fd9f485]{position:relative}.dropdown-toggle[data-v-2fd9f485]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;border-radius:var(--radius-base);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.dropdown-toggle[data-v-2fd9f485]:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.dropdown-menu[data-v-2fd9f485]{position:absolute;top:calc(100% + var(--spacing-1));right:0;min-width:140px;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--spacing-1);z-index:100}.dropdown-item[data-v-2fd9f485]{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--transition-base)}.dropdown-item[data-v-2fd9f485]:hover{background-color:var(--color-bg-muted)}.dropdown-danger[data-v-2fd9f485]{color:var(--color-error)}.dropdown-danger[data-v-2fd9f485]:hover{background-color:#ef44441a}.dropdown-disabled[data-v-2fd9f485]{color:var(--color-text-muted);cursor:not-allowed}.card-body[data-v-2fd9f485]{flex:1}.card-title[data-v-2fd9f485]{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.card-text[data-v-2fd9f485]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.card-footer[data-v-2fd9f485]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.card-date[data-v-2fd9f485]{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-text-muted)}.toggle-switch[data-v-2fd9f485]{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.toggle-switch input[data-v-2fd9f485]{display:none}.toggle-slider[data-v-2fd9f485]{position:relative;width:40px;height:22px;background-color:var(--color-border);border-radius:11px;transition:all var(--transition-base)}.toggle-slider[data-v-2fd9f485]:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;transition:all var(--transition-base);box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider[data-v-2fd9f485]{background-color:var(--color-success)}.toggle-switch input:checked+.toggle-slider[data-v-2fd9f485]:before{transform:translate(18px)}.toggle-label[data-v-2fd9f485]{font-size:var(--text-xs);color:var(--color-text-secondary)}.loading-state[data-v-2fd9f485]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-12);color:var(--color-text-muted)}.spinner[data-v-2fd9f485]{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-2fd9f485 .8s linear infinite}.empty-state[data-v-2fd9f485]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-12);text-align:center;color:var(--color-text-muted)}.empty-state svg[data-v-2fd9f485]{opacity:.3}.empty-state h3[data-v-2fd9f485]{font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary);margin:0}.empty-state p[data-v-2fd9f485]{font-size:var(--text-sm);margin:0}.modal-overlay[data-v-2fd9f485]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:1000;overflow-y:auto}.modal-container[data-v-2fd9f485]{background-color:var(--color-bg-elevated);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.modal-large[data-v-2fd9f485]{max-width:800px}.modal-header[data-v-2fd9f485]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);border-bottom:1px solid var(--color-border)}.modal-title[data-v-2fd9f485]{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.modal-close[data-v-2fd9f485]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-base);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.modal-close[data-v-2fd9f485]:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.modal-body[data-v-2fd9f485]{padding:var(--spacing-6);overflow-y:auto;flex:1}.modal-footer[data-v-2fd9f485]{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-6);border-top:1px solid var(--color-border)}.form-group[data-v-2fd9f485]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-row[data-v-2fd9f485]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.form-label[data-v-2fd9f485]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.form-label.small[data-v-2fd9f485]{font-size:var(--text-xs)}.form-input[data-v-2fd9f485],.form-select[data-v-2fd9f485],.form-textarea[data-v-2fd9f485]{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--transition-base)}.form-input[data-v-2fd9f485]:focus,.form-select[data-v-2fd9f485]:focus,.form-textarea[data-v-2fd9f485]:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-elevated);box-shadow:0 0 0 3px #3b82f61a}.form-input[data-v-2fd9f485]::placeholder,.form-textarea[data-v-2fd9f485]::placeholder{color:var(--color-text-muted)}.form-textarea[data-v-2fd9f485]{resize:vertical;font-family:inherit}.font-mono[data-v-2fd9f485]{font-family:Courier New,monospace}.form-hint[data-v-2fd9f485]{font-size:var(--text-xs);color:var(--color-text-muted)}.text-muted[data-v-2fd9f485]{color:var(--color-text-muted);font-weight:400}.info-box[data-v-2fd9f485]{padding:var(--spacing-4);background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-base);font-size:var(--text-sm);color:var(--color-text-primary)}.info-box strong[data-v-2fd9f485]{display:block;margin-bottom:var(--spacing-2)}.info-box ul[data-v-2fd9f485]{margin:var(--spacing-2) 0 0 0;padding-left:var(--spacing-4)}.info-box li[data-v-2fd9f485]{margin:var(--spacing-1) 0}.test-section[data-v-2fd9f485]{margin-bottom:var(--spacing-6)}.test-section h4[data-v-2fd9f485]{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.code-block[data-v-2fd9f485]{background-color:var(--color-bg);padding:var(--spacing-4);border-radius:var(--radius-base);overflow-x:auto;font-family:Courier New,monospace;font-size:var(--text-sm);line-height:1.6;margin:0}.result-box[data-v-2fd9f485]{background-color:var(--color-bg);padding:var(--spacing-4);border-radius:var(--radius-base);max-height:300px;overflow-y:auto}.result-box pre[data-v-2fd9f485]{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:var(--text-sm);line-height:1.6}.modal-enter-active[data-v-2fd9f485],.modal-leave-active[data-v-2fd9f485]{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-enter-from[data-v-2fd9f485],.modal-leave-to[data-v-2fd9f485]{opacity:0}.modal-enter-from .modal-container[data-v-2fd9f485],.modal-leave-to .modal-container[data-v-2fd9f485]{transform:scale(.95)}@media (max-width: 640px){.toolbar[data-v-2fd9f485]{flex-direction:column;align-items:stretch}.toolbar-actions[data-v-2fd9f485],.toolbar-filters[data-v-2fd9f485]{flex-direction:column}.filter-select[data-v-2fd9f485]{width:100%}.modal-overlay[data-v-2fd9f485]{padding:var(--spacing-2)}.modal-footer[data-v-2fd9f485]{flex-direction:column}.btn[data-v-2fd9f485]{width:100%;justify-content:center}}.settings-header[data-v-d2f240c3]{position:relative;min-height:25vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-bottom:var(--spacing-12)}.header-content[data-v-d2f240c3]{position:relative;z-index:2;padding:var(--spacing-8) var(--spacing-4)}.header-background[data-v-d2f240c3]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-gradient[data-v-d2f240c3]{width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#334155,#475569)}.settings-title[data-v-d2f240c3]{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;margin-bottom:var(--spacing-4);color:#fff;letter-spacing:-.02em}.settings-subtitle[data-v-d2f240c3]{font-size:var(--text-xl);color:#ffffffe6;margin:0}.settings-content[data-v-d2f240c3]{padding-bottom:var(--spacing-20)}.loading-state[data-v-d2f240c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-20) var(--spacing-4);gap:var(--spacing-4)}.spinner[data-v-d2f240c3]{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-d2f240c3 .8s linear infinite}@keyframes spin-d2f240c3{to{transform:rotate(360deg)}}.settings-layout[data-v-d2f240c3]{max-width:1200px;margin:0 auto}.settings-tabs[data-v-d2f240c3]{display:flex;gap:var(--spacing-2);overflow-x:auto;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-border)}.tab-button[data-v-d2f240c3]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;margin-bottom:-2px}.tab-button[data-v-d2f240c3]:hover{color:var(--color-primary)}.tab-button.active[data-v-d2f240c3]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-button svg[data-v-d2f240c3]{flex-shrink:0}.settings-panels[data-v-d2f240c3]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-sm)}.settings-panel[data-v-d2f240c3]{animation:fadeIn-d2f240c3 .3s ease-out}@keyframes fadeIn-d2f240c3{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header[data-v-d2f240c3]{text-align:center;margin-bottom:var(--spacing-8)}.panel-title[data-v-d2f240c3]{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.panel-subtitle[data-v-d2f240c3]{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.settings-form[data-v-d2f240c3]{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group[data-v-d2f240c3]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label[data-v-d2f240c3]{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.form-hint[data-v-d2f240c3]{display:block;font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted);margin-top:var(--spacing-1)}.input-wrapper[data-v-d2f240c3]{position:relative}.form-input[data-v-d2f240c3],.form-select[data-v-d2f240c3]{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-base);transition:all var(--transition-base)}.form-input[data-v-d2f240c3]:focus,.form-select[data-v-d2f240c3]:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-elevated);box-shadow:0 0 0 3px #3b82f61a}.form-help[data-v-d2f240c3]{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--color-text-muted)}.form-help svg[data-v-d2f240c3]{flex-shrink:0}.toggle-group[data-v-d2f240c3]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.toggle-info[data-v-d2f240c3]{flex:1}.toggle-title[data-v-d2f240c3]{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-1);color:var(--color-text-primary)}.toggle-description[data-v-d2f240c3]{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.toggle-switch[data-v-d2f240c3]{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-input[data-v-d2f240c3]{position:absolute;opacity:0;width:0;height:0}.toggle-slider[data-v-d2f240c3]{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--color-border);transition:var(--transition-base);border-radius:var(--radius-full)}.toggle-slider[data-v-d2f240c3]:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-base);border-radius:50%}.toggle-input:checked+.toggle-slider[data-v-d2f240c3]{background-color:var(--color-primary)}.toggle-input:checked+.toggle-slider[data-v-d2f240c3]:before{transform:translate(24px)}.checkbox-group[data-v-d2f240c3]{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.checkbox-item[data-v-d2f240c3]{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer}.checkbox-input[data-v-d2f240c3]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-label[data-v-d2f240c3]{font-size:var(--text-base);color:var(--color-text-primary);cursor:pointer}.ai-config[data-v-d2f240c3]{display:flex;flex-direction:column;gap:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.settings-actions[data-v-d2f240c3]{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px solid var(--color-border)}.btn-spinner[data-v-d2f240c3]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-d2f240c3 .8s linear infinite}@media (max-width: 768px){.settings-tabs[data-v-d2f240c3]{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.settings-panels[data-v-d2f240c3]{padding:var(--spacing-6)}.settings-actions[data-v-d2f240c3]{flex-direction:column}.settings-actions .btn[data-v-d2f240c3]{width:100%}}.stats-header[data-v-ce842f3a]{position:relative;min-height:25vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-bottom:var(--spacing-12)}.header-content[data-v-ce842f3a]{position:relative;z-index:2;padding:var(--spacing-8) var(--spacing-4)}.header-background[data-v-ce842f3a]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-gradient[data-v-ce842f3a]{width:100%;height:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.stats-title[data-v-ce842f3a]{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;margin-bottom:var(--spacing-4);color:#fff;letter-spacing:-.02em}.stats-subtitle[data-v-ce842f3a]{font-size:var(--text-xl);color:#ffffffe6;margin:0}.stats-content[data-v-ce842f3a]{padding-bottom:var(--spacing-20)}.stats-cards[data-v-ce842f3a]{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-12)}@media (min-width: 768px){.stats-cards[data-v-ce842f3a]{grid-template-columns:repeat(3,1fr)}}.stat-card[data-v-ce842f3a]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.stat-card[data-v-ce842f3a]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon[data-v-ce842f3a]{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);flex-shrink:0}.stat-primary .stat-icon[data-v-ce842f3a]{background-color:#3b82f61a;color:var(--color-primary)}.stat-success .stat-icon[data-v-ce842f3a]{background-color:#10b9811a;color:var(--color-success)}.stat-info .stat-icon[data-v-ce842f3a]{background-color:#6366f11a;color:var(--color-info)}.stat-info[data-v-ce842f3a]{flex:1}.stat-label[data-v-ce842f3a]{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.stat-value[data-v-ce842f3a]{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.time-range[data-v-ce842f3a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.section-title[data-v-ce842f3a]{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.time-buttons[data-v-ce842f3a]{display:flex;gap:var(--spacing-2)}.time-button[data-v-ce842f3a]{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base)}.time-button[data-v-ce842f3a]:hover{border-color:var(--color-primary);color:var(--color-primary)}.time-button.active[data-v-ce842f3a]{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.chart-section[data-v-ce842f3a]{margin-bottom:var(--spacing-12)}.chart-card[data-v-ce842f3a]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.chart-header[data-v-ce842f3a]{padding:var(--spacing-6) var(--spacing-6);border-bottom:1px solid var(--color-border)}.chart-title[data-v-ce842f3a]{font-size:var(--text-lg);font-weight:600;margin:0;color:var(--color-text-primary)}.chart-body[data-v-ce842f3a]{padding:var(--spacing-6);min-height:350px}.loading-state[data-v-ce842f3a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-12) var(--spacing-4)}.spinner[data-v-ce842f3a]{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-ce842f3a .8s linear infinite}@keyframes spin-ce842f3a{to{transform:rotate(360deg)}}.empty-state[data-v-ce842f3a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-12) var(--spacing-4);color:var(--color-text-muted)}.stats-grid[data-v-ce842f3a]{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-12)}@media (min-width: 768px){.stats-grid[data-v-ce842f3a]{grid-template-columns:repeat(2,1fr)}}.section-card[data-v-ce842f3a]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;height:100%}.section-header[data-v-ce842f3a]{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border)}.section-title[data-v-ce842f3a]{font-size:var(--text-lg);font-weight:600;margin:0;color:var(--color-text-primary)}.section-content[data-v-ce842f3a]{padding:var(--spacing-4)}.list-items[data-v-ce842f3a]{display:flex;flex-direction:column;gap:var(--spacing-1)}.list-item[data-v-ce842f3a]{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);text-decoration:none;color:inherit;background-color:transparent;border-radius:var(--radius-base);transition:all var(--transition-base)}.list-item[data-v-ce842f3a]:hover{background-color:var(--color-bg-muted)}.list-rank[data-v-ce842f3a]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-base);flex-shrink:0}.rank-1[data-v-ce842f3a]{background-color:#ef4444;color:#fff}.rank-2[data-v-ce842f3a]{background-color:#f59e0b;color:#fff}.rank-3[data-v-ce842f3a]{background-color:#3b82f6;color:#fff}.list-value[data-v-ce842f3a]{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-count[data-v-ce842f3a]{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);padding:var(--spacing-1) var(--spacing-3);background-color:#3b82f61a;border-radius:var(--radius-base);flex-shrink:0}.table-section[data-v-ce842f3a]{margin-bottom:var(--spacing-12)}.table-card[data-v-ce842f3a]{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--var(--radius-xl));box-shadow:var(--shadow-sm);overflow:hidden}.table-header[data-v-ce842f3a]{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border)}.table-title[data-v-ce842f3a]{font-size:var(--text-lg);font-weight:600;margin:0;color:var(--color-text-primary)}.table-body[data-v-ce842f3a]{overflow-x:auto}.table-wrapper[data-v-ce842f3a]{min-width:100%}.data-table[data-v-ce842f3a]{width:100%;border-collapse:collapse}.data-table th[data-v-ce842f3a],.data-table td[data-v-ce842f3a]{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th[data-v-ce842f3a]{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);background-color:var(--color-bg-muted)}.data-table td[data-v-ce842f3a]{font-size:var(--text-sm);color:var(--color-text-primary)}.data-table tr:last-child td[data-v-ce842f3a]{border-bottom:none}.data-table tr[data-v-ce842f3a]:hover{background-color:var(--color-bg-muted)}.rank-badge[data-v-ce842f3a]{display:inline-block;padding:var(--spacing-1) var(--spacing-2);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-base)}.empty-state-small[data-v-ce842f3a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4);color:var(--color-text-muted)}.btn-spinner-small[data-v-ce842f3a]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-ce842f3a .8s linear infinite;margin-right:var(--spacing-2)}@media (max-width: 640px){.stats-cards[data-v-ce842f3a]{gap:var(--spacing-4)}.stat-card[data-v-ce842f3a]{padding:var(--spacing-4)}.stat-icon[data-v-ce842f3a]{width:48px;height:48px}.stat-value[data-v-ce842f3a]{font-size:var(--text-xl)}.time-range[data-v-ce842f3a]{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.time-buttons[data-v-ce842f3a]{justify-content:space-between}.time-button[data-v-ce842f3a]{flex:1}.data-table[data-v-ce842f3a]{font-size:var(--text-xs)}.data-table th[data-v-ce842f3a],.data-table td[data-v-ce842f3a]{padding:var(--spacing-2) var(--spacing-3)}}.toast-container[data-v-cc8c2193]{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:1100;display:flex;flex-direction:column;gap:var(--spacing-3);max-width:420px;width:100%;pointer-events:none}.toast[data-v-cc8c2193]{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;overflow:hidden}.toast[data-v-cc8c2193]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast-success[data-v-cc8c2193]{border-left-color:var(--color-success)}.toast-success[data-v-cc8c2193]:before{background-color:var(--color-success)}.toast-error[data-v-cc8c2193]{border-left-color:var(--color-error)}.toast-error[data-v-cc8c2193]:before{background-color:var(--color-error)}.toast-warning[data-v-cc8c2193]{border-left-color:var(--color-warning)}.toast-warning[data-v-cc8c2193]:before{background-color:var(--color-warning)}.toast-info[data-v-cc8c2193]{border-left-color:var(--color-primary)}.toast-info[data-v-cc8c2193]:before{background-color:var(--color-primary)}.toast-icon[data-v-cc8c2193]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-top:2px}.toast-success .toast-icon[data-v-cc8c2193]{color:var(--color-success)}.toast-error .toast-icon[data-v-cc8c2193]{color:var(--color-error)}.toast-warning .toast-icon[data-v-cc8c2193]{color:var(--color-warning)}.toast-info .toast-icon[data-v-cc8c2193]{color:var(--color-primary)}.toast-content[data-v-cc8c2193]{flex:1;min-width:0}.toast-title[data-v-cc8c2193]{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.toast-message[data-v-cc8c2193]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.toast-close[data-v-cc8c2193]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-base);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.toast-close[data-v-cc8c2193]:hover{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.toast-enter-active[data-v-cc8c2193]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-leave-active[data-v-cc8c2193]{transition:all .3s cubic-bezier(.4,0,1,1)}.toast-enter-from[data-v-cc8c2193],.toast-leave-to[data-v-cc8c2193]{opacity:0;transform:translate(100%)}@media (max-width: 640px){.toast-container[data-v-cc8c2193]{left:var(--spacing-4);right:var(--spacing-4);max-width:none}}