:root{--bg-primary: #0a0e17;--bg-secondary: #0f1520;--bg-tertiary: #151c2c;--bg-card: #111827;--bg-card-hover: #1a2234;--bg-surface: #1e293b;--bg-input: #0f1520;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0a0e17;--border-color: #1e293b;--border-subtle: rgba(148, 163, 184, 0.1);--border-strong: #334155;--accent-primary: #06b6d4;--accent-secondary: #22d3ee;--accent-tertiary: #67e8f9;--accent-glow: rgba(6, 182, 212, 0.4);--accent-warm: #f59e0b;--accent-warm-secondary: #fbbf24;--accent-warm-glow: rgba(245, 158, 11, 0.3);--accent-purple: #8b5cf6;--accent-purple-secondary: #a78bfa;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--accent-primary-rgb: 6, 182, 212;--accent-warm-rgb: 245, 158, 11;--accent-purple-rgb: 139, 92, 246;--bg-card-rgb: 17, 24, 39;--error-rgb: 239, 68, 68;--success-rgb: 16, 185, 129;--warning-rgb: 245, 158, 11;--font-display: Inter, system-ui, sans-serif;--font-body: Inter, system-ui, sans-serif;--font-mono: Space Mono, Fira Code, monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);--shadow-xl: 0 25px 50px rgba(0, 0, 0, 0.6);--shadow-glow: 0 0 40px rgba(6, 182, 212, 0.4);--shadow-glow-warm: 0 0 40px rgba(245, 158, 11, 0.3);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: 150ms ease;--transition-base: 250ms ease;--transition-slow: 400ms ease;--gradient-primary: linear-gradient(135deg, #06b6d4 0%, #0891b2 50%, #0e7490 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-text: linear-gradient(135deg, #06b6d4 0%, #22d3ee 50%, #67e8f9 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-hero: linear-gradient(180deg, rgba(6, 182, 212, 0.1) 0%, transparent 50%)}[data-theme=light],.light-mode{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-surface: #e2e8f0;--bg-input: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #f8fafc;--border-color: #e2e8f0;--border-subtle: rgba(15, 23, 42, 0.1);--border-strong: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);--shadow-xl: 0 25px 50px rgba(0, 0, 0, 0.2);--shadow-glow: 0 0 40px rgba(6, 182, 212, 0.2);--shadow-glow-warm: 0 0 40px rgba(245, 158, 11, 0.15)}@media(prefers-color-scheme: light){:root:not([data-theme=dark]){--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-surface: #e2e8f0;--bg-input: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #f8fafc;--border-color: #e2e8f0;--border-subtle: rgba(15, 23, 42, 0.1);--border-strong: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);--shadow-xl: 0 25px 50px rgba(0, 0, 0, 0.2);--shadow-glow: 0 0 40px rgba(6, 182, 212, 0.2);--shadow-glow-warm: 0 0 40px rgba(245, 158, 11, 0.15)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.valid.modified:not([type=checkbox]){outline:1px solid var(--success)}.invalid{outline:1px solid var(--error)}.validation-message{color:var(--error);font-size:.875rem;margin-top:.25rem}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rem;color:#fff}.blazor-error-boundary::after{content:"An error has occurred."}.home-page{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;min-height:100vh}.home-page *,.home-page *::before,.home-page *::after{box-sizing:border-box}h1:focus{outline:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary);color:var(--bg-primary)}html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}a{color:inherit;text-decoration-skip-ink:auto}.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:rgba(10,14,23,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);animation:navSlideDown .6s ease-out}@media(max-width: 768px){.main-nav{padding:1rem}}@keyframes navSlideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.logo-mark{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--accent-secondary);background:rgba(var(--accent-primary-rgb, 6, 182, 212), 0.15);padding:.4rem .6rem;border-radius:var(--radius-sm);border:1px solid rgba(var(--accent-primary-rgb, 6, 182, 212), 0.3)}.logo-text{font-family:var(--font-body);font-size:1.25rem;font-weight:700;letter-spacing:-0.02em;color:#fff}.nav-links{display:flex;gap:2.5rem}@media(max-width: 1024px){.nav-links{display:none}}.nav-link{color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;transition:color var(--transition-fast);position:relative;background:none !important;padding:0 !important;border-radius:0 !important;border:none !important}.nav-link::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width var(--transition-base)}.nav-link:hover{color:var(--accent-secondary)}.nav-link:hover::after{width:100%}.nav-link.active{color:var(--accent-primary)}.nav-actions{display:flex;align-items:center;gap:1rem}@media(max-width: 1024px){.nav-actions{display:none}}.nav-actions .btn-ghost{color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:color var(--transition-fast)}.nav-actions .btn-ghost:hover{color:var(--accent-primary)}.btn-primary-nav{background:var(--gradient-primary);color:var(--text-inverse);text-decoration:none;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-primary-nav:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}@media(max-width: 1024px){.mobile-nav-toggle{display:flex;align-items:center;justify-content:center}}.mobile-nav-toggle svg{width:24px;height:24px}.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:1001;padding:2rem;flex-direction:column}.mobile-nav.active{display:flex}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.mobile-nav-close{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}.mobile-nav-close svg{width:24px;height:24px}.mobile-nav-links{display:flex;flex-direction:column;gap:1rem}.mobile-nav-links a{color:var(--text-primary);text-decoration:none;font-size:1.25rem;font-weight:500;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.mobile-nav-actions{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.mobile-nav-actions form{display:contents}.mobile-nav-actions .btn-ghost,.mobile-nav-actions .btn-primary-nav{width:100%;text-align:center;display:block}.user-dropdown{position:relative}.user-dropdown-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.35rem .75rem .35rem .35rem;cursor:pointer;transition:all var(--transition-fast)}.user-dropdown-btn:hover{border-color:var(--border-strong);background:var(--bg-surface)}.user-dropdown-btn svg{color:var(--text-muted);transition:transform var(--transition-fast)}.user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--bg-primary);font-size:.75rem;font-weight:600;letter-spacing:.02em}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:.875rem 1rem;border-bottom:1px solid var(--border-color)}.dropdown-name{font-size:.9rem;font-weight:500;color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:var(--border-color);margin:0}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);border:none;background:none;width:100%;cursor:pointer;text-align:left}.dropdown-item svg{flex-shrink:0;color:var(--text-muted)}.dropdown-item:hover{background:var(--bg-surface);color:var(--text-primary)}.dropdown-item:hover svg{color:var(--text-secondary)}.dropdown-item--admin{color:var(--accent-purple)}.dropdown-item--admin svg{color:var(--accent-purple)}.dropdown-item--admin:hover{background:rgba(139,92,246,.1);color:var(--accent-purple-secondary)}.dropdown-item--logout{color:var(--error)}.dropdown-item--logout svg{color:var(--error)}.dropdown-item--logout:hover{background:rgba(239,68,68,.1)}.site-header .main-nav{position:static;background:rgba(0,0,0,0);backdrop-filter:none;border-bottom:none;padding:0;animation:none}.main-footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:4rem 2rem 2rem}@media(max-width: 768px){.main-footer{padding:3rem 1rem 1.5rem}}.footer-container{max-width:1200px;margin:0 auto}.footer-top{display:grid;grid-template-columns:1.5fr 3fr;gap:4rem;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--border-color)}@media(max-width: 1024px){.footer-top{grid-template-columns:1fr;gap:2rem}}.footer-brand{max-width:280px}@media(max-width: 1024px){.footer-brand{max-width:100%}}.footer-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);margin-bottom:1rem}.footer-tagline{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.footer-links{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}@media(max-width: 768px){.footer-links{grid-template-columns:repeat(2, 1fr)}}.footer-col h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0 0 1rem}.footer-col a{display:block;font-size:.9rem;color:var(--text-muted);text-decoration:none;padding:.4rem 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--accent-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between}@media(max-width: 768px){.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.footer-bottom p{font-size:.85rem;color:var(--text-muted);margin:0}.footer-legal-links{display:flex;gap:1.5rem}.footer-legal-links a{font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-legal-links a:hover{color:var(--accent-primary)}.footer-social{display:flex;gap:1rem;margin-top:1.5rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast)}.footer-social a:hover{background:var(--accent-primary);color:var(--bg-primary)}.footer-social a svg{width:18px;height:18px}.section-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}@media(max-width: 1024px){.section-container{padding:3rem 1.5rem}}@media(max-width: 768px){.section-container{padding:2rem 1rem}}.section-container-narrow{max-width:800px;margin:0 auto;padding:4rem 2rem}@media(max-width: 768px){.section-container-narrow{padding:2rem 1rem}}.section-container-wide{max-width:1400px;margin:0 auto;padding:4rem 2rem}@media(max-width: 768px){.section-container-wide{padding:2rem 1rem}}.section-header-center{text-align:center;margin-bottom:3rem}@media(max-width: 768px){.section-header-center{margin-bottom:2rem}}.section-header-left{margin-bottom:3rem}.page-hero{position:relative;padding:8rem 2rem 0;text-align:center;overflow:hidden}@media(max-width: 768px){.page-hero{padding:6rem 1rem 0}}.page-hero.compact{padding:7rem 2rem 0}@media(max-width: 768px){.page-hero.compact{padding:5rem 1rem 0}}.page-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.page-hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-0.02em;color:var(--text-primary);margin:0 0 1rem}.page-hero-subtitle{font-family:var(--font-body);font-size:1.125rem;line-height:1.7;color:var(--text-secondary);color:var(--text-secondary);margin:0}.grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}@media(max-width: 768px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}@media(max-width: 1024px){.grid-3{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.grid-3{grid-template-columns:1fr}}.grid-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem}@media(max-width: 1024px){.grid-4{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.grid-4{grid-template-columns:1fr}}.content-wrapper{padding-top:80px}.content-section{padding:4rem 0}@media(max-width: 768px){.content-section{padding:3rem 0}}.grid{display:grid;gap:1rem}.grid--2{grid-template-columns:repeat(2, 1fr)}@media(max-width: 768px){.grid--2{grid-template-columns:1fr}}.grid--3{grid-template-columns:repeat(3, 1fr)}@media(max-width: 1024px){.grid--3{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.grid--3{grid-template-columns:1fr}}.grid--4{grid-template-columns:repeat(4, 1fr)}@media(max-width: 1024px){.grid--4{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.grid--4{grid-template-columns:1fr}}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--wrap{flex-wrap:wrap}.flex--column{flex-direction:column}.flex--gap-sm{gap:.5rem}.flex--gap-md{gap:1rem}.flex--gap-lg{gap:2rem}.section-tag{display:inline-block;font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;padding:.4rem .8rem;background:rgba(var(--accent-primary-rgb, 6, 182, 212), 0.1);border-radius:var(--radius-sm)}.section-tag-warm{color:var(--accent-warm);background:rgba(var(--accent-warm-rgb, 245, 158, 11), 0.1)}.section-tag-purple{color:var(--accent-purple);background:rgba(var(--accent-purple-rgb, 139, 92, 246), 0.1)}.section-title{font-family:var(--font-body);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-0.02em;margin:0 0 1rem;color:var(--text-primary)}.section-title-lg{font-size:clamp(2.5rem,5vw,4rem)}.section-title-sm{font-size:clamp(1.5rem,3vw,2rem)}.section-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;max-width:600px;margin:0}.section-subtitle.centered{margin:0 auto}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.gradient-text-warm{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.gradient-text-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.display-text{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-0.02em}.display-xl{font-size:clamp(3rem,7vw,5rem)}.display-lg{font-size:clamp(2.5rem,5vw,4rem)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-danger{color:var(--error)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.strike-through{position:relative}.strike-through::after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:linear-gradient(90deg, transparent, var(--error), transparent);transform:rotate(-2deg)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mono{font-family:var(--font-mono)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;text-decoration:none;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px var(--accent-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary svg{transition:transform var(--transition-fast)}.btn-primary:hover svg{transform:translateX(4px)}.btn-primary.large{padding:1.15rem 2rem;font-size:1.05rem}.btn-primary.small{padding:.6rem 1.25rem;font-size:.875rem}.btn-primary.full-width{width:100%;justify-content:center}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;text-decoration:none;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:rgba(0,0,0,0);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-secondary.large{padding:1.15rem 2rem;font-size:1.05rem}.btn-secondary.small{padding:.6rem 1.25rem;font-size:.875rem}.btn-secondary.full-width{width:100%;justify-content:center}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,0,0,0);color:var(--text-primary);text-decoration:none;font-size:1rem;font-weight:500;padding:1rem 1.75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-base)}.btn-outline:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.btn-text{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--accent-primary);font-size:1rem;font-weight:500;cursor:pointer;padding:0;transition:all var(--transition-fast)}.btn-text:hover{color:var(--accent-secondary)}.btn-text:hover svg{transform:translateX(4px)}.btn-text svg{transition:transform var(--transition-fast)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-icon svg{width:20px;height:20px}.btn-group{display:flex;gap:1rem;flex-wrap:wrap}.btn-group.centered{justify-content:center}.btn-warm{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;text-decoration:none;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-warm:disabled{opacity:.6;cursor:not-allowed}.btn-warm{background:var(--gradient-warm);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--accent-warm-glow)}.btn-warm:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px var(--accent-warm-glow)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.card-interactive{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base)}.card-interactive:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-glow{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;position:relative}.card-glow::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg, var(--accent-primary), transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.card-glow:hover::before{opacity:1}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-primary-rgb, 6, 182, 212), 0.1);border-radius:var(--radius-md);color:var(--accent-primary);margin-bottom:1rem}.card-icon svg{width:24px;height:24px}.card-icon-warm{background:rgba(var(--accent-warm-rgb, 245, 158, 11), 0.1);color:var(--accent-warm)}.card-icon-purple{background:rgba(var(--accent-purple-rgb, 139, 92, 246), 0.1);color:var(--accent-purple)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.card-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.card-featured{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;position:relative;border-color:var(--accent-primary)}.card-featured::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card-bordered{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;border-width:2px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem}.card-grid-compact{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;padding:2rem}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-primary);margin:0;line-height:1.2}.stat-label{font-size:.9rem;color:var(--text-secondary);margin:.5rem 0 0}.code-window{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl),0 0 60px rgba(6,182,212,.1)}.window-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.window-dots{display:flex;gap:.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:var(--error)}.dot.yellow{background:var(--warning)}.dot.green{background:var(--success)}.window-title{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.code-content{padding:1.5rem;overflow-x:auto}.code-content::-webkit-scrollbar{width:8px;height:8px}.code-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.code-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.code-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.code-content pre{margin:0;font-family:var(--font-mono);font-size:.9rem;line-height:1.8}:root{--code-comment: #6b7280;--code-keyword: #c084fc;--code-method: #06b6d4;--code-string: #86efac;--code-number: #fbbf24;--code-operator: #f472b6;--code-class: #fcd34d;--code-function: #60a5fa}[data-theme=light],.light-mode{--code-comment: #6b7280;--code-keyword: #9333ea;--code-method: #0891b2;--code-string: #16a34a;--code-number: #d97706;--code-operator: #db2777;--code-class: #ca8a04;--code-function: #2563eb}.code-comment{color:var(--code-comment);font-style:italic}.code-keyword{color:var(--code-keyword)}.code-method{color:var(--code-method)}.code-string{color:var(--code-string)}.code-number{color:var(--code-number)}.code-operator{color:var(--code-operator)}.code-class{color:var(--code-class)}.code-function{color:var(--code-function)}.code-block{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;margin:1.5rem 0}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted)}.code-block pre{margin:0;padding:1rem;overflow-x:auto}.code-block pre::-webkit-scrollbar{width:8px;height:8px}.code-block pre::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.code-block pre::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.code-block pre::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.code-block code{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary)}code:not([class]){font-family:var(--font-mono);font-size:.875em;background:var(--bg-tertiary);padding:.2em .4em;border-radius:4px;color:var(--accent-primary)}.code-copy-btn{display:flex;align-items:center;gap:.25rem;background:rgba(0,0,0,0);border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all var(--transition-fast)}.code-copy-btn:hover{background:var(--bg-card-hover);color:var(--accent-primary)}.code-copy-btn svg{width:14px;height:14px}.token{background:none !important;background-color:rgba(0,0,0,0) !important;border:none !important;border-radius:0 !important;padding:0 !important;margin:0 !important;box-shadow:none !important;display:inline !important}pre[class*=language-],code[class*=language-]{font-family:var(--font-mono);font-size:.875rem;line-height:1.6;text-shadow:none}pre[class*=language-] .token,code[class*=language-] .token{background:none !important;background-color:rgba(0,0,0,0) !important;border:none !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}pre[class*=language-]{margin:1.5rem 0;padding:1.25rem;background:#1e1e2e;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}pre[class*=language-]::-webkit-scrollbar{width:8px;height:8px}pre[class*=language-]::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}pre[class*=language-]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}pre[class*=language-]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:not(pre)>code[class*=language-]{padding:.2em .4em;border-radius:4px;background:var(--bg-tertiary);color:var(--accent-primary)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6b7280;font-style:italic}.token.punctuation{color:#a1a1aa}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f472b6}.token.boolean,.token.number{color:#fbbf24}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#86efac}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f472b6}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#60a5fa}.token.keyword{color:#c084fc}.token.regex,.token.important{color:#fcd34d}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}pre.language-markup,pre.language-html,pre.language-xml,code.language-markup,code.language-html,code.language-xml{background:#1e1e2e !important;color:#cdd6f4 !important}.language-markup .token.tag,.language-html .token.tag,.language-xml .token.tag{color:#f472b6;background:rgba(0,0,0,0) !important}.language-markup .token.attr-name,.language-html .token.attr-name,.language-xml .token.attr-name{color:#fbbf24;background:rgba(0,0,0,0) !important}.language-markup .token.attr-value,.language-html .token.attr-value,.language-xml .token.attr-value{color:#86efac;background:rgba(0,0,0,0) !important}.language-markup .token.attr-value .token.punctuation,.language-html .token.attr-value .token.punctuation,.language-xml .token.attr-value .token.punctuation{color:#86efac;background:rgba(0,0,0,0) !important}.language-markup .token.doctype,.language-html .token.doctype,.language-xml .token.doctype{color:#6b7280;background:rgba(0,0,0,0) !important}.language-markup .token.comment,.language-html .token.comment,.language-xml .token.comment{color:#6b7280;font-style:italic;background:rgba(0,0,0,0) !important}.language-markup .token.prolog,.language-markup .token.cdata,.language-html .token.prolog,.language-html .token.cdata,.language-xml .token.prolog,.language-xml .token.cdata{color:#6b7280;background:rgba(0,0,0,0) !important}.language-markup .token.entity,.language-html .token.entity,.language-xml .token.entity{color:#60a5fa;background:rgba(0,0,0,0) !important}.language-markup .token,.language-html .token,.language-xml .token{background:rgba(0,0,0,0) !important}.article-body pre[class*=language-]{margin:2rem 0;border-radius:var(--radius-lg)}.article-body h1+pre[class*=language-],.article-body h2+pre[class*=language-],.article-body h3+pre[class*=language-],.article-body h4+pre[class*=language-],.article-body h5+pre[class*=language-],.article-body h6+pre[class*=language-]{margin-top:1rem}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-primary-rgb, 6, 182, 212), 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--accent-primary-rgb, 6, 182, 212), 0.03) 1px, transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 50% at 50% 0%, black 40%, transparent 100%)}.grid-overlay-warm{background-image:linear-gradient(rgba(var(--accent-warm-rgb, 245, 158, 11), 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(var(--accent-warm-rgb, 245, 158, 11), 0.03) 1px, transparent 1px)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:orbFloat 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:radial-gradient(circle, rgba(var(--accent-primary-rgb, 6, 182, 212), 0.3) 0%, transparent 70%);top:-200px;right:-100px}.orb-2{width:400px;height:400px;background:radial-gradient(circle, rgba(var(--accent-warm-rgb, 245, 158, 11), 0.2) 0%, transparent 70%);bottom:100px;left:-100px;animation-delay:-10s}.orb-3{width:300px;height:300px;background:radial-gradient(circle, rgba(var(--accent-purple-rgb, 139, 92, 246), 0.2) 0%, transparent 70%);top:50%;left:50%;animation-delay:-5s}@keyframes orbFloat{0%,100%{transform:translate(0, 0) scale(1)}33%{transform:translate(30px, -30px) scale(1.05)}66%{transform:translate(-20px, 20px) scale(0.95)}}.glow-line{position:absolute;height:1px;background:linear-gradient(90deg, transparent, var(--accent-primary), transparent);opacity:.5}.glow-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 20px var(--accent-glow)}.noise-overlay{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-section{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group textarea{resize:vertical;min-height:120px}.form-row{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}@media(max-width: 768px){.form-row{grid-template-columns:1fr}}.form-checkbox,.form-radio{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.form-checkbox input,.form-radio input{width:18px;height:18px;margin-top:.1rem;accent-color:var(--accent-primary);cursor:pointer}.form-checkbox label,.form-radio label{color:var(--text-secondary);font-size:.9rem;cursor:pointer;margin-bottom:0}.form-helper{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.form-error{font-size:.8rem;color:var(--error);margin-top:.5rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.form-actions.right{justify-content:flex-end}.form-actions.center{justify-content:center}.search-input{position:relative}.search-input input{width:100%;padding:.875rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-input input::placeholder{color:var(--text-muted)}.search-input input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.search-input input:disabled{opacity:.6;cursor:not-allowed}.search-input input{padding-left:2.75rem}.search-input svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.newsletter-form{display:flex;gap:.5rem;max-width:400px}.newsletter-form input{width:100%;padding:.875rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.newsletter-form input::placeholder{color:var(--text-muted)}.newsletter-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.newsletter-form input:disabled{opacity:.6;cursor:not-allowed}.newsletter-form input{flex:1}.newsletter-form button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;text-decoration:none;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.newsletter-form button:disabled{opacity:.6;cursor:not-allowed}.newsletter-form button{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}.newsletter-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px var(--accent-glow)}.newsletter-form button:active:not(:disabled){transform:translateY(0)}.newsletter-form button{white-space:nowrap}@media(max-width: 768px){.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}.input-dark{background:var(--bg-primary);border-color:var(--border-color)}.input-transparent{background:rgba(0,0,0,0);border-color:var(--border-subtle)}.form-floating{position:relative}.form-floating input,.form-floating textarea{width:100%;padding:.875rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-floating input::placeholder,.form-floating textarea::placeholder{color:var(--text-muted)}.form-floating input:focus,.form-floating textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-floating input:disabled,.form-floating textarea:disabled{opacity:.6;cursor:not-allowed}.form-floating input,.form-floating textarea{padding-top:1.5rem;padding-bottom:.5rem}.form-floating input::placeholder,.form-floating textarea::placeholder{color:rgba(0,0,0,0)}.form-floating input:focus~label,.form-floating input:not(:placeholder-shown)~label,.form-floating textarea:focus~label,.form-floating textarea:not(:placeholder-shown)~label{transform:translateY(-0.75rem) scale(0.85);color:var(--accent-primary)}.form-floating label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:var(--text-muted);transition:all var(--transition-fast);pointer-events:none;transform-origin:left}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1;border-radius:9999px;white-space:nowrap;font-family:var(--font-body)}.badge--primary{background:rgba(6,182,212,.15);color:var(--accent-primary)}.badge--success{background:rgba(16,185,129,.15);color:var(--success)}.badge--warning{background:rgba(245,158,11,.15);color:var(--warning)}.badge--error{background:rgba(239,68,68,.15);color:var(--error)}.badge--info{background:rgba(59,130,246,.15);color:var(--info)}.badge--neutral{background:var(--bg-surface);color:var(--text-secondary)}.badge--primary-solid{background:var(--accent-primary);color:var(--text-inverse)}.badge--success-solid{background:var(--success);color:#fff}.badge--warning-solid{background:var(--warning);color:#fff}.badge--error-solid{background:var(--error);color:#fff}.badge--sm{padding:.125rem .5rem;font-size:.625rem}.badge--lg{padding:.375rem 1rem;font-size:.875rem}.badge--outline{background:rgba(0,0,0,0);border:1px solid currentColor}.badge--dot::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.5rem;background:currentColor}.tag{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;line-height:1.4;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.tag__remove{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;margin-right:-0.25rem;width:16px;height:16px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:50%;cursor:pointer;opacity:.6;color:inherit;font-size:1rem;line-height:1;transition:all var(--transition-fast)}.tag__remove:hover{opacity:1;background:rgba(239,68,68,.2);color:var(--error)}.tag--primary{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.3);color:var(--accent-primary)}.tag--success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:var(--success)}.status{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status--online,.status--active{background:var(--success);box-shadow:0 0 0 2px rgba(16,185,129,.3)}.status--offline,.status--inactive{background:var(--text-muted)}.status--busy,.status--error{background:var(--error);box-shadow:0 0 0 2px rgba(239,68,68,.3)}.status--away,.status--warning{background:var(--warning);box-shadow:0 0 0 2px rgba(245,158,11,.3)}.status--pulse{animation:statusPulse 2s infinite}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:.5}}.modal-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-overlay.is-active{opacity:1;visibility:visible}.modal{position:relative;width:100%;max-width:500px;max-height:calc(100vh - 2rem);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transform:scale(0.95) translateY(10px);transition:transform var(--transition-base);overflow:hidden}.modal-overlay.is-active .modal{transform:scale(1) translateY(0)}.modal--sm{max-width:380px}.modal--lg{max-width:700px}.modal--xl{max-width:900px}.modal--full{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal--centered{text-align:center}.modal--centered .modal__header,.modal--centered .slide-panel__header{justify-content:center}.modal--centered .modal__footer,.modal--centered .slide-panel__footer{justify-content:center}.modal__header,.slide-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal__title{margin:0;font-family:var(--font-body);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal__subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted)}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal__close:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.modal__close svg{width:20px;height:20px}.modal__body{padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 200px);color:var(--text-secondary)}.modal__body::-webkit-scrollbar{width:8px;height:8px}.modal__body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.modal__body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.modal__body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal__body:first-child{padding-top:2rem}.modal__body:last-child{padding-bottom:2rem}.modal__body p{margin:0 0 1rem}.modal__body p:last-child{margin-bottom:0}.modal__footer,.slide-panel__footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.modal__footer--split{justify-content:space-between}.modal__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 1rem;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary)}.modal__icon svg{width:24px;height:24px}.modal__icon--success{background:rgba(16,185,129,.15);color:var(--success)}.modal__icon--warning{background:rgba(245,158,11,.15);color:var(--warning)}.modal__icon--error{background:rgba(239,68,68,.15);color:var(--error)}.modal__icon--info{background:rgba(6,182,212,.15);color:var(--accent-primary)}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:var(--shadow-xl);transform:translateX(100%);transition:transform var(--transition-base);overflow:hidden;display:flex;flex-direction:column}.modal-overlay.is-active .slide-panel{transform:translateX(0)}.slide-panel--lg{max-width:640px}.slide-panel--full{max-width:100%}.slide-panel__header{flex-shrink:0}.slide-panel__body{flex:1;overflow-y:auto;padding:1.5rem}.slide-panel__body::-webkit-scrollbar{width:8px;height:8px}.slide-panel__body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.slide-panel__body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.slide-panel__body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.slide-panel__footer{flex-shrink:0}.table{width:100%;border-collapse:collapse;font-size:.875rem;font-family:var(--font-body)}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.table th{font-weight:600;color:var(--text-primary);background:var(--bg-secondary);white-space:nowrap;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.table td{color:var(--text-secondary)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-tertiary)}.table--striped tbody tr:nth-child(even){background:var(--bg-secondary)}.table--striped tbody tr:hover{background:var(--bg-tertiary)}.table--bordered th,.table--bordered td{border:1px solid var(--border-color)}.table--compact th,.table--compact td{padding:.5rem .75rem}.table--relaxed th,.table--relaxed td{padding:1rem 1.25rem}.table--borderless th,.table--borderless td{border-bottom:none}.table--clickable tbody tr{cursor:pointer}.table--clickable tbody tr:hover{background:var(--bg-card-hover)}.table--clickable tbody tr:active{background:var(--bg-tertiary)}.table--fixed{table-layout:fixed}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive::-webkit-scrollbar{width:8px;height:8px}.table-responsive::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(min-width: 1024px){.table-responsive{overflow-x:visible}}.table-responsive.is-scrollable{background:linear-gradient(to right, var(--bg-card) 30%, transparent),linear-gradient(to left, var(--bg-card) 30%, transparent),linear-gradient(to right, rgba(0, 0, 0, 0.15), transparent),linear-gradient(to left, rgba(0, 0, 0, 0.15), transparent);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}.table__cell--center{text-align:center}.table__cell--right{text-align:right}.table__cell--top{vertical-align:top}.table__cell--bottom{vertical-align:bottom}.table__cell--narrow{width:1%;white-space:nowrap}.table__cell--wide{width:100%}.table__cell--nowrap{white-space:nowrap}.table__cell--highlight{color:var(--text-primary);font-weight:500}.table__cell--muted{color:var(--text-muted);font-size:.8125rem}.table__row--selected{background:rgba(6,182,212,.1) !important;border-left:3px solid var(--accent-primary)}.table__row--success{background:rgba(16,185,129,.1)}.table__row--warning{background:rgba(245,158,11,.1)}.table__row--error{background:rgba(239,68,68,.1)}.table__row--disabled{opacity:.5;pointer-events:none}.table__actions{display:flex;gap:.5rem;justify-content:flex-end;white-space:nowrap}.table__avatar{display:flex;align-items:center;gap:.75rem}.table__avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.table__avatar-info{display:flex;flex-direction:column}.table__avatar-info strong{color:var(--text-primary);font-weight:500}.table__avatar-info small{color:var(--text-muted);font-size:.75rem}.table tfoot tr{background:var(--bg-secondary)}.table tfoot tr:hover{background:var(--bg-secondary)}.table tfoot th,.table tfoot td{font-weight:600;color:var(--text-primary);border-top:2px solid var(--border-color);border-bottom:none}.table__empty{padding:3rem 1rem;text-align:center;color:var(--text-muted)}.table__empty svg{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.table__empty p{margin:0}.table__sort{cursor:pointer;user-select:none}.table__sort:hover{color:var(--accent-primary)}.table__sort::after{content:"";display:inline-block;margin-left:.5rem;width:0;height:0;vertical-align:middle;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:4px solid currentColor;opacity:.3}.table__sort--asc::after{opacity:1;border-top:none;border-bottom:4px solid currentColor}.table__sort--desc::after{opacity:1}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:8rem 4rem 4rem;max-width:1600px;margin:0 auto;position:relative}@media(max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;padding:7rem 2rem 3rem}}@media(max-width: 768px){.hero{padding:6rem 1rem 2rem;gap:2rem}}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;background:rgba(var(--accent-primary-rgb, 6, 182, 212), 0.1);border:1px solid rgba(var(--accent-primary-rgb, 6, 182, 212), 0.2);padding:.5rem 1rem;border-radius:100px;font-size:.85rem;color:var(--accent-secondary);margin-bottom:2rem;animation:fadeInUp .6s ease-out .2s both}.badge-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-body);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;margin:0 0 1.5rem;animation:fadeInUp .6s ease-out .3s both}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.7;margin:0 auto 2.5rem;max-width:540px;animation:fadeInUp .6s ease-out .4s both}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem;animation:fadeInUp .6s ease-out .5s both}@media(max-width: 1024px){.hero-cta{justify-content:center}}@media(max-width: 768px){.hero-cta{flex-direction:column}}.hero-stats{display:flex;align-items:center;gap:2rem;animation:fadeInUp .6s ease-out .6s both}@media(max-width: 1024px){.hero-stats{justify-content:center}}@media(max-width: 768px){.hero-stats{flex-wrap:wrap;gap:1.5rem}}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary)}@media(max-width: 768px){.stat-value{font-size:1.5rem}}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:var(--border-color)}@media(max-width: 768px){.stat-divider{display:none}}.hero-visual{position:relative;z-index:1;animation:fadeInUp .8s ease-out .4s both}@media(max-width: 1024px){.hero-visual{display:none}}.trusted-by{padding:4rem 2rem;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.trusted-container{max-width:1200px;margin:0 auto;text-align:center}.trusted-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 2rem}.logo-carousel{overflow:hidden;mask-image:linear-gradient(90deg, transparent, black 10%, black 90%, transparent)}.logo-track{display:flex;gap:4rem;animation:scroll 30s linear infinite}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.company-logo{font-family:var(--font-body);font-size:1.25rem;font-weight:600;color:var(--text-muted);white-space:nowrap;opacity:.6;transition:opacity var(--transition-base)}.company-logo:hover{opacity:1}.problem-section{background:var(--bg-primary)}.problem-header{text-align:center;margin-bottom:4rem}.problem-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}@media(max-width: 768px){.problem-grid{grid-template-columns:1fr}}.problem-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-base)}.problem-card:hover{background:var(--bg-card-hover);border-color:rgba(239,68,68,.3);transform:translateY(-4px)}.problem-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.problem-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.problem-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(var(--error-rgb, 239, 68, 68), 0.1);border-radius:var(--radius-md);margin-bottom:1.25rem}.problem-icon svg{color:var(--error)}.solution-section{background:var(--bg-secondary)}.solution-header{text-align:center;margin-bottom:4rem}.solution-header .section-subtitle{margin:1rem auto 0}.features-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media(max-width: 1024px){.features-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-base)}.feature-card:hover{background:var(--bg-card-hover);border-color:rgba(6,182,212,.3);transform:translateY(-4px)}.feature-card.featured{grid-column:span 1;grid-row:span 2;background:linear-gradient(180deg, var(--bg-card) 0%, rgba(6, 182, 212, 0.05) 100%);border-color:rgba(6,182,212,.2)}@media(max-width: 768px){.feature-card.featured{grid-row:span 1}}.feature-card h3{font-size:1.15rem;font-weight:600;margin:0 0 .75rem}.feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.feature-tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;padding:.3rem .6rem;background:rgba(var(--accent-primary-rgb, 6, 182, 212), 0.15);border-radius:var(--radius-sm);margin-bottom:1rem}.feature-icon-small{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-primary-rgb, 6, 182, 212), 0.1);border-radius:var(--radius-sm);margin-bottom:1rem}.feature-icon-small svg{color:var(--accent-primary)}.feature-list{list-style:none;padding:0;margin:1.5rem 0 0}.feature-list li{font-size:.9rem;color:var(--text-secondary);padding:.5rem 0 .5rem 1.25rem;position:relative}.feature-list li::before{content:"";position:absolute;left:0;top:.85rem;width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.starters-section{background:var(--bg-primary)}.starters-header{text-align:center;margin-bottom:4rem}.starters-header .section-subtitle{margin:1rem auto 0}.starters-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;align-items:stretch}@media(max-width: 1024px){.starters-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.starters-grid{grid-template-columns:1fr}}.starter-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem;display:flex;flex-direction:column;transition:all var(--transition-base)}.starter-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.starter-card.highlight{background:linear-gradient(180deg, rgba(6, 182, 212, 0.1) 0%, var(--bg-card) 100%);border-color:var(--accent-primary);position:relative;box-shadow:var(--shadow-glow)}.starter-card.highlight::before{content:"";position:absolute;inset:-1px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:.5;filter:blur(20px)}.starter-header{margin-bottom:1.5rem}.starter-badge{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;padding:.35rem .7rem;background:rgba(148,163,184,.1);border-radius:var(--radius-sm);margin-bottom:1rem}.starter-badge.premium{color:var(--accent-primary);background:rgba(6,182,212,.15)}.starter-name{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.starter-desc{font-size:.95rem;color:var(--text-secondary);margin:0}.starter-price{margin-bottom:2rem}.price-amount{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:.95rem;color:var(--text-muted);margin-left:.5rem}.starter-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.starter-features li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-secondary);padding:.6rem 0;border-bottom:1px solid var(--border-subtle)}.starter-features li:last-child{border-bottom:none}.starter-features li svg{color:var(--accent-primary);flex-shrink:0}.starter-cta{display:block;text-align:center;padding:1rem 1.5rem;background:var(--bg-tertiary);color:var(--text-primary);text-decoration:none;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-base)}.starter-cta:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.starter-cta.highlight{background:var(--gradient-primary);color:var(--bg-primary);border:none}.starter-cta.highlight:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.testimonials-section{background:var(--bg-secondary)}.testimonials-header{text-align:center;margin-bottom:4rem}.testimonials-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media(max-width: 1024px){.testimonials-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-base)}.testimonial-card:hover{border-color:rgba(6,182,212,.3);transform:translateY(-4px)}.testimonial-content{margin-bottom:1.5rem}.testimonial-content p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--bg-primary);font-weight:700;font-size:.9rem;border-radius:50%}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;font-size:.95rem}.author-role{font-size:.85rem;color:var(--text-muted)}.tech-section{background:var(--bg-primary);padding:4rem 2rem;border-top:1px solid var(--border-subtle)}.tech-header{text-align:center;margin-bottom:3rem}.tech-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(6, 1fr);gap:1rem}@media(max-width: 1024px){.tech-grid{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 768px){.tech-grid{grid-template-columns:repeat(3, 1fr)}}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base)}.tech-item:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.tech-item span{font-size:.8rem;color:var(--text-muted);text-align:center}.tech-icon{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--accent-primary);padding:.5rem .75rem;background:rgba(var(--accent-primary-rgb, 6, 182, 212), 0.1);border-radius:var(--radius-sm)}.cta-section{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);padding:6rem 2rem;position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse, rgba(var(--accent-primary-rgb, 6, 182, 212), 0.15) 0%, transparent 70%);pointer-events:none}.cta-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-content{text-align:center}.cta-title{font-family:var(--font-body);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin:0 0 1rem;letter-spacing:-0.02em}.cta-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;margin:0 0 2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}@media(max-width: 768px){.cta-buttons{flex-direction:column;align-items:center}}.cta-guarantee{font-size:.9rem;color:var(--text-muted);margin:0}.features-hero .page-hero-content{max-width:900px}.hero-stats{display:flex;justify-content:center;gap:3rem;margin:2.5rem 0;padding:1.5rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}@media(max-width: 768px){.hero-stats{flex-direction:column;gap:1.5rem}}.stat-item{text-align:center}.stat-item .stat-number{display:block;font-size:2.5rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1.2}@media(max-width: 768px){.stat-item .stat-number{font-size:2rem}}.stat-item .stat-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-cta-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}@media(max-width: 768px){.hero-cta-buttons{flex-direction:column;align-items:center}}.hero-cta-buttons .btn-outline{display:flex;align-items:center;gap:.5rem}.comparison-section{padding:5rem 0;background:var(--bg-secondary)}@media(max-width: 768px){.comparison-section{padding:3rem 0}}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.comparison-table-wrapper{margin-top:3rem;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);padding:0 !important}.comparison-table{width:100%;border-collapse:collapse;min-width:600px}.comparison-table th,.comparison-table td{padding:1.25rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.comparison-table thead{background:var(--bg-tertiary)}.comparison-table thead th{font-weight:600;color:var(--text-primary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.comparison-table thead th:first-child{width:40%}.comparison-table thead th:nth-child(2),.comparison-table thead th:nth-child(3){width:30%;text-align:center}.comparison-table tbody tr{transition:background var(--transition-base)}.comparison-table tbody tr:hover{background:var(--bg-secondary)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr.total-row{display:table-row;background:var(--bg-tertiary)}.comparison-table tbody tr.total-row td{border-top:2px solid var(--border-color);padding-top:1.5rem;padding-bottom:1.5rem}.comparison-table tbody tr.total-row td:nth-child(2){text-align:center}.comparison-table tbody tr.total-row td:nth-child(3){text-align:center}.comparison-table tbody tr.total-row .feature-cell{display:block}.feature-cell{display:flex;align-items:center;gap:.75rem}.feature-cell svg{color:var(--accent-primary);flex-shrink:0}.feature-cell span{font-weight:500;color:var(--text-primary)}.time-scratch{text-align:center;color:var(--text-muted);font-weight:500}.time-easy{text-align:center}.time-easy .highlight{color:var(--accent-primary);font-size:1.1rem}.included-badge{display:inline-flex;align-items:center;gap:.375rem;background:rgba(6,182,212,.15);color:var(--accent-primary);padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.included-badge::before{content:"✓";font-weight:700}.included-badge.ready-badge{background:var(--accent-primary);color:#fff}.feature-categories-section{padding:5rem 0;background:var(--bg-primary)}@media(max-width: 768px){.feature-categories-section{padding:3rem 0}}.category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:2.5rem 0;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:900px;margin-left:auto;margin-right:auto}@media(max-width: 768px){.category-tabs{gap:.375rem;padding:.375rem}}.category-tab{padding:.75rem 1.25rem;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}@media(max-width: 768px){.category-tab{padding:.5rem .875rem;font-size:.85rem}}.category-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.category-tab.active{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.features-category-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.25rem}@media(max-width: 1024px){.features-category-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.features-category-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media(max-width: 480px){.features-category-grid{grid-template-columns:1fr}}.feature-card-enhanced{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;opacity:1;transition:transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .3s ease,border-color .2s ease,box-shadow .2s ease}.feature-card-enhanced:hover:not(.filtering){border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-card-enhanced.filtering{pointer-events:none}.feature-card-enhanced.filter-hidden{opacity:0;transform:scale(0.8);position:absolute;pointer-events:none;z-index:-1}.feature-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(6,182,212,.1);border-radius:var(--radius-sm);margin-bottom:1rem}.feature-card-icon svg{color:var(--accent-primary)}.feature-card-content{flex:1}.feature-card-content h4{font-size:.95rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary);line-height:1.3}.feature-card-content p{font-size:.8rem;color:var(--text-muted);line-height:1.5;margin:0}.feature-category-badge{display:inline-block;margin-top:1rem;padding:.25rem .625rem;background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.feature-detail-section{padding:5rem 0}.feature-detail-section.alt-bg{background:var(--bg-secondary)}@media(max-width: 768px){.feature-detail-section{padding:3rem 0}}.feature-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.feature-detail-grid.reverse{direction:rtl}.feature-detail-grid.reverse>*{direction:ltr}@media(max-width: 1024px){.feature-detail-grid{grid-template-columns:1fr;gap:3rem}.feature-detail-grid.reverse{direction:ltr}}.feature-detail-content .section-tag{margin-bottom:1rem}.feature-detail-content .section-title{margin-bottom:1.5rem}.feature-detail-desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.feature-detail-list{list-style:none;padding:0;margin:0}.feature-detail-list li{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}.feature-detail-list li:last-child{border-bottom:none}.feature-detail-list li svg{color:var(--accent-primary);flex-shrink:0;margin-top:.25rem}.feature-detail-list li div{display:flex;flex-direction:column;gap:.25rem}.feature-detail-list li strong{color:var(--text-primary);font-weight:600}.feature-detail-list li span{font-size:.9rem;color:var(--text-muted)}@media(max-width: 1024px){.feature-detail-visual{order:-1}}.code-window{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.window-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.window-dots{display:flex;gap:.5rem}.window-dots .dot{width:12px;height:12px;border-radius:50%}.window-dots .dot.red{background:#ff5f56}.window-dots .dot.yellow{background:#ffbd2e}.window-dots .dot.green{background:#27ca40}.window-title{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.code-content{padding:1.5rem;overflow-x:auto}.code-content pre{margin:0}.code-content code{font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:var(--text-secondary)}.code-content .code-keyword{color:var(--accent-purple)}.code-content .code-method{color:var(--accent-primary)}.code-content .code-string{color:var(--accent-warm)}.code-content .code-comment{color:var(--text-muted);font-style:italic}.social-proof-section{padding:5rem 0;background:var(--bg-secondary)}@media(max-width: 768px){.social-proof-section{padding:3rem 0}}.tech-stack-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:3rem 0;padding:2rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}@media(max-width: 768px){.tech-stack-grid{gap:1.5rem}}.tech-logo{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.6;transition:opacity var(--transition-base)}.tech-logo:hover{opacity:1}.tech-logo svg{width:48px;height:48px;color:var(--text-secondary)}@media(max-width: 768px){.tech-logo svg{width:36px;height:36px}}.tech-logo span{font-size:.8rem;color:var(--text-muted);font-weight:500}.testimonials-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-top:2rem}@media(max-width: 1024px){.testimonials-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;transition:all var(--transition-base)}.testimonial-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.testimonial-content{flex:1;margin-bottom:1.5rem}.testimonial-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0;font-style:italic}.testimonial-content p::before{content:'"';font-size:1.5rem;color:var(--accent-primary);line-height:0;vertical-align:-0.25em;margin-right:.125rem}.testimonial-author{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.author-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-text);border-radius:50%;color:#fff;font-weight:600;font-size:.85rem}.author-info{display:flex;flex-direction:column;gap:.125rem}.author-info strong{font-size:.9rem;color:var(--text-primary);font-weight:600}.author-info span{font-size:.8rem;color:var(--text-muted)}.cta-guarantee{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;font-size:.9rem;color:var(--text-muted)}.cta-guarantee svg{color:var(--accent-primary)}.all-features-section{padding:4rem 0;background:var(--bg-primary)}@media(max-width: 768px){.all-features-section{padding:3rem 0}}.all-features-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem}@media(max-width: 1024px){.all-features-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.all-features-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}.feature-mini-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;transition:all var(--transition-base)}.feature-mini-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.feature-mini-card h4{font-size:.95rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.feature-mini-card p{font-size:.8rem;color:var(--text-muted);line-height:1.5;margin:0}.feature-mini-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(6,182,212,.1);border-radius:var(--radius-sm);margin-bottom:1rem}.feature-mini-icon svg{color:var(--accent-primary)}.pricing-section{padding:4rem 0;background:var(--bg-primary)}@media(max-width: 768px){.pricing-section{padding:3rem 0}}.pricing-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;align-items:stretch}@media(max-width: 1024px){.pricing-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem;display:flex;flex-direction:column;transition:all var(--transition-base)}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.pricing-card.featured{background:linear-gradient(180deg, rgba(6, 182, 212, 0.1) 0%, var(--bg-card) 100%);border-color:var(--accent-primary);position:relative;box-shadow:var(--shadow-glow)}.pricing-card.enterprise{background:linear-gradient(180deg, rgba(139, 92, 246, 0.1) 0%, var(--bg-card) 100%);border-color:var(--accent-purple)}.pricing-header{margin-bottom:1.5rem}.pricing-badge{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.35rem .7rem;background:rgba(148,163,184,.1);color:var(--text-muted);border-radius:var(--radius-sm);margin-bottom:1rem}.pricing-badge.popular{background:rgba(6,182,212,.15);color:var(--accent-primary)}.pricing-badge.enterprise{background:rgba(139,92,246,.15);color:var(--accent-purple)}.pricing-name{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.pricing-desc{font-size:.95rem;color:var(--text-secondary);margin:0}.pricing-amount{margin-bottom:2rem}.pricing-amount .price{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--text-primary)}.pricing-amount .price-period{font-size:.95rem;color:var(--text-muted);margin-left:.5rem}.pricing-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.pricing-features li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-secondary);padding:.6rem 0;border-bottom:1px solid var(--border-subtle)}.pricing-features li:last-child{border-bottom:none}.pricing-features li svg{flex-shrink:0}.pricing-features li.included svg{color:var(--accent-primary)}.pricing-features li.not-included{color:var(--text-muted)}.pricing-features li.not-included svg{color:var(--text-muted);opacity:.5}.pricing-cta{display:block;text-align:center;padding:1rem 1.5rem;background:var(--bg-tertiary);color:var(--text-primary);text-decoration:none;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-base)}.pricing-cta:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.pricing-cta.featured{background:var(--gradient-primary);color:var(--bg-primary);border:none}.pricing-cta.featured:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.pricing-cta.enterprise{background:var(--gradient-purple);color:#fff;border:none}.pricing-cta.enterprise:hover{box-shadow:0 0 40px rgba(139,92,246,.4)}.comparison-section{padding:4rem 0;background:var(--bg-secondary)}@media(max-width: 768px){.comparison-section{padding:3rem 0}}.comparison-table-wrapper{overflow-x:auto;margin:0 -1rem;padding:0 1rem}.comparison-table{width:100%;min-width:700px;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.comparison-table th,.comparison-table td{padding:1rem 1.5rem;text-align:center;border-bottom:1px solid var(--border-color)}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table thead th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.comparison-table thead th.highlight{background:rgba(6,182,212,.1);border-left:2px solid var(--accent-primary);border-right:2px solid var(--accent-primary)}.comparison-table thead th .th-price{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--accent-primary);margin-top:.25rem}.comparison-table tbody tr.section-row td{background:var(--bg-secondary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.comparison-table tbody td{color:var(--text-secondary)}.comparison-table tbody td.highlight{background:rgba(6,182,212,.05);border-left:2px solid var(--accent-primary);border-right:2px solid var(--accent-primary)}.comparison-table tbody .check{color:var(--success);font-weight:600}.comparison-table tbody .x{color:var(--text-muted);opacity:.5}.comparison-table tbody .partial{color:var(--accent-warm);font-size:.85rem}.pricing-faq-section{padding:4rem 0;background:var(--bg-primary)}@media(max-width: 768px){.pricing-faq-section{padding:3rem 0}}.faq-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}@media(max-width: 768px){.faq-grid{grid-template-columns:1fr}}.faq-item h4{font-size:1.1rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.faq-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.guarantee-section{padding:4rem 0;background:var(--bg-secondary)}.guarantee-card{max-width:700px;margin:0 auto;text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:3rem}.guarantee-card h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.guarantee-card p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0}.guarantee-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,.1);border-radius:50%;margin:0 auto 1.5rem}.guarantee-icon svg{color:var(--success)}.docs-section{min-height:100vh;background:var(--bg-primary);padding-top:0}.docs-container{max-width:1400px;margin:0 auto;padding:2rem}@media(max-width: 768px){.docs-container{padding:1rem}}.docs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.docs-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.docs-loading p{color:var(--text-muted);font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.docs-grid{display:grid;grid-template-columns:280px 1fr;gap:3rem}@media(max-width: 1024px){.docs-grid{grid-template-columns:1fr;gap:2rem}}.docs-sidebar-container{position:sticky;top:calc(80px + 2rem);height:fit-content;max-height:calc(100vh - 80px - 4rem);overflow-y:auto;padding-right:1rem}.docs-sidebar-container::-webkit-scrollbar{width:8px;height:8px}.docs-sidebar-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.docs-sidebar-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.docs-sidebar-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width: 1024px){.docs-sidebar-container{position:static;max-height:none;padding-right:0;border-bottom:1px solid var(--border-color);padding-bottom:2rem;margin-bottom:1rem}}.sidebar-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.sidebar-product-name{display:block;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-decoration:none;margin-bottom:.75rem;transition:color var(--transition-fast)}.sidebar-product-name:hover{color:var(--accent-primary)}.version-selector{display:flex;align-items:center;gap:.5rem}.version-selector label{font-size:.85rem;color:var(--text-muted)}.version-selector select{padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.version-selector select:hover{border-color:var(--border-strong)}.version-selector select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.docs-sidebar{display:flex;flex-direction:column;gap:.25rem}.sidebar-section .section-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 0;background:none;border:none;cursor:pointer;color:var(--text-primary);font-weight:500;font-size:.9rem;text-align:left;transition:color var(--transition-fast)}.sidebar-section .section-toggle:hover{color:var(--accent-primary)}.sidebar-section .section-toggle .toggle-icon{transition:transform .2s;flex-shrink:0}.sidebar-section .section-toggle .section-title{flex:1}.sidebar-section.collapsed .toggle-icon{transform:rotate(0)}.sidebar-section.expanded .toggle-icon{transform:rotate(0)}.sidebar-section .section-children{padding-left:1.25rem;margin-top:.25rem;border-left:1px solid var(--border-subtle);margin-left:.5rem}.sidebar-link{display:block;padding:.5rem .75rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.sidebar-link:hover{color:var(--accent-primary);background:rgba(6,182,212,.1)}.sidebar-link.active{color:var(--accent-primary);background:rgba(6,182,212,.15);font-weight:500}.docs-content{min-width:0;max-width:900px}.docs-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem}.docs-breadcrumbs a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.docs-breadcrumbs a:hover{color:var(--accent-primary)}.docs-breadcrumbs .separator{color:var(--text-muted)}.docs-article h1{font-size:2rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary);line-height:1.2}.docs-article .docs-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);line-height:1.6}.docs-body h2{font-size:1.5rem;font-weight:600;margin:2.5rem 0 1rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.docs-body h3{font-size:1.25rem;font-weight:600;margin:2rem 0 .75rem;color:var(--text-primary)}.docs-body h4{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text-primary)}.docs-body p{margin-bottom:1rem;line-height:1.7;color:var(--text-secondary)}.docs-body ul,.docs-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.docs-body ul li,.docs-body ol li{margin-bottom:.5rem;line-height:1.6;color:var(--text-secondary)}.docs-body ul{list-style-type:disc}.docs-body ul ul{list-style-type:circle;margin-top:.5rem;margin-bottom:0}.docs-body ol{list-style-type:decimal}.docs-body ol ol{list-style-type:lower-alpha;margin-top:.5rem;margin-bottom:0}.docs-body code{font-family:var(--font-mono);font-size:.9em;padding:.2em .4em;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--accent-primary)}.docs-body pre{margin:1.5rem 0;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}.docs-body pre::-webkit-scrollbar{width:8px;height:8px}.docs-body pre::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.docs-body pre::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.docs-body pre::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.docs-body pre code{padding:0;background:none;color:var(--text-primary);font-size:.85rem;line-height:1.6}.docs-body blockquote{margin:1.5rem 0;padding:1rem 1.5rem;background:rgba(6,182,212,.1);border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.docs-body blockquote p{margin:0;color:var(--text-primary)}.docs-body blockquote p:not(:last-child){margin-bottom:.75rem}.docs-body a{color:var(--accent-primary);text-decoration:none;transition:opacity var(--transition-fast)}.docs-body a:hover{text-decoration:underline;opacity:.9}.docs-body table{width:100%;margin:1.5rem 0;border-collapse:collapse;font-size:.9rem}.docs-body table th,.docs-body table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.docs-body table th{font-weight:600;color:var(--text-primary);background:var(--bg-secondary)}.docs-body table td{color:var(--text-secondary)}.docs-body table tr:hover td{background:var(--bg-secondary)}.docs-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.5rem 0}.docs-body hr{border:none;border-top:1px solid var(--border-color);margin:2rem 0}.docs-nav-links{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}@media(max-width: 768px){.docs-nav-links{flex-direction:column}}.nav-link{display:flex;flex-direction:column;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);max-width:45%}@media(max-width: 768px){.nav-link{max-width:100%}}.nav-link:hover{border-color:var(--accent-primary);background:rgba(6,182,212,.05);transform:translateY(-2px)}.nav-link.prev{align-items:flex-start}.nav-link.next{align-items:flex-end;margin-left:auto}@media(max-width: 768px){.nav-link.next{margin-left:0}}.nav-link .nav-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.nav-link .nav-title{font-weight:500;color:var(--text-primary)}.docs-product-select{text-align:center;padding:2rem 0 4rem}.docs-product-select h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.docs-product-select>p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem}.product-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.product-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);text-align:left}.product-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.product-card .product-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem;flex-grow:1}.product-card .version-badge{font-size:.75rem;color:var(--text-muted);background:var(--bg-secondary);padding:.25rem .75rem;border-radius:var(--radius-full);font-family:var(--font-mono)}.docs-error,.docs-not-found{text-align:center;padding:4rem 2rem;max-width:500px;margin:0 auto}.docs-error h2,.docs-not-found h2{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.docs-error p,.docs-not-found p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.docs-error .btn-primary,.docs-not-found .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;text-decoration:none;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base)}.docs-error .btn-primary:disabled,.docs-not-found .btn-primary:disabled{opacity:.6;cursor:not-allowed}.docs-error .btn-primary,.docs-not-found .btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}.docs-error .btn-primary:hover:not(:disabled),.docs-not-found .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px var(--accent-glow)}.docs-error .btn-primary:active:not(:disabled),.docs-not-found .btn-primary:active:not(:disabled){transform:translateY(0)}.code-block{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:1.5rem 0;overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.code-header span{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.code-block pre{margin:0;padding:1.25rem;overflow-x:auto;border:none;border-radius:0}.code-block code{font-family:var(--font-mono);font-size:.85rem;line-height:1.6;color:var(--text-secondary);padding:0;background:none}.docs-callout{padding:1.25rem 1.5rem;border-radius:var(--radius-md);margin:2rem 0}.docs-callout strong{display:block;margin-bottom:.5rem}.docs-callout code{font-family:var(--font-mono);font-size:.85rem;background:rgba(0,0,0,.2);padding:.2rem .4rem;border-radius:var(--radius-sm)}.docs-callout.success{background:rgba(16,185,129,.1);border-left:4px solid var(--success);color:var(--success)}.docs-callout.warning{background:rgba(245,158,11,.1);border-left:4px solid var(--warning);color:var(--warning)}.docs-callout.info{background:rgba(6,182,212,.1);border-left:4px solid var(--accent-primary);color:var(--accent-primary)}.docs-callout.error{background:rgba(239,68,68,.1);border-left:4px solid var(--error);color:var(--error)}.docs-list{list-style:none;padding:0;margin:0 0 2rem}.docs-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;font-size:1rem;color:var(--text-secondary);line-height:1.6}.docs-list li::before{content:"";position:absolute;left:0;top:.65rem;width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.coming-soon{font-size:.8rem;color:var(--text-muted);font-style:italic;padding:.5rem .75rem;display:block}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gradient-primary);z-index:9999;transition:width .1s linear}.blog-grid-section{padding:4rem 0;background:var(--bg-primary)}@media(max-width: 768px){.blog-grid-section{padding:3rem 0}}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}@media(max-width: 1024px){.blog-layout{grid-template-columns:1fr}}.blog-main{min-width:0}.blog-filter-tabs{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.filter-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.filter-tab:hover{color:var(--text-primary);background:var(--bg-card);border-color:var(--border-color)}.filter-tab.active{color:var(--accent-primary);background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.3)}.filter-tab.clear-filter{color:var(--text-muted);font-size:.8rem;margin-left:auto}.filter-tab.clear-filter:hover{color:#ef4444;border-color:rgba(239,68,68,.3)}.filter-tab svg{opacity:.7}.blog-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}@media(max-width: 768px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column}.blog-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card.featured-blog{grid-column:span 2;display:grid;grid-template-columns:1.2fr 1fr}@media(max-width: 768px){.blog-card.featured-blog{grid-column:span 1;grid-template-columns:1fr}}.blog-card.featured-blog .blog-card-image{height:100%;min-height:280px}@media(max-width: 768px){.blog-card.featured-blog .blog-card-image{min-height:200px}}.blog-card.featured-blog .blog-card-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.blog-card.featured-blog h2{font-size:1.5rem}@media(max-width: 768px){.blog-card.featured-blog h2{font-size:1.25rem}}.blog-card-image{position:relative;height:180px;overflow:hidden;background:var(--bg-primary)}.blog-card-image a{display:block;width:100%;height:100%}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.blog-card-image.placeholder{background:linear-gradient(135deg, rgba(6, 182, 212, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%)}.blog-card-image.placeholder .placeholder-graphic{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.5}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.blog-card-content h2,.blog-card-content h3{margin:0 0 .75rem;line-height:1.3}.blog-card-content h2 a,.blog-card-content h3 a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.blog-card-content h2 a:hover,.blog-card-content h3 a:hover{color:var(--accent-primary)}.blog-card-content h2{font-size:1.35rem}.blog-card-content h3{font-size:1.05rem}.blog-card-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1rem;flex:1}.post-stats{display:flex;align-items:center;gap:1rem}.view-count{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.view-count svg{opacity:.7}.post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.post-category{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);background:rgba(6,182,212,.1);padding:.25rem .6rem;border-radius:var(--radius-sm)}.post-date{font-size:.85rem;color:var(--text-muted)}.post-author{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.author-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--bg-primary)}.author-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.newsletter-card{margin-top:4rem;padding:3rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:space-between;gap:2rem}@media(max-width: 1024px){.newsletter-card{flex-direction:column;text-align:center}}.newsletter-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.newsletter-content p{font-size:1rem;color:var(--text-secondary);margin:0}.newsletter-form{display:flex;gap:.75rem}@media(max-width: 768px){.newsletter-form{flex-direction:column;width:100%}}.newsletter-form input{min-width:280px;padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:all var(--transition-fast)}.newsletter-form input::placeholder{color:var(--text-muted)}.newsletter-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(6,182,212,.1)}@media(max-width: 768px){.newsletter-form input{min-width:auto;width:100%}}.blog-post-section{padding:4rem 0;background:var(--bg-primary);min-height:50vh}.blog-post-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.article-hero{position:relative;padding:8rem 0 4rem;background:var(--bg-primary);overflow:hidden}.article-hero .hero-bg{position:absolute;inset:0;z-index:0}.article-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 1.5rem}.back-to-blog{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);text-decoration:none;margin-bottom:2rem;transition:color var(--transition-fast)}.back-to-blog:hover{color:var(--accent-primary)}.back-to-blog svg{transition:transform var(--transition-fast)}.back-to-blog:hover svg{transform:translateX(-4px)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem}.article-title{font-size:2.75rem;font-weight:800;line-height:1.2;color:var(--text-primary);margin:0 0 1.5rem}@media(max-width: 1024px){.article-title{font-size:2.25rem}}@media(max-width: 768px){.article-title{font-size:1.75rem}}.article-excerpt{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin:0 0 2rem}@media(max-width: 768px){.article-excerpt{font-size:1.1rem}}.article-author{display:flex;align-items:center;gap:1rem}.author-info{display:flex;flex-direction:column;gap:.125rem}.author-role{font-size:.85rem;color:var(--text-muted)}.article-featured-image{margin-bottom:3rem}.article-featured-image img{width:100%;max-width:1000px;margin:0 auto;display:block;border-radius:var(--radius-lg);box-shadow:0 4px 24px rgba(0,0,0,.2)}.article-content-section{background:var(--bg-primary);padding-bottom:4rem}.article-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.article-body{font-size:1.1rem;line-height:1.8;color:var(--text-primary)}.article-body h2{font-size:1.75rem;font-weight:700;margin:3rem 0 1rem;color:var(--text-primary)}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:1.35rem;font-weight:600;margin:2rem 0 .75rem;color:var(--text-primary)}.article-body p{margin:0 0 1.5rem;color:var(--text-secondary)}.article-body p.lead{font-size:1.25rem;color:var(--text-primary);margin-bottom:2rem}.article-body ul,.article-body ol{margin:0 0 1.5rem;padding-left:1.5rem}.article-body ul li,.article-body ol li{margin-bottom:.5rem;color:var(--text-secondary)}.article-body ul li strong,.article-body ol li strong{color:var(--text-primary)}.article-body code{font-family:var(--font-mono);font-size:.875em;background:rgba(139,92,246,.1);padding:.2em .45em;border-radius:var(--radius-sm);color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.article-body pre{background:#0d1117;border:1px solid #30363d;border-radius:var(--radius-lg);padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0;position:relative}.article-body pre[class*=language-]::before{content:attr(data-lang);position:absolute;top:0;right:0;padding:.25rem .75rem;font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:#8b949e;background:#161b22;border-bottom-left-radius:var(--radius-md);border-top-right-radius:var(--radius-lg)}.article-body pre code{background:rgba(0,0,0,0);padding:0;border:none;color:#e6edf3;font-size:.875rem;line-height:1.6;display:block}.article-body pre code .comment,.article-body pre code .prolog,.article-body pre code .doctype,.article-body pre code .cdata{color:#8b949e;font-style:italic}.article-body pre code .punctuation{color:#8b949e}.article-body pre code .property,.article-body pre code .tag,.article-body pre code .boolean,.article-body pre code .number,.article-body pre code .constant,.article-body pre code .symbol,.article-body pre code .deleted{color:#79c0ff}.article-body pre code .selector,.article-body pre code .attr-name,.article-body pre code .string,.article-body pre code .char,.article-body pre code .builtin,.article-body pre code .inserted{color:#a5d6ff}.article-body pre code .operator,.article-body pre code .entity,.article-body pre code .url{color:#ff7b72}.article-body pre code .atrule,.article-body pre code .attr-value,.article-body pre code .keyword{color:#ff7b72}.article-body pre code .function,.article-body pre code .class-name{color:#d2a8ff}.article-body pre code .regex,.article-body pre code .important,.article-body pre code .variable{color:#ffa657}.article-body pre.line-numbers{padding-left:3.5rem}.article-body pre.line-numbers code{counter-reset:line}.article-body pre.line-numbers code .line::before{counter-increment:line;content:counter(line);display:inline-block;width:2rem;margin-left:-3rem;margin-right:1rem;text-align:right;color:#484f58;user-select:none}.article-body blockquote{border-left:3px solid var(--accent-primary);margin:2rem 0;padding:1rem 0 1rem 1.5rem;font-style:italic;color:var(--text-secondary)}.article-body .callout{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-md);padding:1.5rem;margin:2rem 0}.article-body .callout strong{color:var(--accent-primary)}.article-body a{color:var(--accent-primary);text-decoration:none}.article-body a:hover{text-decoration:underline}.article-body img{max-width:100%;border-radius:var(--radius-md);margin:1.5rem 0}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.post-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);padding:.35rem .75rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.post-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.share-section{display:flex;align-items:center;gap:1rem;margin-bottom:3rem}.share-section>span{font-size:.9rem;color:var(--text-secondary)}.share-buttons{display:flex;gap:.5rem}.share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.share-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.article-cta{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem;text-align:center}.article-cta h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.article-cta p{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem}.related-posts{margin-top:4rem}.related-posts h3{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.related-posts-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media(max-width: 1024px){.related-posts-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.related-posts-grid{grid-template-columns:1fr}}.related-post-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base)}.related-post-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.related-post-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.related-post-card .read-time{font-size:.8rem;color:var(--text-muted)}.post-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem}.read-time{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-muted)}.read-time svg{opacity:.7}.blog-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}@media(max-width: 1024px){.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}}@media(max-width: 768px){.blog-sidebar{grid-template-columns:1fr}}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.sidebar-card h4{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 1rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-subtle);padding:.35rem .65rem;border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.tag-item:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:rgba(6,182,212,.05)}.tag-item .tag-count{font-size:.65rem;color:var(--text-muted);background:var(--bg-card);padding:.1rem .35rem;border-radius:var(--radius-full);margin-left:.15rem}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.category-item:hover{border-color:var(--accent-primary);background:rgba(6,182,212,.05)}.category-item:hover .category-name{color:var(--accent-primary)}.category-item .category-name{font-size:.9rem;font-weight:500;color:var(--text-primary);transition:color var(--transition-fast)}.category-item .category-count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.sidebar-newsletter p,.newsletter-sidebar p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.sidebar-newsletter .newsletter-input-group,.newsletter-sidebar .newsletter-input-group{display:flex;flex-direction:column;gap:.75rem}.sidebar-newsletter .newsletter-input-group input,.newsletter-sidebar .newsletter-input-group input{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);transition:all var(--transition-fast)}.sidebar-newsletter .newsletter-input-group input::placeholder,.newsletter-sidebar .newsletter-input-group input::placeholder{color:var(--text-muted)}.sidebar-newsletter .newsletter-input-group input:focus,.newsletter-sidebar .newsletter-input-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(6,182,212,.1)}.sidebar-newsletter .newsletter-input-group button,.newsletter-sidebar .newsletter-input-group button{width:100%}.newsletter-form-compact{display:flex;flex-direction:column;gap:.75rem}.newsletter-form-compact input{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);transition:all var(--transition-fast)}.newsletter-form-compact input::placeholder{color:var(--text-muted)}.newsletter-form-compact input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(6,182,212,.1)}.newsletter-form-compact button{width:100%;padding:.75rem 1rem;font-size:.9rem}.article-with-toc{display:grid;grid-template-columns:1fr 250px;gap:3rem;max-width:1100px;margin:0 auto;padding:0 1.5rem;align-items:start}@media(max-width: 1024px){.article-with-toc{grid-template-columns:1fr;max-width:800px}}.article-with-toc .article-body{min-width:0}.article-toc{position:sticky;top:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:calc(100vh - 4rem);overflow-y:auto}@media(max-width: 1024px){.article-toc{display:none}}.article-toc::-webkit-scrollbar{width:4px}.article-toc::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.article-toc::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.toc-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.toc-header svg{opacity:.7}.toc-nav{display:flex;flex-direction:column;gap:.25rem}.toc-link{display:block;font-size:.85rem;line-height:1.4;color:var(--text-secondary);text-decoration:none;padding:.35rem 0;border-left:2px solid rgba(0,0,0,0);padding-left:.75rem;margin-left:-0.75rem;transition:all var(--transition-fast)}.toc-link:hover{color:var(--text-primary)}.toc-link.active{color:var(--accent-primary);border-left-color:var(--accent-primary)}.toc-link.toc-h3{font-size:.8rem;padding-left:1.5rem;margin-left:-0.75rem;color:var(--text-muted)}.toc-link.toc-h3:hover{color:var(--text-secondary)}.toc-link.toc-h3.active{color:var(--accent-primary)}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity var(--transition-fast);z-index:10}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar span{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#8b949e;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar span:hover,div.code-toolbar>.toolbar span:focus{color:#e6edf3;background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.2);box-shadow:none;outline:none}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item button[data-copy-state=copy-success]{color:#3fb950;border-color:rgba(63,185,80,.3);background:rgba(63,185,80,.1)}a.post-category{text-decoration:none;transition:all var(--transition-fast)}a.post-category:hover{background:rgba(6,182,212,.2);transform:translateY(-1px)}a.post-tag{text-decoration:none}a.post-tag:hover{background:rgba(6,182,212,.1);border-color:var(--accent-primary);color:var(--accent-primary)}.story-section{padding:4rem 0;background:var(--bg-primary)}@media(max-width: 768px){.story-section{padding:3rem 0}}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width: 1024px){.story-grid{grid-template-columns:1fr;gap:3rem}}.story-content h2{font-size:2rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary)}.story-content .lead{font-size:1.2rem;line-height:1.7;color:var(--text-primary);margin-bottom:1.5rem}.story-content p{font-size:1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1rem}.story-content p:last-child{margin-bottom:0}.story-stats{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(max-width: 1024px){.story-stats{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.story-stats{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.stat-number{display:block;font-family:var(--font-display);font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.95rem;color:var(--text-secondary)}.team-section{padding:4rem 0;background:var(--bg-secondary)}@media(max-width: 768px){.team-section{padding:3rem 0}}.team-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}@media(max-width: 1024px){.team-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.team-grid{grid-template-columns:1fr}}.team-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all var(--transition-base)}.team-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.team-card h4{font-size:1.2rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.team-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.team-avatar{margin-bottom:1.5rem}.avatar-placeholder{width:80px;height:80px;margin:0 auto;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--bg-primary)}.team-role{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);margin-bottom:1rem}.contact-section{padding:4rem 0;background:var(--bg-primary)}@media(max-width: 768px){.contact-section{padding:3rem 0}}.contact-grid{display:grid;grid-template-columns:1fr 400px;gap:4rem}@media(max-width: 1024px){.contact-grid{grid-template-columns:1fr;gap:3rem}}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:all var(--transition-fast)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(6,182,212,.1)}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-group textarea{resize:vertical;min-height:120px}.full-width{width:100%}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition-base)}.info-card:hover{border-color:var(--accent-primary)}.info-card h4{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.info-card p{font-size:.9rem;color:var(--text-muted);margin:0 0 .75rem}.info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(6,182,212,.1);border-radius:var(--radius-md);margin-bottom:1rem}.info-icon svg{color:var(--accent-primary)}.info-link{font-size:.95rem;font-weight:500;color:var(--accent-primary);text-decoration:none}.info-link:hover{text-decoration:underline}.response-time{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.faq-section{padding:4rem 0;background:var(--bg-primary)}@media(max-width: 768px){.faq-section{padding:3rem 0}}.faq-categories{display:flex;flex-direction:column;gap:4rem}.faq-category h2{font-size:1.5rem;font-weight:700;margin:0 0 2rem;color:var(--text-primary);padding-bottom:1rem;border-bottom:2px solid var(--accent-primary)}.faq-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}@media(max-width: 768px){.faq-list{grid-template-columns:1fr;gap:1.5rem}}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--accent-primary)}.faq-item h4{font-size:1.05rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.faq-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.more-questions-section{padding:4rem 0 6rem;background:var(--bg-primary)}@media(max-width: 768px){.more-questions-section{padding:3rem 0 4rem}}.more-questions-card{max-width:600px;margin:0 auto;text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:3rem}.more-questions-card h3{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary)}.more-questions-card p{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem}.page-hero-compact{min-height:35vh;padding-top:8rem;padding-bottom:3rem}@media(max-width: 768px){.page-hero-compact{min-height:auto;padding-top:7rem;padding-bottom:2rem}}.page-hero-compact .hero-title{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:.5rem}.page-hero-compact .hero-subtitle{font-size:1rem;color:var(--text-muted)}.legal-content{padding:4rem 0 6rem;background:var(--bg-primary)}@media(max-width: 768px){.legal-content{padding:3rem 0 4rem}}.legal-document{max-width:800px;margin:0 auto}.legal-section{margin-bottom:3rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary);padding-bottom:.75rem;border-bottom:2px solid var(--accent-primary)}.legal-section h3{font-size:1.15rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary)}.legal-section p{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin:0 0 1rem}.legal-section p:last-child{margin-bottom:0}.legal-section p.lead{font-size:1.1rem;color:var(--text-primary)}.legal-section ul{margin:0 0 1rem;padding-left:1.5rem}.legal-section ul li{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:.5rem}.legal-section ul li:last-child{margin-bottom:0}.legal-section ul li strong{color:var(--text-primary)}.legal-section a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-base)}.legal-section a:hover{color:var(--accent-hover);text-decoration:underline}.license-types .license-comparison{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;margin-top:2rem}@media(max-width: 768px){.license-types .license-comparison{grid-template-columns:1fr;gap:1.5rem}}.license-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;transition:all var(--transition-base)}.license-card:hover{border-color:var(--accent-muted)}.license-card.featured{border-color:var(--accent-primary);background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.05) 0%, transparent 100%)}.license-card h3{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;color:var(--text-primary);border-bottom:none;padding-bottom:0}.license-features{list-style:none;margin:0;padding:0}.license-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.95rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.license-features li:last-child{border-bottom:none}.license-features li::before{flex-shrink:0;width:18px;height:18px;margin-top:2px}.license-features li.included{color:var(--text-primary)}.license-features li.included::before{content:"";display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2310b981'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.license-features li.excluded{color:var(--text-muted)}.license-features li.excluded::before{content:"";display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.error-page{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;overflow:hidden}@media(max-width: 768px){.error-page{min-height:60vh;padding:7rem 1.5rem 3rem}}.error-content{position:relative;z-index:10;text-align:center;max-width:600px}.error-code{display:block;font-size:clamp(6rem,20vw,12rem);font-weight:800;line-height:1;background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;opacity:.9;margin-bottom:1rem}.error-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);margin:0 0 1rem}.error-message{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin:0 0 2rem}@media(max-width: 768px){.error-message{font-size:1rem}}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.error-actions .btn-primary{display:inline-flex;align-items:center;gap:.5rem}.error-links p{font-size:.9rem;color:var(--text-muted);margin:0 0 1rem}.quick-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.quick-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:color var(--transition-base);position:relative}.quick-links a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent-primary);transition:width var(--transition-base)}.quick-links a:hover{color:var(--accent-primary)}.quick-links a:hover::after{width:100%}.changelog-section{padding:4rem 0 6rem;background:var(--bg-primary)}@media(max-width: 768px){.changelog-section{padding:3rem 0 4rem}}.changelog-list{max-width:800px;margin:0 auto}.changelog-entry{position:relative;padding-left:2rem;margin-bottom:4rem;border-left:2px solid var(--border-color)}.changelog-entry:last-child{margin-bottom:0}.changelog-entry::before{content:"";position:absolute;left:-7px;top:0;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;border:2px solid var(--bg-primary)}@media(max-width: 768px){.changelog-entry{padding-left:1.5rem}}.changelog-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.changelog-version{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;font-size:.85rem;font-weight:600;border-radius:var(--radius-full)}.changelog-date{font-size:.9rem;color:var(--text-muted)}.changelog-content h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem}@media(max-width: 768px){.changelog-content h2{font-size:1.25rem}}.changelog-category{margin-bottom:1.5rem}.changelog-category:last-child{margin-bottom:0}.changelog-category h4{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.changelog-category ul{margin:0;padding-left:1.25rem}.changelog-category ul li{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:.35rem}.changelog-category ul li:last-child{margin-bottom:0}.tag{display:inline-block;padding:.2rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm)}.tag-feature{background:rgba(16,185,129,.15);color:#10b981}.tag-improvement{background:rgba(59,130,246,.15);color:#3b82f6}.tag-fix{background:rgba(245,158,11,.15);color:#f59e0b}.tag-breaking{background:rgba(239,68,68,.15);color:#ef4444}.careers-why-section{padding:4rem 0;background:var(--bg-primary)}@media(max-width: 768px){.careers-why-section{padding:3rem 0}}.careers-benefits-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}@media(max-width: 1024px){.careers-benefits-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.careers-benefits-grid{grid-template-columns:1fr;gap:1.5rem}}.benefit-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;transition:all var(--transition-base)}.benefit-card:hover{border-color:var(--accent-muted);transform:translateY(-2px)}.benefit-card .benefit-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.1), rgba(var(--accent-secondary-rgb), 0.1));border-radius:var(--radius-lg);margin-bottom:1.25rem}.benefit-card .benefit-icon svg{stroke:var(--accent-primary)}.benefit-card h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.benefit-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.careers-positions-section{padding:4rem 0;background:var(--bg-secondary)}@media(max-width: 768px){.careers-positions-section{padding:3rem 0}}.positions-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.position-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;transition:all var(--transition-base)}.position-card:hover{border-color:var(--accent-muted)}.position-card.no-positions{background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.03) 0%, transparent 100%);border-style:dashed;text-align:center}.position-card.no-positions .position-header{justify-content:center}.position-card.no-positions h3{margin-bottom:1rem}.position-card.no-positions .btn-outline{margin-top:1.5rem}.position-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.position-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.position-tags{display:flex;gap:.5rem;flex-wrap:wrap}.position-tag{display:inline-block;padding:.25rem .75rem;background:rgba(var(--accent-primary-rgb), 0.1);color:var(--accent-primary);font-size:.8rem;font-weight:500;border-radius:var(--radius-full)}.position-description{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0 0 1.5rem}.position-requirements h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.position-requirements ul{margin:0;padding-left:1.25rem}.position-requirements ul li{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:.35rem}.position-requirements ul li:last-child{margin-bottom:0}.opensource-hero{min-height:70vh}@media(max-width: 768px){.opensource-hero{min-height:auto;padding-bottom:4rem}}.opensource-section{padding:5rem 0;background:var(--bg-primary)}.opensource-section.alt-bg{background:var(--bg-secondary)}@media(max-width: 768px){.opensource-section{padding:3rem 0}}.packages-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-top:3rem}.packages-grid.three-col{grid-template-columns:repeat(3, 1fr)}@media(max-width: 1024px){.packages-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.packages-grid{grid-template-columns:1fr}}.package-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:all var(--transition-base)}.package-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.package-card.featured{border-color:var(--accent-primary);background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.05) 0%, transparent 100%)}.package-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0}.package-icon svg{width:32px;height:32px}.package-content{flex:1}.package-content h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.package-description{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1rem}.package-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.package-version{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.25rem .5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary)}.package-downloads{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary);line-height:1}.package-downloads svg{width:14px;height:14px;opacity:.7;flex-shrink:0}.package-actions{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-package{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--accent-primary);background:rgba(0,0,0,0);border:1px solid var(--accent-primary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base)}.btn-package:hover{background:var(--accent-primary);color:var(--bg-primary)}.btn-package svg{width:14px;height:14px}.opensource-check-list{list-style:none;padding:0;margin:1rem 0 0}.opensource-check-list li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.4;color:var(--text-secondary);margin-bottom:.5rem}.opensource-check-list li svg{width:16px;height:16px;min-width:16px;color:var(--accent-success);flex-shrink:0}.opensource-check-list li:last-child{margin-bottom:0}.opensource-feature-highlight{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-top:3rem}@media(max-width: 1024px){.opensource-feature-highlight{grid-template-columns:1fr;gap:2rem}}.opensource-feature-highlight-content .package-card{max-width:none}.opensource-feature-highlight-visual .code-window{margin:0}.install-example{margin-top:3rem;max-width:700px;margin-left:auto;margin-right:auto}.opensource-values-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-top:3rem}@media(max-width: 1024px){.opensource-values-grid{grid-template-columns:1fr}}.opensource-value-card{text-align:center;padding:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base)}.opensource-value-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.opensource-value-card h3{font-size:1.2rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.opensource-value-card p{font-size:.95rem;line-height:1.7;color:var(--text-secondary);margin:0}.opensource-value-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--bg-primary)}.opensource-value-icon svg{width:28px;height:28px}.auth-page{min-height:100vh;background:var(--bg-primary)}.auth-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media(max-width: 1024px){.auth-container{grid-template-columns:1fr}}.auth-container.auth-container-single{grid-template-columns:1fr;place-items:center}.auth-card{display:flex;flex-direction:column;justify-content:center;padding:3rem;max-width:480px;margin:0 auto;width:100%}@media(max-width: 768px){.auth-card{padding:2rem 1.5rem}}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{font-size:1.75rem;font-weight:700;margin:1.5rem 0 .5rem;color:var(--text-primary)}.auth-header p{font-size:.95rem;color:var(--text-secondary);margin:0}.auth-logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.auth-logo .logo-mark{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--accent-primary);background:rgba(6,182,212,.1);padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid rgba(6,182,212,.2)}.auth-logo span:not(.logo-mark){font-family:var(--font-body);font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.02em}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.auth-form .form-input{padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:all var(--transition-fast)}.auth-form .form-input::placeholder{color:var(--text-muted)}.auth-form .form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(6,182,212,.1)}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:.85rem;color:var(--accent-primary);text-decoration:none}.forgot-link:hover{text-decoration:underline}.checkbox-row{flex-direction:row !important;align-items:center;gap:.75rem !important}.checkbox-row .form-checkbox{width:18px;height:18px;accent-color:var(--accent-primary)}.checkbox-row label{font-size:.9rem;font-weight:400;color:var(--text-secondary)}.btn-full{width:100%;justify-content:center}.validation-errors{background:rgba(239,68,68,.1);border:1px solid var(--error);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.validation-errors ul{margin:0;padding-left:1.25rem}.validation-errors li{font-size:.9rem;color:var(--error)}.field-error{font-size:.8rem;color:var(--error)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width: 768px){.form-row-2{grid-template-columns:1fr}}.input-hint{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.terms-text{font-size:.8rem;color:var(--text-muted);text-align:center;margin-top:1rem}.terms-text a{color:var(--accent-primary);text-decoration:none}.terms-text a:hover{text-decoration:underline}.auth-footer{margin-top:2rem;text-align:center}.auth-footer p{font-size:.9rem;color:var(--text-secondary);margin:0}.auth-footer p a{color:var(--accent-primary);text-decoration:none;font-weight:500}.auth-footer p a:hover{text-decoration:underline}.auth-side{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);padding:3rem;border-left:1px solid var(--border-color)}@media(max-width: 1024px){.auth-side{display:none}}.auth-side-content{max-width:400px}.feature-highlight{margin-bottom:3rem}.feature-highlight svg{color:var(--accent-primary);margin-bottom:1.5rem}.feature-highlight h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary)}.feature-highlight p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0}.auth-testimonial{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.auth-testimonial blockquote{font-size:1rem;color:var(--text-secondary);font-style:italic;line-height:1.7;margin:0 0 1.25rem}.auth-testimonial cite{display:block;font-style:normal}.auth-testimonial cite strong{display:block;font-size:.95rem;color:var(--text-primary)}.auth-testimonial cite span{font-size:.85rem;color:var(--text-muted)}.feature-list{margin-bottom:2.5rem}.feature-list h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem}.feature-list ul{list-style:none !important;list-style-type:none !important;padding:0;margin:0}.feature-list li{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text-secondary);padding:.625rem 0;list-style:none}.feature-list li::before{display:none}.feature-list li::marker{display:none;content:none}.feature-list li svg{flex-shrink:0;color:var(--accent-primary)}.auth-stats{display:flex;gap:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.auth-stats .stat{text-align:center}.auth-stats .stat strong{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.auth-stats .stat span{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.social-login{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-login form{margin:0}.btn-social{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-social svg{flex-shrink:0}.btn-social span{color:inherit}.btn-google{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-google:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.btn-microsoft{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-microsoft:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.auth-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.dev-login-section{background:linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);border:1px dashed rgba(139,92,246,.4);border-radius:var(--radius-lg);padding:1rem;margin-bottom:1.5rem}.dev-login-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.dev-badge{background:linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-sm);letter-spacing:.05em}.dev-login-buttons{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem}@media(max-width: 768px){.dev-login-buttons{grid-template-columns:repeat(2, 1fr)}}.dev-login-buttons form{margin:0}.dev-login-btn{width:100%;padding:.5rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.dev-login-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.dev-login-btn:active{transform:translateY(0)}.dev-admin{background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color:#fff}.dev-customer{background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);color:#fff}.dev-expired{background:linear-gradient(135deg, #6b7280 0%, #4b5563 100%);color:#fff}.dev-urgent{background:linear-gradient(135deg, #f97316 0%, #ea580c 100%);color:#fff}.dev-reminder{background:linear-gradient(135deg, #eab308 0%, #ca8a04 100%);color:#fff}.dev-advance{background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color:#fff}.account-manage-page{min-height:100vh;background:var(--bg-primary);padding-top:80px}.account-manage-container{max-width:1200px;margin:0 auto;padding:2rem}@media(max-width: 768px){.account-manage-container{padding:1rem}}.account-manage-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.account-header-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(6,182,212,.1);border-radius:var(--radius-lg);flex-shrink:0}.account-header-icon svg{width:28px;height:28px;color:var(--accent-primary)}.account-header-text h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}@media(max-width: 768px){.account-header-text h1{font-size:1.5rem}}.account-header-text p{font-size:.95rem;color:var(--text-muted);margin:0}.account-manage-content{display:grid;grid-template-columns:240px 1fr;gap:2rem}@media(max-width: 1024px){.account-manage-content{grid-template-columns:1fr}}@media(max-width: 1024px){.account-sidebar{order:-1}}.account-nav{display:flex;flex-direction:column;gap:.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.75rem}@media(max-width: 1024px){.account-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem}}.account-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.account-nav-link svg{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast)}@media(max-width: 1024px){.account-nav-link span{display:none}}@media(max-width: 768px){.account-nav-link span{display:block}}.account-nav-link:hover{color:var(--text-primary);background:var(--bg-surface)}.account-nav-link:hover svg{color:var(--text-secondary)}.account-nav-link.active{color:var(--accent-primary);background:rgba(6,182,212,.1)}.account-nav-link.active svg{color:var(--accent-primary)}@media(max-width: 1024px){.account-nav-link{padding:.6rem .8rem}}.account-nav-link-danger{color:var(--error)}.account-nav-link-danger svg{color:var(--error)}.account-nav-link-danger:hover{color:var(--error);background:rgba(239,68,68,.1)}.account-nav-link-danger:hover svg{color:var(--error)}.account-nav-divider{height:1px;background:var(--border-color);margin:.5rem 0}@media(max-width: 1024px){.account-nav-divider{display:none}}.account-main{min-width:0}.account-section{margin-bottom:2rem}.account-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.account-section-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(6,182,212,.1);border-radius:var(--radius-md);flex-shrink:0}.account-section-icon svg{width:22px;height:22px;color:var(--accent-primary)}.account-section-title{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.account-section-description{font-size:.9rem;color:var(--text-muted);margin:0}.account-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}@media(max-width: 768px){.account-card{padding:1.25rem}}.account-form-group{margin-bottom:1.5rem}.account-form-group:last-of-type{margin-bottom:0}.account-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.account-input-wrapper{display:flex;align-items:center;gap:.75rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 1rem;transition:all var(--transition-fast)}.account-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(6,182,212,.1)}.account-input-wrapper svg{width:18px;height:18px;flex-shrink:0;color:var(--text-muted)}.account-input-wrapper.account-input-disabled{background:var(--bg-tertiary);opacity:.7}.account-input-wrapper.account-input-disabled:focus-within{border-color:var(--border-color);box-shadow:none}.account-input{flex:1;background:rgba(0,0,0,0);border:none;outline:none;padding:.875rem 0;font-size:.95rem;color:var(--text-primary)}.account-input::placeholder{color:var(--text-muted)}.account-input:disabled{cursor:not-allowed}.account-help-text{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.account-form-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.account-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.account-btn svg{width:18px;height:18px}.account-btn-primary{background:var(--gradient-primary);color:var(--bg-primary)}.account-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.account-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.account-btn-secondary:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.account-btn-danger{background:rgba(239,68,68,.1);color:var(--error);border:1px solid var(--error)}.account-btn-danger:hover{background:rgba(239,68,68,.15)}.account-validation-summary{background:rgba(239,68,68,.1);border:1px solid var(--error);border-radius:var(--radius-md);padding:1rem;margin-bottom:1.5rem;color:var(--error);font-size:.9rem}.account-validation-summary ul{margin:0;padding-left:1.25rem}.account-validation-summary li{margin:.25rem 0}.account-validation-message{display:block;color:var(--error);font-size:.8rem;margin-top:.5rem}.account-status-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9rem}.account-status-message svg{width:20px;height:20px;flex-shrink:0}.account-status-message.success{background:rgba(16,185,129,.1);border:1px solid var(--success);color:var(--success)}.account-status-message.error{background:rgba(239,68,68,.1);border:1px solid var(--error);color:var(--error)}.account-status-message.warning{background:rgba(245,158,11,.1);border:1px solid var(--warning);color:var(--warning)}.account-status-message.info{background:rgba(59,130,246,.1);border:1px solid var(--info);color:var(--info)}.account-2fa-status{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:1.5rem}.account-2fa-status .status-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.account-2fa-status .status-icon svg{width:24px;height:24px}.account-2fa-status .status-icon.enabled{background:rgba(16,185,129,.1);color:var(--success)}.account-2fa-status .status-icon.disabled{background:rgba(245,158,11,.1);color:var(--warning)}.account-2fa-status .status-text{flex:1}.account-2fa-status .status-text h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.account-2fa-status .status-text p{font-size:.85rem;color:var(--text-muted);margin:0}.account-recovery-codes{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.85rem}@media(max-width: 768px){.account-recovery-codes{grid-template-columns:1fr}}.account-recovery-codes code{padding:.5rem;background:var(--bg-card);border-radius:var(--radius-sm);text-align:center;color:var(--text-primary)}.account-qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-md);margin-bottom:1.5rem}.account-qr-wrapper img,.account-qr-wrapper svg{max-width:200px}.account-data-actions{display:flex;flex-direction:column;gap:1rem}.account-data-card{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--bg-surface);border-radius:var(--radius-md)}@media(max-width: 768px){.account-data-card{flex-direction:column;align-items:flex-start;gap:1rem}}.account-data-card .data-info h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.account-data-card .data-info p{font-size:.85rem;color:var(--text-muted);margin:0}.account-passkeys-list{display:flex;flex-direction:column;gap:.75rem}.account-passkey-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-surface);border-radius:var(--radius-md)}.account-passkey-item .passkey-info{display:flex;align-items:center;gap:1rem}.account-passkey-item .passkey-info svg{width:24px;height:24px;color:var(--accent-primary)}.account-passkey-item .passkey-info .passkey-name{font-weight:500;color:var(--text-primary)}.account-passkey-item .passkey-info .passkey-date{font-size:.8rem;color:var(--text-muted)}.account-passkey-item .passkey-actions{display:flex;gap:.5rem}.account-passkey-btn{padding:.5rem;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.account-passkey-btn svg{width:16px;height:16px;display:block}.account-passkey-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.account-passkey-btn.delete:hover{border-color:var(--error);color:var(--error)}.portal-layout{min-height:100vh;background:var(--bg-primary)}.portal-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000}@media(max-width: 1024px){.portal-sidebar{display:none}}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.sidebar-logo .logo-mark{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:#22d3ee;background:rgba(34,211,238,.15);padding:.4rem .6rem;border-radius:var(--radius-sm);border:1px solid rgba(34,211,238,.3)}.sidebar-logo .logo-text{font-family:var(--font-body);font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.02em}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-section{margin-bottom:1.5rem}.nav-section-title{display:block;padding:0 1.5rem;margin-bottom:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.nav-item svg{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background:var(--bg-card)}.nav-item:hover svg{color:var(--text-secondary)}.nav-item.active{color:var(--accent-primary);background:rgba(6,182,212,.1)}.nav-item.active svg{color:var(--accent-primary)}.nav-item.nav-item-admin{color:var(--accent-purple)}.nav-item.nav-item-admin svg{color:var(--accent-purple)}.nav-item.nav-item-admin:hover{background:rgba(139,92,246,.1)}.nav-item.nav-item-admin.active{background:rgba(139,92,246,.15)}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.logout-btn svg{width:20px;height:20px;color:var(--text-muted)}.logout-btn:hover{color:var(--error);border-color:var(--error);background:rgba(239,68,68,.05)}.logout-btn:hover svg{color:var(--error)}.portal-main{margin-left:260px;display:flex;flex-direction:column;min-height:100vh}@media(max-width: 1024px){.portal-main{margin-left:0}}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}@media(max-width: 768px){.portal-header{padding:1rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}}.header-left .page-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}@media(max-width: 768px){.header-left .page-title{font-size:1.25rem}}.header-right{display:flex;align-items:center;gap:1rem}.user-menu{display:flex;align-items:center;gap:.75rem}.user-menu-link{text-decoration:none;padding:.375rem .75rem;border-radius:var(--radius-md);transition:background-color .2s ease}.user-menu-link:hover{background-color:var(--bg-secondary)}.user-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--bg-primary);font-size:.8rem;font-weight:600;border-radius:var(--radius-full)}.user-name{font-size:.9rem;font-weight:500;color:var(--text-secondary)}@media(max-width: 768px){.user-name{display:none}}.portal-content{flex:1;padding:2rem}@media(max-width: 768px){.portal-content{padding:1.5rem}}.dashboard-page{padding:2rem 0}.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width: 1024px){.stats-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--accent-primary)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-icon.downloads{background:rgba(6,182,212,.1);color:var(--accent-primary)}.stat-icon.orders{background:rgba(139,92,246,.1);color:var(--accent-purple)}.stat-icon.products{background:rgba(16,185,129,.1);color:var(--success)}.stat-icon.spent{background:rgba(245,158,11,.1);color:var(--warning)}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.85rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.card-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.view-all{font-size:.85rem;color:var(--accent-primary);text-decoration:none}.view-all:hover{text-decoration:underline}.card-body{padding:1rem 1.5rem}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}.activity-item:last-child{border-bottom:none}.activity-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(6,182,212,.1);border-radius:var(--radius-md);flex-shrink:0}.activity-icon svg{width:18px;height:18px;color:var(--accent-primary)}.activity-icon.order-status-completed{background:rgba(16,185,129,.1)}.activity-icon.order-status-completed svg{color:var(--success)}.activity-icon.order-status-pending{background:rgba(245,158,11,.1)}.activity-icon.order-status-pending svg{color:var(--warning)}.activity-content{display:flex;flex-direction:column;gap:.25rem;flex-grow:1;min-width:0}.activity-title{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{font-size:.8rem;color:var(--text-muted)}.activity-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.activity-action:hover{color:var(--accent-primary)}.order-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .6rem;border-radius:var(--radius-sm)}.order-badge.completed{background:rgba(16,185,129,.1);color:var(--success)}.order-badge.pending{background:rgba(245,158,11,.1);color:var(--warning)}.order-badge.cancelled{background:rgba(239,68,68,.1);color:var(--error)}.empty-state{text-align:center;padding:2rem 1rem}.empty-state p{font-size:.95rem;color:var(--text-muted);margin:0 0 1.5rem}.btn-primary-sm{display:inline-block;padding:.6rem 1.25rem;background:var(--gradient-primary);color:var(--bg-primary);text-decoration:none;font-size:.85rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-primary-sm:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.quick-actions h3{font-size:1rem;font-weight:600;margin:0 0 1.25rem;color:var(--text-primary)}.actions-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem}@media(max-width: 1024px){.actions-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.actions-grid{grid-template-columns:1fr}}.action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base)}.action-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.action-card:hover svg{color:var(--accent-primary)}.action-card svg{color:var(--text-muted);transition:color var(--transition-fast)}.action-card span{font-size:.9rem;font-weight:500;color:var(--text-primary);text-align:center}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.page-header-row h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.page-description{font-size:.95rem;color:var(--text-muted);margin:0}.downloads-page{padding:2rem 0}.downloads-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}@media(max-width: 1024px){.downloads-grid{grid-template-columns:1fr}}.download-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.download-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.download-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.product-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:var(--bg-primary)}.version-badge{display:inline-block;padding:.25rem .625rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:rgba(6,182,212,.1);color:var(--accent-primary);border-radius:var(--radius-full)}.version-selector{display:flex;align-items:center}.version-select{padding:.375rem .75rem;padding-right:1.75rem;font-size:.8rem;font-weight:500;color:var(--accent-primary);background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;transition:all var(--transition-fast)}.version-select:hover{border-color:var(--accent-primary);background-color:rgba(6,182,212,.15)}.version-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(6,182,212,.2)}.version-select option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem}.version-select option:disabled{color:var(--text-muted)}.download-card-body{padding:1.5rem}.download-card-body h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.download-card-body p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.download-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-muted)}.meta-item svg{flex-shrink:0}.download-card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.btn-download{display:inline-flex;align-items:center;gap:.5rem;width:100%;justify-content:center;padding:.75rem 1.5rem;background:var(--gradient-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-download:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-download svg{flex-shrink:0}.orders-page{padding:2rem 0}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.order-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}@media(max-width: 768px){.order-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-number{font-size:1rem;font-weight:600;color:var(--accent-primary)}.order-date{font-size:.85rem;color:var(--text-muted)}.status-badge{display:inline-block;padding:.3rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.status-badge.completed{background:rgba(16,185,129,.1);color:var(--success)}.status-badge.pending{background:rgba(245,158,11,.1);color:var(--warning)}.status-badge.processing{background:rgba(59,130,246,.1);color:var(--info)}.status-badge.cancelled,.status-badge.refunded{background:rgba(239,68,68,.1);color:var(--error)}.order-card-body{padding:1.5rem}.order-items{display:flex;flex-direction:column;gap:.75rem}.order-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.item-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted);flex-shrink:0}.item-details{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.item-name{font-size:.95rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-qty{font-size:.8rem;color:var(--text-muted)}.item-price{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--text-primary);flex-shrink:0}.order-card-footer{display:flex;justify-content:space-between;align-items:flex-end;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}@media(max-width: 768px){.order-card-footer{flex-direction:column;gap:1.5rem;align-items:stretch}}.order-totals{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.total-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary)}.total-row.total-final{padding-top:.5rem;border-top:1px solid var(--border-color);font-size:1rem;font-weight:600;color:var(--text-primary)}.total-row.total-final span:last-child{font-family:var(--font-mono);color:var(--accent-primary)}.order-actions{display:flex;gap:.75rem}@media(max-width: 768px){.order-actions{justify-content:flex-end}}.btn-secondary-sm{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:rgba(0,0,0,0);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary-sm:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-secondary-sm svg{flex-shrink:0}.btn-ghost-sm{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:none;color:var(--text-secondary);border:none;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-ghost-sm:hover{color:var(--accent-primary)}.btn-ghost-sm svg{flex-shrink:0}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.empty-state-large h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.empty-state-large p{font-size:.95rem;color:var(--text-muted);margin:0 0 1.5rem;max-width:360px}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-bottom:1.5rem;color:var(--text-muted)}.profile-page{padding:2rem 0}.profile-grid-customer{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width: 1024px){.profile-grid-customer{grid-template-columns:1fr}}.profile-card-customer{grid-column:1/-1}.profile-header-customer{display:flex;align-items:center;gap:1.5rem;padding:2rem}@media(max-width: 768px){.profile-header-customer{flex-direction:column;text-align:center}}.profile-avatar-customer{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--bg-primary);font-size:1.75rem;font-weight:700;border-radius:var(--radius-full);flex-shrink:0}.profile-info-customer{display:flex;flex-direction:column;gap:.375rem}.profile-info-customer h2{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.profile-info-customer .profile-email{font-size:.95rem;color:var(--text-secondary)}.profile-info-customer .profile-member-since{font-size:.85rem;color:var(--text-muted)}.profile-form{display:flex;flex-direction:column;gap:1.25rem}.profile-form .form-group{display:flex;flex-direction:column;gap:.5rem}.profile-form label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.profile-form .form-input{padding:.875rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:all var(--transition-fast)}.profile-form .form-input::placeholder{color:var(--text-muted)}.profile-form .form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(6,182,212,.1)}.profile-form .form-input.disabled,.profile-form .form-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.profile-form .field-error{font-size:.8rem;color:var(--error)}.profile-form .input-hint{font-size:.8rem;color:var(--text-muted)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width: 768px){.form-row-2{grid-template-columns:1fr}}.form-actions{display:flex;gap:1rem;padding-top:.5rem}.form-actions .btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--gradient-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.alert-success{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(16,185,129,.1);border:1px solid var(--success);border-radius:var(--radius-md);margin-bottom:1rem}.alert-success svg{color:var(--success);flex-shrink:0}.alert-success span{font-size:.9rem;color:var(--success)}.alert-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(239,68,68,.1);border:1px solid var(--error);border-radius:var(--radius-md);margin-bottom:1rem}.alert-error svg{color:var(--error);flex-shrink:0}.alert-error span{font-size:.9rem;color:var(--error)}.account-stats{display:flex;flex-direction:column;gap:1rem}.account-stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.stat-details{display:flex;flex-direction:column;gap:.125rem}.stat-details .stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-details .stat-label{font-size:.8rem;color:var(--text-muted)}.quick-links{display:flex;flex-direction:column;gap:.5rem}.quick-link-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.quick-link-item:hover{background:var(--bg-tertiary)}.quick-link-item:hover svg:not(.link-arrow){color:var(--accent-primary)}.quick-link-item:hover .link-arrow{transform:translateX(4px);color:var(--accent-primary)}.quick-link-item svg:not(.link-arrow){width:20px;height:20px;color:var(--text-muted);flex-shrink:0;transition:color var(--transition-fast)}.quick-link-item span{font-size:.95rem;font-weight:500;color:var(--text-primary);flex:1}.quick-link-item .link-arrow{width:16px;height:16px;color:var(--text-muted);transition:all var(--transition-fast)}.entitlement-status{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.entitlement-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.entitlement-badge svg{flex-shrink:0}.entitlement-badge.active{background:rgba(16,185,129,.1);color:var(--success)}.entitlement-badge.expiring{background:rgba(245,158,11,.1);color:var(--warning)}.entitlement-badge.expired{background:rgba(239,68,68,.1);color:var(--error)}.btn-renew-small{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;background:var(--accent-purple);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-renew-small:hover{background:#7c3aed;transform:translateY(-1px)}.btn-renew{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--accent-purple);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-renew:hover{background:#7c3aed;transform:translateY(-2px)}.renewal-prompt{display:flex;align-items:center;padding:1rem 1.5rem;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);margin-bottom:1.5rem}.renewal-prompt-content{display:flex;align-items:center;gap:.75rem}.renewal-prompt-content svg{color:var(--accent-purple);flex-shrink:0}.renewal-prompt-content span{font-size:.9rem;color:var(--text-secondary)}.renewal-prompt-content span strong{color:var(--accent-purple)}.download-restricted{display:flex;flex-direction:column;gap:.75rem;text-align:center}.restricted-message{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.restricted-message svg{color:var(--error);flex-shrink:0}.alert-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.alert-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:var(--radius-md)}@media(max-width: 768px){.alert-card{flex-direction:column;align-items:flex-start;gap:.75rem}}.alert-card.expired{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3)}.alert-card.warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3)}.alert-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.expired .alert-icon{background:rgba(239,68,68,.1);color:var(--error)}.warning .alert-icon{background:rgba(245,158,11,.1);color:var(--warning)}.alert-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.alert-content strong{font-size:.95rem;color:var(--text-primary)}.alert-content span{font-size:.85rem;color:var(--text-secondary)}.alert-action{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:rgba(0,0,0,0);border:1px solid currentColor;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast);flex-shrink:0}.expired .alert-action{color:var(--error)}.expired .alert-action:hover{background:rgba(239,68,68,.1)}.warning .alert-action{color:var(--warning)}.warning .alert-action:hover{background:rgba(245,158,11,.1)}.stat-icon.entitlements{background:rgba(16,185,129,.1);color:var(--success)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.modal-content{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:1.5rem}.renewal-product-info{margin-bottom:1.5rem}.renewal-product-info h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.renewal-product-info p{font-size:.9rem;color:var(--text-secondary);margin:0}.renewal-details{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.renewal-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem}.renewal-detail-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.renewal-detail-row span:first-child{color:var(--text-secondary)}.renewal-detail-row .detail-value{font-weight:600;color:var(--text-primary)}.renewal-detail-row .detail-value.price{font-family:var(--font-mono);color:var(--accent-primary)}.renewal-detail-row.highlight{padding-top:.75rem;margin-top:.25rem}.renewal-detail-row.highlight span:first-child{font-weight:500;color:var(--text-primary)}.renewal-note{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:rgba(0,0,0,0);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--text-secondary);background:var(--bg-tertiary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--gradient-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.admin-dashboard{display:flex;flex-direction:column;gap:2rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem}@media(max-width: 1024px){.admin-stats-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.admin-stats-grid{grid-template-columns:1fr}}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base)}.admin-stat-card:hover{border-color:var(--accent-primary)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.stat-title{font-size:.85rem;font-weight:500;color:var(--text-muted)}.admin-stat-card .stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.admin-stat-card .stat-icon svg{width:20px;height:20px}.admin-stat-card .stat-icon.revenue{background:rgba(16,185,129,.1);color:var(--success)}.admin-stat-card .stat-icon.orders{background:rgba(6,182,212,.1);color:var(--accent-primary)}.admin-stat-card .stat-icon.users{background:rgba(139,92,246,.1);color:var(--accent-purple)}.admin-stat-card .stat-icon.products{background:rgba(245,158,11,.1);color:var(--warning)}.admin-stat-card .stat-value{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-change{font-size:.8rem}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.stat-change.neutral{color:var(--text-muted)}.admin-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width: 1024px){.admin-content-grid{grid-template-columns:1fr}}.admin-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.admin-card.full-width{width:100%}.admin-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.admin-card .card-header h3{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.admin-card .card-body{padding:0}.view-all-link{font-size:.85rem;color:var(--accent-primary);text-decoration:none}.view-all-link:hover{text-decoration:underline}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.admin-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary)}.admin-table td{font-size:.9rem;color:var(--text-secondary)}.admin-table tbody tr{transition:background var(--transition-fast)}.admin-table tbody tr:hover{background:var(--bg-secondary)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .order-id{display:block;font-weight:600;color:var(--text-primary)}.admin-table .order-date{display:block;font-size:.8rem;color:var(--text-muted)}.admin-table .amount{font-family:var(--font-mono);font-weight:500}.status-pill{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .6rem;border-radius:var(--radius-full)}.status-pill.completed{background:rgba(16,185,129,.1);color:var(--success)}.status-pill.pending{background:rgba(245,158,11,.1);color:var(--warning)}.status-pill.cancelled,.status-pill.refunded{background:rgba(239,68,68,.1);color:var(--error)}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-sm{width:32px;height:32px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--bg-primary);flex-shrink:0}.quick-actions-list{display:flex;flex-direction:column}.quick-action-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:background var(--transition-fast);border-bottom:1px solid var(--border-subtle)}.quick-action-item:last-child{border-bottom:none}.quick-action-item:hover{background:var(--bg-secondary)}.quick-action-item:hover .action-icon{background:rgba(6,182,212,.15);color:var(--accent-primary)}.quick-action-item .action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.quick-action-item .action-content{display:flex;flex-direction:column;gap:.25rem}.quick-action-item .action-title{font-size:.95rem;font-weight:500;color:var(--text-primary)}.quick-action-item .action-desc{font-size:.8rem;color:var(--text-muted)}.empty-message{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem}.admin-orders-page,.admin-products-page,.admin-users-page,.admin-blog-page{display:flex;flex-direction:column;gap:1.5rem}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.page-header-row h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.page-description{font-size:.95rem;color:var(--text-muted);margin:0}.header-stats{display:flex;gap:1.5rem}@media(max-width: 768px){.header-stats{gap:1rem}}.mini-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:80px}@media(max-width: 768px){.mini-stat{padding:.5rem .75rem;min-width:60px}}.mini-stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary)}@media(max-width: 768px){.mini-stat-value{font-size:1rem}}.mini-stat-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.filters-bar{display:flex;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;gap:.5rem}.filter-select{padding:.625rem 2rem .625rem 1rem;font-size:.875rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:all var(--transition-fast)}.filter-select:hover{border-color:var(--border-strong)}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(6,182,212,.1)}.order-number-link{font-weight:600;color:var(--accent-primary)}.customer-cell{display:flex;flex-direction:column;gap:.125rem}.customer-name{font-weight:500;color:var(--text-primary)}.customer-email{font-size:.8rem;color:var(--text-muted)}.status-select{padding:.375rem 1.75rem .375rem .625rem;font-size:.75rem;font-weight:600;text-transform:uppercase;border-radius:var(--radius-full);border:none;cursor:pointer;appearance:none;background-repeat:no-repeat;background-position:right .5rem center;background-size:12px}.status-select.completed{background-color:rgba(16,185,129,.1);color:var(--success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.status-select.pending{background-color:rgba(245,158,11,.1);color:var(--warning);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.status-select.processing{background-color:rgba(59,130,246,.1);color:var(--info);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.status-select.cancelled,.status-select.refunded{background-color:rgba(239,68,68,.1);color:var(--error);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.status-select:focus{outline:none}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(6,182,212,.1)}.btn-icon svg{width:16px;height:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow:auto;animation:modalSlideIn .2s ease-out}.modal-content.modal-lg{max-width:700px}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-surface);color:var(--text-primary)}.modal-body{padding:1.5rem}.order-detail-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin-bottom:1.5rem}@media(max-width: 768px){.order-detail-grid{grid-template-columns:1fr}}.detail-section h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .75rem}.detail-section p{font-size:.9rem;color:var(--text-secondary);margin:0 0 .5rem}.detail-section p:last-child{margin-bottom:0}.order-items-section h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 1rem}.items-table{width:100%;border-collapse:collapse;font-size:.9rem}.items-table th,.items-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.items-table th{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.items-table td{color:var(--text-secondary)}.items-table tfoot td{font-size:.85rem;color:var(--text-muted)}.items-table .total-row td{border-top:2px solid var(--border-color);color:var(--text-primary);font-size:1rem}.order-notes{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.order-notes h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 .75rem}.order-notes p{font-size:.9rem;color:var(--text-secondary);margin:0;white-space:pre-wrap}.empty-state{padding:3rem 1.5rem;text-align:center}.empty-state p{color:var(--text-muted);font-size:.95rem;margin:0}.action-buttons{display:flex;align-items:center;gap:.5rem}.btn-icon.danger:hover{border-color:var(--error);color:var(--error);background:rgba(239,68,68,.1)}.post-cell{display:flex;flex-direction:column;gap:.25rem}.post-title{font-weight:600;color:var(--text-primary)}.post-slug{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.category-badge{display:inline-block;padding:.25rem .625rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:rgba(139,92,246,.1);color:var(--accent-purple);border-radius:var(--radius-full)}.draft-date{color:var(--text-muted);font-style:italic}.code-input{font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.checkbox-group label{margin-bottom:0;cursor:pointer}.user-avatar-sm.admin{background:var(--gradient-warm)}.user-avatar-lg{width:64px;height:64px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:var(--bg-primary);flex-shrink:0}.user-avatar-lg.admin{background:var(--gradient-warm)}.user-name{font-weight:500;color:var(--text-primary)}.email-cell{display:flex;align-items:center;gap:.5rem}.verified-badge{display:inline-flex;align-items:center;justify-content:center;color:var(--success);flex-shrink:0}.role-badge{display:inline-block;padding:.25rem .625rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.role-badge.admin{background:rgba(245,158,11,.1);color:var(--warning)}.role-badge.customer{background:rgba(6,182,212,.1);color:var(--accent-primary)}.user-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.user-detail-header h4{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.user-detail-info{display:flex;flex-direction:column;gap:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}@media(max-width: 768px){.detail-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.detail-value{font-size:.95rem;color:var(--text-primary)}.user-orders-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.user-orders-section h5{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 1rem}.mini-orders-list{display:flex;flex-direction:column;gap:.75rem}.mini-order-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md)}.mini-order-number{font-weight:600;color:var(--accent-primary);flex:1}.mini-order-amount{font-family:var(--font-mono);font-weight:500;color:var(--text-primary)}.status-pill.sm{font-size:.6rem;padding:.2rem .5rem}.status-pill.active{background:rgba(16,185,129,.1);color:var(--success)}.status-pill.inactive{background:rgba(100,116,139,.1);color:var(--text-muted)}.status-pill.draft{background:rgba(100,116,139,.1);color:var(--text-muted)}.status-pill.published{background:rgba(16,185,129,.1);color:var(--success)}.status-pill.processing{background:rgba(59,130,246,.1);color:var(--info)}.product-cell{display:flex;align-items:center;gap:.75rem}.product-icon-sm{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted);flex-shrink:0}.product-info{display:flex;flex-direction:column;gap:.125rem}.product-name{font-weight:600;color:var(--text-primary)}.product-slug{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.price-cell{display:flex;flex-direction:column;gap:.125rem}.current-price{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.sale-price{font-family:var(--font-mono);font-weight:600;color:var(--success)}.original-price{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-decoration:line-through}.admin-user-profile{display:flex;flex-direction:column;gap:1.5rem}.breadcrumb-nav{margin-bottom:.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--accent-primary)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width: 1024px){.profile-grid{grid-template-columns:1fr}}.profile-card{padding:1.5rem}.profile-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.user-avatar-xl{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:var(--bg-primary);flex-shrink:0}.user-avatar-xl.admin{background:var(--gradient-warm)}.profile-info{display:flex;flex-direction:column;gap:.5rem}.profile-info h2{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary)}.user-email{font-size:.95rem;color:var(--text-muted)}.profile-badges{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.profile-badges .verified-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:var(--success)}.profile-stats{display:flex;gap:2rem;margin-bottom:1.5rem}@media(max-width: 768px){.profile-stats{gap:1rem}}.profile-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-stat .stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.profile-stat .stat-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.profile-actions{display:flex;gap:.75rem}.admin-card h3{font-size:1rem;font-weight:600;margin:0 0 1.25rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.details-list{padding:0 1.5rem 1.5rem}.detail-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-subtle)}.detail-row:last-child{border-bottom:none}.detail-row .detail-label{font-size:.875rem;color:var(--text-muted)}.detail-row .detail-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.card-header-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.card-header-row h3{margin:0;padding:0;border:none}.order-count{font-size:.85rem;color:var(--text-muted)}.admin-apikeys-page{display:flex;flex-direction:column;gap:1.5rem}.header-actions{display:flex;gap:.75rem}.new-key-alert{background:rgba(16,185,129,.05);border:1px solid var(--success);border-radius:var(--radius-lg);padding:1.5rem}.new-key-alert .alert-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;color:var(--success)}.new-key-alert .alert-header strong{color:var(--text-primary)}.new-key-alert .key-warning{font-size:.9rem;color:var(--warning);margin:.5rem 0 1rem}.new-key-alert .key-display{display:flex;align-items:center;gap:.75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1rem}.new-key-alert .key-display code{flex:1;font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);word-break:break-all}.new-key-alert .btn-copy{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.new-key-alert .btn-copy:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.key-name-cell{display:flex;flex-direction:column;gap:.25rem}.key-name-cell strong{color:var(--text-primary)}.key-name-cell .key-description{font-size:.8rem;color:var(--text-muted)}.key-prefix{font-family:var(--font-mono);font-size:.85rem;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm)}.scope-badges{display:flex;flex-wrap:wrap;gap:.375rem}.scope-badge{display:inline-block;padding:.2rem .5rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full)}.scope-badge.read{background:rgba(6,182,212,.1);color:var(--accent-primary)}.scope-badge.write{background:rgba(139,92,246,.1);color:var(--accent-purple)}.scope-badge.admin{background:rgba(245,158,11,.1);color:var(--warning)}.status-badge{display:inline-block;padding:.25rem .625rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.status-badge.active{background:rgba(16,185,129,.1);color:var(--success)}.status-badge.revoked{background:rgba(239,68,68,.1);color:var(--error)}.status-badge.expired{background:rgba(100,116,139,.1);color:var(--text-muted)}.last-used-cell{display:flex;flex-direction:column;gap:.125rem}.last-used-cell small{font-size:.75rem;color:var(--text-muted)}.admin-table tbody tr.revoked{opacity:.6}.admin-table tbody tr.revoked:hover{opacity:.8}.usage-section{padding:1.5rem}.usage-section p{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary)}.usage-section p code{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem}.usage-section pre{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin:0 0 1rem;overflow-x:auto}.usage-section pre code{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);background:none;padding:0}.empty-state svg{color:var(--text-muted);margin-bottom:1rem}.empty-state h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{font-size:.9rem;color:var(--text-muted);margin:0 0 1.5rem}.scope-checkboxes{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.checkbox-label:hover{background:var(--bg-tertiary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:.125rem;accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0}.checkbox-label .scope-badge{flex-shrink:0}.checkbox-label small{font-size:.8rem;color:var(--text-muted);margin-left:auto}.badge{display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-muted);border-radius:var(--radius-full)}.text-muted{color:var(--text-muted)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1.5rem;color:var(--text-muted);font-size:.9rem}.loading-overlay span{animation:fadeInOut 1.5s ease-in-out infinite}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInOut{0%,100%{opacity:.5}50%{opacity:1}}.blog-post-cell{display:flex;align-items:center;gap:.75rem}.blog-post-thumb{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted);flex-shrink:0;overflow:hidden}.blog-post-thumb img{width:100%;height:100%;object-fit:cover}.post-detail-image{border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem}.post-detail-image img{width:100%;height:200px;object-fit:cover}.post-detail-header{margin-bottom:1.5rem}.post-detail-header h2{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary)}.post-detail-meta{display:flex;align-items:center;gap:.5rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-badge{display:inline-block;padding:.25rem .625rem;font-size:.7rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full)}.admin-blog-edit-page{display:flex;flex-direction:column;gap:1.5rem}.blog-edit-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem}@media(max-width: 1024px){.blog-edit-layout{grid-template-columns:1fr}}.blog-edit-main{min-width:0}.blog-edit-sidebar{display:flex;flex-direction:column;gap:1.5rem}.form-input-lg{font-size:1.125rem;padding:.875rem 1rem}.slug-input-group{display:flex;align-items:stretch}.slug-prefix{display:flex;align-items:center;padding:0 .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-muted);font-size:.9rem;font-family:var(--font-mono)}.slug-input-group .form-input{border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-mono)}.form-hint{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.375rem}.post-meta-info{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:1rem}.meta-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.85rem}.meta-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.meta-label{color:var(--text-muted)}.meta-value{color:var(--text-primary);font-weight:500}.publish-actions{margin-top:.5rem}.btn-block{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.image-upload-zone{position:relative;border:2px dashed var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.image-upload-zone:hover{border-color:var(--accent-primary);background:rgba(6,182,212,.03)}.image-upload-zone.dragging{border-color:var(--accent-primary);background:rgba(6,182,212,.08);border-style:solid}.image-upload-zone.has-image{border-style:solid;border-color:var(--border-color)}.image-upload-zone.has-image:hover{border-color:var(--accent-primary)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--text-muted)}.upload-placeholder svg{margin-bottom:.75rem;opacity:.7}.upload-placeholder span{font-size:.9rem}.upload-hint{font-size:.75rem !important;margin-top:.25rem;opacity:.7}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.image-preview{position:relative}.image-preview img{display:block;width:100%;height:180px;object-fit:cover}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background var(--transition-fast)}.remove-image-btn:hover{background:var(--error)}.image-error{margin-top:.5rem;padding:.5rem .75rem;background:rgba(239,68,68,.1);border-radius:var(--radius-sm);color:var(--error);font-size:.85rem}.upload-progress{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;font-size:.85rem;color:var(--text-muted)}.progress-bar{flex:1;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--accent-primary);border-radius:var(--radius-full);transition:width var(--transition-fast)}.form-error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:rgba(239,68,68,.1);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:.9rem;margin-top:1.5rem}.page-actions{display:flex;gap:.75rem}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-inline:0}.my-0{margin-block:0}.m-1{margin:.25rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mx-1{margin-inline:.25rem}.my-1{margin-block:.25rem}.m-2{margin:.5rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mx-2{margin-inline:.5rem}.my-2{margin-block:.5rem}.m-3{margin:.75rem}.mt-3{margin-top:.75rem}.mr-3{margin-right:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mx-3{margin-inline:.75rem}.my-3{margin-block:.75rem}.m-4{margin:1rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mx-4{margin-inline:1rem}.my-4{margin-block:1rem}.m-5{margin:1.25rem}.mt-5{margin-top:1.25rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mx-5{margin-inline:1.25rem}.my-5{margin-block:1.25rem}.m-6{margin:1.5rem}.mt-6{margin-top:1.5rem}.mr-6{margin-right:1.5rem}.mb-6{margin-bottom:1.5rem}.ml-6{margin-left:1.5rem}.mx-6{margin-inline:1.5rem}.my-6{margin-block:1.5rem}.m-8{margin:2rem}.mt-8{margin-top:2rem}.mr-8{margin-right:2rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.mx-8{margin-inline:2rem}.my-8{margin-block:2rem}.m-10{margin:2.5rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.mx-10{margin-inline:2.5rem}.my-10{margin-block:2.5rem}.m-12{margin:3rem}.mt-12{margin-top:3rem}.mr-12{margin-right:3rem}.mb-12{margin-bottom:3rem}.ml-12{margin-left:3rem}.mx-12{margin-inline:3rem}.my-12{margin-block:3rem}.m-16{margin:4rem}.mt-16{margin-top:4rem}.mr-16{margin-right:4rem}.mb-16{margin-bottom:4rem}.ml-16{margin-left:4rem}.mx-16{margin-inline:4rem}.my-16{margin-block:4rem}.m-20{margin:5rem}.mt-20{margin-top:5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.ml-20{margin-left:5rem}.mx-20{margin-inline:5rem}.my-20{margin-block:5rem}.m-24{margin:6rem}.mt-24{margin-top:6rem}.mr-24{margin-right:6rem}.mb-24{margin-bottom:6rem}.ml-24{margin-left:6rem}.mx-24{margin-inline:6rem}.my-24{margin-block:6rem}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-inline:0}.py-0{padding-block:0}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.px-1{padding-inline:.25rem}.py-1{padding-block:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.px-2{padding-inline:.5rem}.py-2{padding-block:.5rem}.p-3{padding:.75rem}.pt-3{padding-top:.75rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.px-3{padding-inline:.75rem}.py-3{padding-block:.75rem}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.px-4{padding-inline:1rem}.py-4{padding-block:1rem}.p-5{padding:1.25rem}.pt-5{padding-top:1.25rem}.pr-5{padding-right:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.px-5{padding-inline:1.25rem}.py-5{padding-block:1.25rem}.p-6{padding:1.5rem}.pt-6{padding-top:1.5rem}.pr-6{padding-right:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.px-6{padding-inline:1.5rem}.py-6{padding-block:1.5rem}.p-8{padding:2rem}.pt-8{padding-top:2rem}.pr-8{padding-right:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.px-8{padding-inline:2rem}.py-8{padding-block:2rem}.p-10{padding:2.5rem}.pt-10{padding-top:2.5rem}.pr-10{padding-right:2.5rem}.pb-10{padding-bottom:2.5rem}.pl-10{padding-left:2.5rem}.px-10{padding-inline:2.5rem}.py-10{padding-block:2.5rem}.p-12{padding:3rem}.pt-12{padding-top:3rem}.pr-12{padding-right:3rem}.pb-12{padding-bottom:3rem}.pl-12{padding-left:3rem}.px-12{padding-inline:3rem}.py-12{padding-block:3rem}.p-16{padding:4rem}.pt-16{padding-top:4rem}.pr-16{padding-right:4rem}.pb-16{padding-bottom:4rem}.pl-16{padding-left:4rem}.px-16{padding-inline:4rem}.py-16{padding-block:4rem}.p-20{padding:5rem}.pt-20{padding-top:5rem}.pr-20{padding-right:5rem}.pb-20{padding-bottom:5rem}.pl-20{padding-left:5rem}.px-20{padding-inline:5rem}.py-20{padding-block:5rem}.p-24{padding:6rem}.pt-24{padding-top:6rem}.pr-24{padding-right:6rem}.pb-24{padding-bottom:6rem}.pl-24{padding-left:6rem}.px-24{padding-inline:6rem}.py-24{padding-block:6rem}.gap-0{gap:0}.gap-x-0{column-gap:0}.gap-y-0{row-gap:0}.gap-1{gap:.25rem}.gap-x-1{column-gap:.25rem}.gap-y-1{row-gap:.25rem}.gap-2{gap:.5rem}.gap-x-2{column-gap:.5rem}.gap-y-2{row-gap:.5rem}.gap-3{gap:.75rem}.gap-x-3{column-gap:.75rem}.gap-y-3{row-gap:.75rem}.gap-4{gap:1rem}.gap-x-4{column-gap:1rem}.gap-y-4{row-gap:1rem}.gap-5{gap:1.25rem}.gap-x-5{column-gap:1.25rem}.gap-y-5{row-gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-6{column-gap:1.5rem}.gap-y-6{row-gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{column-gap:2rem}.gap-y-8{row-gap:2rem}.gap-10{gap:2.5rem}.gap-x-10{column-gap:2.5rem}.gap-y-10{row-gap:2.5rem}.gap-12{gap:3rem}.gap-x-12{column-gap:3rem}.gap-y-12{row-gap:3rem}.gap-16{gap:4rem}.gap-x-16{column-gap:4rem}.gap-y-16{row-gap:4rem}.gap-20{gap:5rem}.gap-x-20{column-gap:5rem}.gap-y-20{row-gap:5rem}.gap-24{gap:6rem}.gap-x-24{column-gap:6rem}.gap-y-24{row-gap:6rem}.-mt-1{margin-top:-0.25rem}.-mr-1{margin-right:-0.25rem}.-mb-1{margin-bottom:-0.25rem}.-ml-1{margin-left:-0.25rem}.-mt-2{margin-top:-0.5rem}.-mr-2{margin-right:-0.5rem}.-mb-2{margin-bottom:-0.5rem}.-ml-2{margin-left:-0.5rem}.-mt-3{margin-top:-0.75rem}.-mr-3{margin-right:-0.75rem}.-mb-3{margin-bottom:-0.75rem}.-ml-3{margin-left:-0.75rem}.-mt-4{margin-top:-1rem}.-mr-4{margin-right:-1rem}.-mb-4{margin-bottom:-1rem}.-ml-4{margin-left:-1rem}.-mt-5{margin-top:-1.25rem}.-mr-5{margin-right:-1.25rem}.-mb-5{margin-bottom:-1.25rem}.-ml-5{margin-left:-1.25rem}.-mt-6{margin-top:-1.5rem}.-mr-6{margin-right:-1.5rem}.-mb-6{margin-bottom:-1.5rem}.-ml-6{margin-left:-1.5rem}.-mt-8{margin-top:-2rem}.-mr-8{margin-right:-2rem}.-mb-8{margin-bottom:-2rem}.-ml-8{margin-left:-2rem}.-mt-10{margin-top:-2.5rem}.-mr-10{margin-right:-2.5rem}.-mb-10{margin-bottom:-2.5rem}.-ml-10{margin-left:-2.5rem}.-mt-12{margin-top:-3rem}.-mr-12{margin-right:-3rem}.-mb-12{margin-bottom:-3rem}.-ml-12{margin-left:-3rem}.-mt-16{margin-top:-4rem}.-mr-16{margin-right:-4rem}.-mb-16{margin-bottom:-4rem}.-ml-16{margin-left:-4rem}.-mt-20{margin-top:-5rem}.-mr-20{margin-right:-5rem}.-mb-20{margin-bottom:-5rem}.-ml-20{margin-left:-5rem}.-mt-24{margin-top:-6rem}.-mr-24{margin-right:-6rem}.-mb-24{margin-bottom:-6rem}.-ml-24{margin-left:-6rem}.hidden{display:none !important}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:focus-within{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media(min-width: 640px){.hidden-sm-up{display:none !important}}@media(min-width: 768px){.hidden-md-up{display:none !important}}@media(min-width: 1024px){.hidden-lg-up{display:none !important}}@media(min-width: 1280px){.hidden-xl-up{display:none !important}}@media(min-width: 1536px){.hidden-2xl-up{display:none !important}}@media(max-width: 639px){.hidden-sm-down{display:none !important}}@media(max-width: 767px){.hidden-md-down{display:none !important}}@media(max-width: 1023px){.hidden-lg-down{display:none !important}}@media(max-width: 1279px){.hidden-xl-down{display:none !important}}@media(max-width: 1535px){.hidden-2xl-down{display:none !important}}@media(max-width: 768px){.hidden-mobile{display:none !important}}@media(min-width: 1024px){.hidden-desktop{display:none !important}}.visible-mobile{display:none !important}@media(max-width: 768px){.visible-mobile{display:block !important}}.visible-desktop{display:none !important}@media(min-width: 1024px){.visible-desktop{display:block !important}}@media print{.hidden-print{display:none !important}.visible-print{display:block !important}.visible-print-inline{display:inline !important}.visible-print-inline-block{display:inline-block !important}}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}@media(min-width: 640px){.text-sm-left{text-align:left}.text-sm-center{text-align:center}.text-sm-right{text-align:right}}@media(min-width: 768px){.text-md-left{text-align:left}.text-md-center{text-align:center}.text-md-right{text-align:right}}@media(min-width: 1024px){.text-lg-left{text-align:left}.text-lg-center{text-align:center}.text-lg-right{text-align:right}}@media(min-width: 1280px){.text-xl-left{text-align:left}.text-xl-center{text-align:center}.text-xl-right{text-align:right}}@media(min-width: 1536px){.text-2xl-left{text-align:left}.text-2xl-center{text-align:center}.text-2xl-right{text-align:right}}.d-block{display:block}@media(min-width: 640px){.d-sm-block{display:block}}@media(min-width: 768px){.d-md-block{display:block}}@media(min-width: 1024px){.d-lg-block{display:block}}@media(min-width: 1280px){.d-xl-block{display:block}}@media(min-width: 1536px){.d-2xl-block{display:block}}.d-inline-block{display:inline-block}@media(min-width: 640px){.d-sm-inline-block{display:inline-block}}@media(min-width: 768px){.d-md-inline-block{display:inline-block}}@media(min-width: 1024px){.d-lg-inline-block{display:inline-block}}@media(min-width: 1280px){.d-xl-inline-block{display:inline-block}}@media(min-width: 1536px){.d-2xl-inline-block{display:inline-block}}.d-inline{display:inline}@media(min-width: 640px){.d-sm-inline{display:inline}}@media(min-width: 768px){.d-md-inline{display:inline}}@media(min-width: 1024px){.d-lg-inline{display:inline}}@media(min-width: 1280px){.d-xl-inline{display:inline}}@media(min-width: 1536px){.d-2xl-inline{display:inline}}.d-flex{display:flex}@media(min-width: 640px){.d-sm-flex{display:flex}}@media(min-width: 768px){.d-md-flex{display:flex}}@media(min-width: 1024px){.d-lg-flex{display:flex}}@media(min-width: 1280px){.d-xl-flex{display:flex}}@media(min-width: 1536px){.d-2xl-flex{display:flex}}.d-inline-flex{display:inline-flex}@media(min-width: 640px){.d-sm-inline-flex{display:inline-flex}}@media(min-width: 768px){.d-md-inline-flex{display:inline-flex}}@media(min-width: 1024px){.d-lg-inline-flex{display:inline-flex}}@media(min-width: 1280px){.d-xl-inline-flex{display:inline-flex}}@media(min-width: 1536px){.d-2xl-inline-flex{display:inline-flex}}.d-grid{display:grid}@media(min-width: 640px){.d-sm-grid{display:grid}}@media(min-width: 768px){.d-md-grid{display:grid}}@media(min-width: 1024px){.d-lg-grid{display:grid}}@media(min-width: 1280px){.d-xl-grid{display:grid}}@media(min-width: 1536px){.d-2xl-grid{display:grid}}.d-none{display:none}@media(min-width: 640px){.d-sm-none{display:none}}@media(min-width: 768px){.d-md-none{display:none}}@media(min-width: 1024px){.d-lg-none{display:none}}@media(min-width: 1280px){.d-xl-none{display:none}}@media(min-width: 1536px){.d-2xl-none{display:none}}.d-contents{display:contents}@media(min-width: 640px){.d-sm-contents{display:contents}}@media(min-width: 768px){.d-md-contents{display:contents}}@media(min-width: 1024px){.d-lg-contents{display:contents}}@media(min-width: 1280px){.d-xl-contents{display:contents}}@media(min-width: 1536px){.d-2xl-contents{display:contents}}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}@media(min-width: 640px){.flex-sm-row{flex-direction:row}.flex-sm-row-reverse{flex-direction:row-reverse}.flex-sm-column{flex-direction:column}.flex-sm-column-reverse{flex-direction:column-reverse}}@media(min-width: 768px){.flex-md-row{flex-direction:row}.flex-md-row-reverse{flex-direction:row-reverse}.flex-md-column{flex-direction:column}.flex-md-column-reverse{flex-direction:column-reverse}}@media(min-width: 1024px){.flex-lg-row{flex-direction:row}.flex-lg-row-reverse{flex-direction:row-reverse}.flex-lg-column{flex-direction:column}.flex-lg-column-reverse{flex-direction:column-reverse}}@media(min-width: 1280px){.flex-xl-row{flex-direction:row}.flex-xl-row-reverse{flex-direction:row-reverse}.flex-xl-column{flex-direction:column}.flex-xl-column-reverse{flex-direction:column-reverse}}@media(min-width: 1536px){.flex-2xl-row{flex-direction:row}.flex-2xl-row-reverse{flex-direction:row-reverse}.flex-2xl-column{flex-direction:column}.flex-2xl-column-reverse{flex-direction:column-reverse}}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.align-baseline{align-items:baseline}.align-self-auto{align-self:auto}.align-self-start{align-self:flex-start}.align-self-center{align-self:center}.align-self-end{align-self:flex-end}.align-self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-25{width:25%}.w-33{width:33.333333%}.w-50{width:50%}.w-66{width:66.666667%}.w-75{width:75%}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.max-w-none{max-width:none}.min-w-0{min-width:0}.min-w-full{min-width:100%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.order-first{order:-9999}.order-last{order:9999}.order-none{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}/*# sourceMappingURL=app.css.map */