.public-navbar[data-v-594965b7]{position:sticky;top:0;z-index:1000;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:0;transition:background-color .3s ease,border-color .3s ease}.navbar-content[data-v-594965b7]{max-width:1400px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:32px}.logo-container[data-v-594965b7]{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0;transition:opacity .2s ease}.logo-container[data-v-594965b7]:hover{opacity:.8}.logo-image[data-v-594965b7]{height:36px;width:auto}.logo-text[data-v-594965b7]{font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.nav-menu[data-v-594965b7]{display:flex;align-items:center;gap:24px;flex:1;justify-content:center;flex-wrap:wrap}.nav-menu .n-button[data-v-594965b7]{color:var(--text-color-secondary);font-size:14px;transition:color .2s ease}.nav-menu .n-button[data-v-594965b7]:hover{color:var(--text-color)}.nav-link-active[data-v-594965b7]{color:#667eea!important;font-weight:500}.nav-actions[data-v-594965b7]{display:flex;align-items:center;gap:12px;flex-shrink:0}.theme-toggle-btn[data-v-594965b7]{margin-right:8px}@media (max-width: 1024px){.nav-menu[data-v-594965b7]{display:none}.navbar-content[data-v-594965b7]{gap:16px}}@media (max-width: 768px){.navbar-content[data-v-594965b7]{padding:12px 16px;flex-wrap:wrap}.logo-text[data-v-594965b7]{font-size:18px}.logo-image[data-v-594965b7]{height:32px}.nav-actions[data-v-594965b7]{width:100%;justify-content:flex-end;margin-top:8px}.nav-actions .n-button[data-v-594965b7]{font-size:12px;padding:0 12px}}.global-loading-overlay[data-v-7b00c476]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;pointer-events:auto}html.dark-theme .global-loading-overlay[data-v-7b00c476]{background:#00000080}.global-loading-fade-enter-active[data-v-7b00c476],.global-loading-fade-leave-active[data-v-7b00c476]{transition:opacity .25s ease}.global-loading-fade-enter-from[data-v-7b00c476],.global-loading-fade-leave-to[data-v-7b00c476]{opacity:0}[data-v-7b00c476] .n-spin{animation:fadeInScale-7b00c476 .3s ease}[data-v-7b00c476] .n-spin-description{margin-top:16px;font-size:14px;color:#ffffffe6}@keyframes fadeInScale-7b00c476{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.unsupported-browser[data-v-0273be59]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:24px}.content[data-v-0273be59]{max-width:600px;text-align:center;background:#fff;border-radius:16px;padding:48px 32px;box-shadow:0 4px 24px #00000014}.icon[data-v-0273be59]{color:#ff6b6b;margin-bottom:24px}h1[data-v-0273be59]{font-size:28px;font-weight:600;color:#333;margin:0 0 16px}.description[data-v-0273be59]{font-size:16px;color:#666;margin:0 0 12px;line-height:1.6}.description strong[data-v-0273be59]{color:#ff6b6b}.reason[data-v-0273be59]{font-size:14px;color:#999;margin:0 0 32px;line-height:1.6;padding:12px;background:#fff5f5;border-radius:8px}.recommend-section[data-v-0273be59]{margin-bottom:32px}.recommend-section h3[data-v-0273be59]{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.browser-list[data-v-0273be59]{display:flex;flex-direction:column;gap:12px}.browser-item[data-v-0273be59]{display:flex;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;transition:background .2s}.browser-item[data-v-0273be59]:hover{background:#f0f2f5}.browser-icon[data-v-0273be59]{width:40px;height:40px;border-radius:8px;margin-right:12px;background-size:contain;background-repeat:no-repeat;background-position:center}.browser-icon.chrome[data-v-0273be59]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23DD342F'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23F9DBBD'/%3E%3Cpath d='M12 4a8 8 0 0 1 6.9 4.5l-4.4-2.2-2.5 4.7z' fill='%2333A10F'/%3E%3Cpath d='M4.1 12a8 8 0 0 1 2.8-5.7l4.4 2.2 2.5-4.7A8 8 0 0 0 4.1 12z' fill='%23154BB8'/%3E%3C/svg%3E")}.browser-icon.edge[data-v-0273be59]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 3.5h17v17h-17z' fill='%2300A4EF'/%3E%3Cpath d='M12 3.5c2.5 0 4.5 2 4.5 4.5v1c0 2.5-2 4.5-4.5 4.5h-5l-6 7v-7h-2c-2.5 0-4.5-2-4.5-4.5v-1c0-2.5 2-4.5 4.5-4.5h13z' fill='%23fff'/%3E%3C/svg%3E")}.browser-icon.firefox[data-v-0273be59]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23FF6611'/%3E%3Cpath d='M12 4a8 8 0 0 1 6.9 4.5l-4.4-2.2-2.5 4.7z' fill='%23FFDB00'/%3E%3Cpath d='M4.1 12a8 8 0 0 1 2.8-5.7l4.4 2.2 2.5-4.7A8 8 0 0 0 4.1 12z' fill='%23fff'/%3E%3Cpath d='M12 4L7 20h3l1-3h4l1 3h3L12 4z' fill='%23FFDB00'/%3E%3C/svg%3E")}.browser-icon.safari[data-v-0273be59]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23169BF3'/%3E%3Ccircle cx='12' cy='12' r='7' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='3' fill='%23169BF3'/%3E%3C/svg%3E")}.browser-info[data-v-0273be59]{flex:1;text-align:left}.browser-name[data-v-0273be59]{display:block;font-size:14px;font-weight:500;color:#333}.browser-desc[data-v-0273be59]{display:block;font-size:12px;color:#999}.action-buttons[data-v-0273be59]{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.warning-note[data-v-0273be59]{font-size:12px;color:#999;margin:0}.feature-check[data-v-0273be59]{margin-top:32px;padding-top:24px;border-top:1px solid #eee}.feature-check h4[data-v-0273be59]{font-size:14px;font-weight:500;color:#666;margin:0 0 12px}.feature-list[data-v-0273be59]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.feature-item[data-v-0273be59]{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#f5f5f5;border-radius:4px;font-size:12px}.feature-item.not-supported[data-v-0273be59]{background:#fff5f5;color:#ff6b6b}.feature-icon[data-v-0273be59]{font-size:12px}.feature-name[data-v-0273be59]{color:#666}.feature-item.not-supported .feature-name[data-v-0273be59]{color:#ff6b6b}.app-shell[data-v-26917fc2]{min-height:100vh;display:flex;flex-direction:column}.fade-slide-enter-active[data-v-26917fc2],.fade-slide-leave-active[data-v-26917fc2]{transition:opacity .25s ease,transform .25s ease}.fade-slide-enter-from[data-v-26917fc2]{opacity:0;transform:translateY(10px)}.fade-slide-leave-to[data-v-26917fc2]{opacity:0;transform:translateY(-10px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;max-width:100%;min-width:0;overflow-x:hidden}:root{--bg-color: #FAFAFA;--bg-color-secondary: #F0F0F0;--header-bg: #FFFFFF;--footer-bg: #FAFAFA;--text-color: #1A1A1A;--text-color-secondary: #4A4A4A;--text-color-tertiary: #8A8A8A;--border-color: #E5E5E5;--border-color-light: #F0F0F0;--scrollbar-track: #F5F5F5;--scrollbar-thumb: #D0D0D0;--scrollbar-thumb-hover: #B0B0B0;--card-bg: #FFFFFF;--card-border: #E5E5E5;--shadow-color: rgba(0, 0, 0, .08);--input-bg: #FFFFFF;--input-border: #D0D0D0;--input-border-focus: #FF6B35;--empty-area-bg: #F8F9FA;--hover-bg: #F5F5F5;--primary-color: #FF6B35;--primary-hover: #FF8555;--primary-pressed: #E55A28;--primary-gradient: linear-gradient(135deg, #FF6B35 0%, #FF8555 100%);--accent-color: #00D9C4;--accent-hover: #00F0D4;--accent-gradient: linear-gradient(135deg, #00D9C4 0%, #00F0D4 100%);--hero-bg: #1A1A1A;--hero-gradient: linear-gradient(135deg, #1A1A1A 0%, #2D2D2D 100%);--hero-text: #FFFFFF;--hero-text-secondary: rgba(255, 255, 255, .8);--section-title-gradient: linear-gradient(135deg, #FF6B35 0%, #00D9C4 100%)}html.dark-theme{--bg-color: #0D0D0D;--bg-color-secondary: #1A1A1A;--header-bg: rgba(26, 26, 26, .95);--footer-bg: rgba(26, 26, 26, .8);--text-color: #FAFAFA;--text-color-secondary: #A0A0A0;--text-color-tertiary: #6A6A6A;--border-color: #2D2D2D;--border-color-light: #1F1F1F;--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--card-bg: #1A1A1A;--card-border: #2D2D2D;--shadow-color: rgba(0, 0, 0, .4);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .1);--input-border-focus: #FF6B35;--empty-area-bg: linear-gradient(135deg, #0D0D0D 0%, #1A1A1A 100%);--hover-bg: rgba(255, 255, 255, .05);--hero-bg: #0D0D0D;--hero-gradient: linear-gradient(135deg, #0D0D0D 0%, #1A1A1A 100%);--hero-text: #FAFAFA;--hero-text-secondary: rgba(250, 250, 250, .7)}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;font-weight:500}#app{min-height:100vh;overflow-y:auto;background:var(--bg-color);transition:background-color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-slide-enter-from{opacity:0;transform:translateY(10px)}.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-left-enter-from{opacity:0;transform:translate(30px)}.slide-left-leave-to,.slide-right-enter-from{opacity:0;transform:translate(-30px)}.slide-right-leave-to{opacity:0;transform:translate(30px)}@media (hover: none) and (pointer: coarse){button,.n-button,.n-tab,.n-menu-item{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}button:active,.n-button:active,.n-card:active{transform:scale(.98);opacity:.9}.n-button,.n-tab{min-height:44px;min-width:44px}.content,.n-scrollbar-container,.n-scrollbar-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.hover-lift:hover{transform:none;box-shadow:var(--shadow-md)}.hover-lift:active{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale:hover{transform:none}.hover-scale:active{transform:scale(.96)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.n-button.loading .n-button__loading{animation:spin 1s linear infinite}.success-pulse{animation:successPulse .5s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.error-shake{animation:shake .5s ease}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #ff6b354d}.focus-ring:focus-visible{box-shadow:0 0 0 3px #ff6b354d}@keyframes pageEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEntryScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px);letter-spacing:.1em}to{opacity:1;transform:translateY(0);letter-spacing:0}}@keyframes titleCharReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonGlow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 30px #667eea99}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.7}}.card-elevate{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.card-elevate:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes gradientPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes techPulse{0%,to{opacity:1}50%{opacity:.6}}.animate-title-reveal{animation:titleReveal .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.animate-button-glow:hover{animation:buttonGlow 2s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-gradient-pulse{animation:gradientPulse 4s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.modern-card,.n-card.modern-card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;box-shadow:0 4px 24px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover,.n-card.modern-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea1f;border-color:#667eea40}html.dark-theme .modern-card,html.dark-theme .n-card.modern-card{background:#1a1a1abf;border-color:#ffffff14}html.dark-theme .modern-card:hover,html.dark-theme .n-card.modern-card:hover{box-shadow:0 12px 40px #667eea33;border-color:#667eea4d}.template-card,.role-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.template-card:hover,.role-card:hover{transform:translateY(-4px)}.page-container{animation:pageEntry .4s ease-out}.stagger-item{opacity:0;animation:pageEntry .4s ease-out forwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.stagger-item:nth-child(9){animation-delay:.4s}.stagger-item:nth-child(10){animation-delay:.45s}.stagger-item:nth-child(11){animation-delay:.5s}.stagger-item:nth-child(12){animation-delay:.55s}.logo{font-size:22px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;position:relative;transition:all .3s ease}.logo:hover{filter:brightness(1.1)}.logo-indicator{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#667eea;animation:subtlePulse 2s infinite}.n-input:focus-within,.n-input-number:focus-within{box-shadow:0 0 0 3px #667eea26}.n-tabs .n-tabs-tab{transition:all .3s ease}.n-tabs .n-tabs-tab:hover,.n-tabs .n-tabs-tab.n-tabs-tab--active{color:#667eea}.main-tabs .n-tabs-tab{padding:8px 16px;font-weight:500}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.n-loading-bar{z-index:9999}.skeleton-base{background:#ffffff0d;border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px;padding:40px 20px}.loading-container-small{min-height:100px;padding:20px}.loading-container-large{min-height:400px;padding:60px 20px}.loading-text{color:var(--text-color-secondary);font-size:14px;margin-top:12px}.loading-text-primary{color:var(--text-color);font-size:16px;font-weight:500}.loading-progress-container{width:100%;max-width:400px;margin:16px auto 0}.loading-progress-text{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--text-color-tertiary)}.loading-error-container{text-align:center;padding:40px 20px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-error-icon{margin-bottom:16px;color:#ff6b6b}.loading-error-message{font-size:16px;font-weight:500;color:var(--text-color);margin-bottom:8px}.loading-error-suggestion{font-size:14px;color:var(--text-color-secondary);margin-bottom:20px}.loading-retry-button{margin-top:16px}.loading-empty-container{text-align:center;padding:60px 20px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-inline{display:inline-flex;align-items:center;gap:8px;color:var(--text-color-secondary);font-size:14px}.button-loading{position:relative;pointer-events:none;opacity:.7}.card-loading{position:relative;overflow:hidden}.card-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:card-shimmer 1.5s infinite}@keyframes card-shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.loading-container{min-height:150px;padding:30px 16px}.loading-progress-container{max-width:100%}}:root{--color-primary: #667eea;--color-primary-hover: #7c8ef5;--color-primary-pressed: #5568d3;--color-primary-light: rgba(102, 126, 234, .1);--color-secondary: #764ba2;--color-secondary-hover: #8a5fb8;--color-secondary-pressed: #623a8c;--color-success: #4caf50;--color-success-light: rgba(76, 175, 80, .1);--color-warning: #ffc107;--color-warning-light: rgba(255, 193, 7, .1);--color-error: #f44336;--color-error-light: rgba(244, 67, 54, .1);--color-info: #2196f3;--color-info-light: rgba(33, 150, 243, .1);--color-text-primary: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-tertiary: #8a8a8a;--color-text-disabled: #c0c0c0;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #fafafa;--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-divider: #e8e8e8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .16);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}html.dark-theme{--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-tertiary: #808080;--color-text-disabled: #606060;--color-bg-primary: #1a1a1a;--color-bg-secondary: #242424;--color-bg-tertiary: #2a2a2a;--color-border: rgba(255, 255, 255, .15);--color-border-light: rgba(255, 255, 255, .08);--color-divider: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .6)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes breathe{0%,to{opacity:1;box-shadow:0 0 #667eea66}50%{opacity:.8;box-shadow:0 0 20px 10px #667eea00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-10px);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}@keyframes rippleExpand{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease forwards}.animate-fade-in-left{animation:fadeInLeft var(--transition-slow) ease forwards}.animate-fade-in-right{animation:fadeInRight var(--transition-slow) ease forwards}.animate-fade-in-scale{animation:fadeInScale var(--transition-slow) ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-breathe{animation:breathe 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.animate-skeleton-pulse{animation:skeletonPulse 1.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease infinite}.animate-shake{animation:shake .5s ease}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}html.dark-theme .glass{background:#14141eb3;border:1px solid rgba(255,255,255,.1)}.glass-light{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.glow-primary{box-shadow:0 0 10px #667eea66}.glow-primary-strong{box-shadow:0 0 20px #667eea99}.glow-success{box-shadow:0 0 10px #4caf5066}.glow-warning{box-shadow:0 0 10px #ffc10766}.glow-error{box-shadow:0 0 10px #f4433666}.gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-success{background:linear-gradient(135deg,#4caf50,#81c784)}.gradient-warning{background:linear-gradient(135deg,#ffc107,#ffdb4d)}.gradient-error{background:linear-gradient(135deg,#f44336,#e57373)}.gradient-mesh{background:radial-gradient(at 40% 20%,rgba(102,126,234,.1) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(118,75,162,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(102,126,234,.05) 0px,transparent 50%),radial-gradient(at 80% 50%,rgba(118,75,162,.05) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(102,126,234,.1) 0px,transparent 50%),radial-gradient(at 80% 100%,rgba(118,75,162,.1) 0px,transparent 50%)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-lift-strong:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.hover-glow:hover{animation:glow 1.5s ease-in-out infinite}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.ripple:active:after{width:200%;height:200%}