:root,[data-theme=vue]{--primary-color:#41b883;--primary-dark:#35495e;--primary-light:#f0f9ff;--primary-gradient:linear-gradient(135deg,#41b883,#35495e);--background-gradient:linear-gradient(135deg,#667eea,#764ba2);--card-bg:hsla(0,0%,100%,.95);--glass-border:hsla(0,0%,100%,.2);--text-primary:#2c3e50;--text-secondary:#64748b;--text-muted:#9ca3af;--success:#059669;--success-bg:rgba(16,185,129,.1);--success-border:rgba(16,185,129,.2);--error:#dc2626;--error-bg:rgba(239,68,68,.1);--error-border:rgba(239,68,68,.2);--warning:#d97706;--info:#3b82f6}[data-theme=ocean]{--primary-color:#0ea5e9;--primary-dark:#0c4a6e;--primary-light:#e0f2fe;--primary-gradient:linear-gradient(135deg,#0ea5e9,#0c4a6e);--background-gradient:linear-gradient(135deg,#0891b2,#164e63);--card-bg:hsla(0,0%,100%,.95);--glass-border:hsla(0,0%,100%,.2);--text-primary:#0c4a6e;--text-secondary:#475569;--text-muted:#94a3b8;--success:#0d9488;--success-bg:rgba(13,148,136,.1);--success-border:rgba(13,148,136,.2);--error:#dc2626;--error-bg:rgba(239,68,68,.1);--error-border:rgba(239,68,68,.2);--warning:#ea580c;--info:#0ea5e9}[data-theme=sunset]{--primary-color:#f97316;--primary-dark:#9a3412;--primary-light:#fff7ed;--primary-gradient:linear-gradient(135deg,#f97316,#9a3412);--background-gradient:linear-gradient(135deg,#fb923c,#dc2626);--card-bg:hsla(0,0%,100%,.95);--glass-border:hsla(0,0%,100%,.2);--text-primary:#9a3412;--text-secondary:#78716c;--text-muted:#a8a29e;--success:#16a34a;--success-bg:rgba(22,163,74,.1);--success-border:rgba(22,163,74,.2);--error:#dc2626;--error-bg:rgba(239,68,68,.1);--error-border:rgba(239,68,68,.2);--warning:#f59e0b;--info:#3b82f6}[data-theme=forest]{--primary-color:#16a34a;--primary-dark:#14532d;--primary-light:#f0fdf4;--primary-gradient:linear-gradient(135deg,#16a34a,#14532d);--background-gradient:linear-gradient(135deg,#22c55e,#15803d);--card-bg:hsla(0,0%,100%,.95);--glass-border:hsla(0,0%,100%,.2);--text-primary:#14532d;--text-secondary:#65a30d;--text-muted:#a3a3a3;--success:#16a34a;--success-bg:rgba(22,163,74,.1);--success-border:rgba(22,163,74,.2);--error:#dc2626;--error-bg:rgba(239,68,68,.1);--error-border:rgba(239,68,68,.2);--warning:#f59e0b;--info:#3b82f6}[data-theme=purple]{--primary-color:#8b5cf6;--primary-dark:#581c87;--primary-light:#faf5ff;--primary-gradient:linear-gradient(135deg,#8b5cf6,#581c87);--background-gradient:linear-gradient(135deg,#a855f7,#7c3aed);--card-bg:hsla(0,0%,100%,.95);--glass-border:hsla(0,0%,100%,.2);--text-primary:#581c87;--text-secondary:#6b7280;--text-muted:#9ca3af;--success:#059669;--success-bg:rgba(16,185,129,.1);--success-border:rgba(16,185,129,.2);--error:#dc2626;--error-bg:rgba(239,68,68,.1);--error-border:rgba(239,68,68,.2);--warning:#f59e0b;--info:#8b5cf6}[data-theme=dark]{--primary-color:#60a5fa;--primary-dark:#1e40af;--primary-light:#1f2937;--primary-gradient:linear-gradient(135deg,#60a5fa,#1e40af);--background-gradient:linear-gradient(135deg,#374151,#111827);--card-bg:rgba(31,41,55,.95);--glass-border:rgba(75,85,99,.3);--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--success:#10b981;--success-bg:rgba(16,185,129,.1);--success-border:rgba(16,185,129,.3);--error:#f87171;--error-bg:hsla(0,91%,71%,.1);--error-border:hsla(0,91%,71%,.3);--warning:#fbbf24;--info:#60a5fa}:root{--shadow-sm:0 4px 12px rgba(0,0,0,.1);--shadow-md:0 8px 32px rgba(0,0,0,.1);--shadow-lg:0 20px 60px rgba(0,0,0,.15);--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-mono:"Monaco","Menlo","Ubuntu Mono",monospace}[data-theme=dark]{--shadow-sm:0 4px 12px rgba(0,0,0,.3);--shadow-md:0 8px 32px rgba(0,0,0,.3);--shadow-lg:0 20px 60px rgba(0,0,0,.4)}*{box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);margin:0;padding:0}.vue-app{background:var(--background-gradient);min-height:100vh}.vue-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-bg);border-bottom:1px solid rgba(0,0,0,.1);padding:var(--space-md) 0;position:sticky;top:0;z-index:100}.vue-nav{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-xl)}.vue-logo,.vue-nav{align-items:center;display:flex}.vue-logo{gap:var(--space-sm)}.vue-logo h1{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.vue-card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-xl)}.vue-card-sm{border-radius:var(--radius-lg);padding:var(--space-lg)}.vue-card-lg{border-radius:var(--radius-xl);padding:var(--space-2xl)}.vue-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all .3s ease}.vue-btn:focus{box-shadow:0 0 0 2px #41b88380;outline:none}.vue-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.vue-btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-sm);color:#fff}.vue-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #41b88366;transform:translateY(-2px)}.vue-btn-secondary{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 12px #3b82f64d;color:#fff}.vue-btn-secondary:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.vue-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.vue-btn-danger:hover:not(:disabled){box-shadow:0 8px 20px #ef444466;transform:translateY(-2px)}.vue-btn-ghost{background:transparent;border:1px solid rgba(0,0,0,.1);color:var(--text-primary)}.vue-btn-ghost:hover:not(:disabled){background:#0000000d}.vue-btn-sm{font-size:.875rem;padding:var(--space-xs) var(--space-md)}.vue-btn-lg{font-size:1.125rem;padding:var(--space-lg) var(--space-xl)}.vue-btn-full{width:100%}.vue-title{background:var(--primary-gradient);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 var(--space-md) 0;-webkit-text-fill-color:transparent;background-clip:text}.vue-subtitle{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--space-lg) 0}.vue-text{color:var(--text-secondary);line-height:1.6}.vue-text-muted{color:var(--text-muted);font-size:.875rem}.vue-avatar{align-items:center;background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.vue-avatar-sm{font-size:.875rem;height:2rem;width:2rem}.vue-avatar-lg{font-size:1.25rem;height:3rem;width:3rem}.vue-alert{align-items:center;border-radius:var(--radius-md);display:flex;font-weight:500;gap:var(--space-sm);padding:var(--space-md)}.vue-alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.vue-alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.vue-grid{display:grid;gap:var(--space-lg)}.vue-grid-1{grid-template-columns:1fr}.vue-grid-2{grid-template-columns:repeat(2,1fr)}.vue-grid-3{grid-template-columns:repeat(3,1fr)}.vue-grid-4{grid-template-columns:repeat(4,1fr)}.vue-grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.vue-container{margin:0 auto;max-width:1200px;padding:0 var(--space-xl)}.vue-container-sm{max-width:800px}.vue-container-lg{max-width:1400px}.vue-mb-sm{margin-bottom:var(--space-sm)}.vue-mb-md{margin-bottom:var(--space-md)}.vue-mb-lg{margin-bottom:var(--space-lg)}.vue-mb-xl{margin-bottom:var(--space-xl)}.vue-mt-sm{margin-top:var(--space-sm)}.vue-mt-md{margin-top:var(--space-md)}.vue-mt-lg{margin-top:var(--space-lg)}.vue-mt-xl{margin-top:var(--space-xl)}.vue-p-sm{padding:var(--space-sm)}.vue-p-md{padding:var(--space-md)}.vue-p-lg{padding:var(--space-lg)}.vue-p-xl{padding:var(--space-xl)}.vue-tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm)}.vue-tag-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.vue-tag-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--info)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.vue-fade-in{animation:fadeIn .3s ease-out}.vue-fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width:768px){.vue-nav{flex-direction:column;gap:var(--space-md);text-align:center}.vue-container{padding:0 var(--space-md)}.vue-title{font-size:2rem}.vue-grid-2,.vue-grid-3,.vue-grid-4{grid-template-columns:1fr}.vue-btn-lg{font-size:1rem;padding:var(--space-md) var(--space-lg)}}.vue-loading{opacity:.6;pointer-events:none}.vue-spinner{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:1rem;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}.vue-text-center{text-align:center}.vue-text-left{text-align:left}.vue-text-right{text-align:right}.vue-font-mono{font-family:var(--font-mono)}.vue-flex{display:flex}.vue-flex-col{flex-direction:column}.vue-items-center{align-items:center}.vue-justify-center{justify-content:center}.vue-justify-between{justify-content:space-between}.vue-gap-sm{gap:var(--space-sm)}.vue-gap-md{gap:var(--space-md)}.vue-gap-lg{gap:var(--space-lg)}