/* === abstracts/fonts.css === */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko40yyygA.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/LDIoaomQNQcsA88c7O9yZ4KMCoOg4Ko20yw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* === abstracts/variables.css === */
:root{--color-primary:#4F46E5;--color-primary-light:#6366F1;--color-primary-dark:#4338CA;--color-brand-red:#E41515;--color-brand-red-light:#f04848;--color-brand-red-dark:#c10d0d;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-black:#000;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#b45309;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-danger-dark:#b91c1c;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#1d4ed8;--color-credit-positive:var(--color-success-dark);--color-credit-negative:var(--color-danger-dark);--color-status-open:#10b981;--color-status-assigned:#3b82f6;--color-status-completed:#8b5cf6;--color-status-cancelled:#ef4444;--color-status-expired:#64748b;--font-family-base:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;--font-display:'Plus Jakarta Sans',var(--font-family-base);--font-body:'Inter',var(--font-family-base);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.25;--line-height-base:1.5;--line-height-loose:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.625rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(15,23,42,0.05);--shadow-base:0 1px 3px 0 rgba(15,23,42,0.08),0 1px 2px 0 rgba(15,23,42,0.04);--shadow-md:0 4px 6px -1px rgba(15,23,42,0.08),0 2px 4px -1px rgba(15,23,42,0.04);--shadow-lg:0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -2px rgba(15,23,42,0.04);--shadow-xl:0 20px 25px -5px rgba(15,23,42,0.08),0 10px 10px -5px rgba(15,23,42,0.03);--shadow-inner:inset 0 2px 4px 0 rgba(15,23,42,0.05);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:12050;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--color-primary-rgb:79,70,229;--color-primary-dark-rgb:67,56,202;--color-brand-red-rgb:228,21,21;--color-success-rgb:16,185,129;--color-warning-rgb:245,158,11;--color-danger-rgb:239,68,68;--color-info-rgb:59,130,246;--color-gray-900-rgb:15,23,42;--container-max:1200px}:root{--color-primary-rgb-v2:79,70,229;--color-blue-rgb-v2:59,130,246;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-brand-blue:#2563eb;--color-brand-blue-light:#dbeafe;--color-brand-green:#059669;--color-brand-green-light:#d1fae5;--color-brand-purple:#7c3aed;--color-brand-purple-light:#ede9fe}:root{--surface-indigo-subtle:#f5f3ff;--surface-indigo-light:#ede9fe;--surface-indigo-medium:#ddd6fe;--surface-indigo-dark:#1e1b4b;--surface-indigo-deep:#0f0d2e;--surface-primary:#ffffff;--surface-secondary:#f8f9fb;--surface-tertiary:#f1f3f6;--surface-elevated:#ffffff}:root{--border-default:#e2e5ea;--border-subtle:#eceef2;--border-strong:#d0d4db;--border-active:var(--color-primary)}:root{--page-width-default:1200px;--page-width-narrow:800px;--page-gutter:var(--space-6);--page-gutter-mobile:var(--space-4);--section-gap:var(--space-6);--section-gap-mobile:var(--space-5)}:root{--header-height:60px;--header-height-mobile:60px;--sidebar-width:256px;--sidebar-width-collapsed:56px;--sidebar-width-mobile:280px;--sidebar-transition:200ms ease;--sidebar-bg:#ffffff;--sidebar-bg-hover:rgba(79,70,229,0.06);--sidebar-bg-active:rgba(79,70,229,0.1);--sidebar-text:#6b7280;--sidebar-text-active:#111827;--sidebar-text-heading:#9ca3af;--sidebar-accent:#6366f1;--sidebar-border:#e5e7eb}:root{--font-size-2xs:0.6875rem;--letter-spacing-tight:-0.025em;--letter-spacing-label:0.04em}:root{--glow-primary:0 0 40px rgba(79,70,229,0.3);--glow-success:0 0 40px rgba(16,185,129,0.3);--glow-gold:0 0 40px rgba(245,158,11,0.3);--spring-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--smooth-snap:cubic-bezier(0.4,0,0.2,1);--shadow-premium:0 20px 40px rgba(15,23,42,0.1),0 0 0 1px rgba(15,23,42,0.02);--shadow-hover:0 30px 60px rgba(15,23,42,0.15),0 0 0 1px rgba(15,23,42,0.03);--shadow-glow:0 0 100px rgba(79,70,229,0.1);--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(255,255,255,0.18);--glass-shadow:0 8px 32px 0 rgba(15,23,42,0.15);--backdrop-blur:20px}
/* === abstracts/animations.css === */
:root{--ease-elastic-out:cubic-bezier(0.5,1.25,0.75,1);--ease-squish:cubic-bezier(0.86,0,0.07,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-snap:cubic-bezier(0,0.7,0.3,1);--duration-quick:200ms;--duration-normal:350ms;--duration-slow:500ms;--duration-deliberate:700ms}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-in-right{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-up{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-down{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(0.9);opacity:0}70%{transform:scale(1.03)}100%{transform:scale(1);opacity:1}}@keyframes slide-in-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-down{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-in-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-in-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes pulse-soft{0%,100%{opacity:1}50%{opacity:0.7}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fade-in-up var(--duration-normal) var(--ease-out) both}.animate-stagger-1{animation-delay:0ms}.animate-stagger-2{animation-delay:80ms}.animate-stagger-3{animation-delay:160ms}.animate-stagger-4{animation-delay:240ms}.animate-stagger-5{animation-delay:320ms}.animate-stagger-6{animation-delay:400ms}.animate-stagger-7{animation-delay:480ms}.animate-stagger-8{animation-delay:560ms}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.hover-lift{transition:transform var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
/* === base/reset.css === */
*,*::before,*::after{box-sizing:border-box}html{overflow-y:scroll}html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}html{overflow-x:hidden}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:var(--line-height-base);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-gray-800);background-color:var(--color-gray-50)}ul,ol{list-style:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}button{border:none;background:none;cursor:pointer;padding:0}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.15)}a:focus,button:focus{outline:none;box-shadow:none}a:focus-visible,button:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.25)}a{text-decoration:none;color:var(--color-primary)}
/* === base/typography.css === */
body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-4);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6);padding-bottom:var(--space-1)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}h4{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}h5{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}h6{font-size:var(--font-size-base);margin-bottom:var(--space-2)}@media (max-width:767px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}p,ul,ol{margin-bottom:var(--space-4)}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}.rich-text ul{list-style-type:disc;margin-left:var(--space-5)}.rich-text ol{list-style-type:decimal;margin-left:var(--space-5)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--ease-in-out)}a:hover{color:var(--color-primary-dark)}strong,b{font-weight:var(--font-weight-bold)}em,i{font-style:italic}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-gray{color:var(--color-gray-500)}.text-muted{color:var(--color-gray-500)}
/* === base/utilities.css === */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.d-block{display:block}.d-flex{display:flex}.d-none{display:none}
/* === layout/container.css === */
.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding:var(--space-8) var(--space-6)}@media (max-width:767px){.container{padding:var(--space-6) var(--space-4)}}.section-header{text-align:center;max-width:750px;margin:0 auto var(--space-12)}.section-header__title{font-size:clamp(1.875rem,5vw,2.5rem);font-weight:700;color:var(--color-slate-900);line-height:1.2;margin:0 0 var(--space-4) 0}.section-header__subtitle{font-size:var(--font-size-lg);color:var(--color-slate-600);line-height:var(--line-height-loose);margin:0;max-width:65ch;margin-left:auto;margin-right:auto}@media (max-width:767px){.section-header{margin-bottom:var(--space-8)}.section-header__title{font-size:1.75rem}.section-header__subtitle{font-size:var(--font-size-base)}}
/* === layout/header.css === */
.minimal-header{background-color:var(--color-white);height:72px;border-bottom:1px solid var(--color-gray-200);width:100%;box-shadow:var(--shadow-sm)}.minimal-header__container{height:100%;display:flex;align-items:center;justify-content:center;padding:0 var(--space-6);max-width:1400px;margin:0 auto}.minimal-header__container a{display:flex;align-items:center;transition:opacity var(--transition-fast)}.minimal-header__container a:hover{opacity:0.8}.minimal-header img{height:36px;width:auto}@media (max-width:767px){.minimal-header{height:64px}.minimal-header img{height:28px}.minimal-header__container{padding:0 var(--space-4)}}.header,.member-header{background-color:var(--color-white);height:var(--header-height,56px);border-bottom:1px solid var(--border-default,#e2e5ea);position:sticky;top:var(--header-offset,0px);z-index:1000;width:100%;transition:top 0.2s ease-out}.header-container{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);max-width:1400px;margin:0 auto;position:relative}.member-header .header-container{max-width:100%;padding:0 16px}.header-logo{display:flex;align-items:center;flex-shrink:0}.header-logo img{height:24px;width:auto;transition:opacity 0.2s ease}.header-logo a:hover img{opacity:0.8}.main-nav{display:flex;height:100%;align-items:center}.main-nav ul{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.main-nav li{position:relative;display:flex;align-items:center}.main-nav a:not(.btn):not(.btn-youtube):not(.button){color:var(--color-gray-600);text-decoration:none;transition:color 0.2s ease;font-weight:500;font-size:0.95rem;padding:10px 0;display:inline-block}.main-nav a:not(.btn):not(.btn-youtube):not(.button):hover{color:var(--color-primary)}.main-nav a.nav-brands-link:not(.btn){color:var(--color-gray-500);font-size:0.95rem}.main-nav a.nav-brands-link:not(.btn):hover{color:var(--color-primary)}.nav-avatar-item{display:flex;align-items:center}.nav-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gray-100);transition:border-color 0.2s ease;background-color:var(--color-gray-50)}.nav-avatar--fallback{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-gray-600);font-size:0.85rem}.avatar-btn:hover .nav-avatar{border-color:var(--color-primary)}.header-left{display:flex;align-items:center;gap:16px;min-width:0}.header-breadcrumb{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:var(--color-gray-400);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-breadcrumb a{color:var(--color-gray-400);text-decoration:none;transition:color 0.15s ease}.header-breadcrumb a:hover{color:var(--color-gray-600)}.header-breadcrumb .breadcrumb-sep{color:var(--color-gray-300);font-size:0.7rem}.header-breadcrumb .breadcrumb-current{color:var(--color-gray-700);font-weight:600}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0;position:relative}.header-credits{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:34px;background-color:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2);border-radius:17px;color:#f59e0b;font-size:0.75rem;font-weight:600;text-decoration:none;transition:all 0.15s ease;white-space:nowrap}.header-credits:hover{background-color:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.3);text-decoration:none;color:#d97706}.header-credits i{color:#f59e0b;font-size:0.85rem}.header-upgrade-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background-color:#4338ca;border:1px solid transparent;color:#ffffff;border-radius:8px;font-weight:600;font-size:var(--font-size-sm);text-decoration:none;transition:background-color 0.15s ease;white-space:nowrap}.header-upgrade-btn:hover{background-color:#3730a3;border-color:transparent;color:#ffffff;text-decoration:none}.header-upgrade-btn i{font-size:0.9em;color:#ffffff}@media (max-width:767px){.header-upgrade-btn{display:none}}.user-menu{position:relative;z-index:1001}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:4px;border-radius:99px;cursor:pointer;transition:background-color 0.15s ease-out;border:1px solid transparent}.user-menu-trigger:hover{background-color:#f1f5f9}.user-menu-arrow{display:none;font-size:0.8rem;color:var(--color-gray-500)}@media (min-width:992px){.user-menu-arrow{display:block}}.user-avatar{width:34px;height:34px;border-radius:50%;background-color:#6366f1;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.75rem;color:#ffffff;overflow:hidden;border:none}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 14px);right:0;width:260px;background-color:#ffffff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);border:1px solid #e2e8f0;overflow:hidden;z-index:10000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.15s cubic-bezier(0.4,0,0.2,1)}.user-menu:hover .user-dropdown,.user-dropdown:hover{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-user-info{padding:16px;display:flex;flex-direction:column;gap:4px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.dropdown-user-info strong{color:#0f172a;font-size:0.95rem;font-weight:700}.dropdown-user-info span{font-size:0.8rem;color:#64748b;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background-color:#f1f5f9;margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#475569;text-decoration:none;font-size:0.9rem;font-weight:500;transition:all 0.15s ease-out}.dropdown-item:hover{background-color:#f8fafc;color:#2563eb;text-decoration:none}.dropdown-item i{width:18px;text-align:center;color:#94a3b8;font-size:0.9rem}.dropdown-item:hover i{color:#2563eb}.header-notification-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--color-gray-400);background:transparent;border:none;text-decoration:none;transition:background-color 0.15s ease,color 0.15s ease;flex-shrink:0;cursor:pointer;position:relative}.header-notification-badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-danger,#ef4444);color:#fff;font-size:0.625rem;font-weight:700;font-family:var(--font-body,'Inter',sans-serif);line-height:16px;text-align:center;pointer-events:none;box-shadow:0 0 0 2px #fff}.header-bell-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--color-danger,#ef4444);pointer-events:none;box-shadow:0 0 0 2px #fff}.header-notification-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-600);text-decoration:none}.header-notification-btn i{font-size:0.95rem}@media (max-width:480px){.header-notification-btn{display:none}}.mobile-nav-account-section{padding:4px 0 8px}.mobile-nav-account-section .mobile-nav-link i{color:var(--color-gray-400)}.user-avatar-wrap{position:relative;display:flex;flex-shrink:0}.user-status-dot{position:absolute;bottom:1px;right:0;width:9px;height:9px;border-radius:50%;background-color:#22c55e;border:2px solid #ffffff;pointer-events:none;flex-shrink:0}@media (max-width:991px){.user-status-dot{width:8px;height:8px;bottom:0;right:0}}.dashboard-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;cursor:pointer;background:none;border:none;padding:0;align-items:flex-end;z-index:1100;margin-left:8px}.dashboard-toggle span{display:block;height:2px;background-color:#1e293b;border-radius:99px;transition:all 0.2s ease-in-out}.dashboard-toggle span:nth-child(1){width:22px}.dashboard-toggle span:nth-child(2){width:22px}.dashboard-toggle span:nth-child(3){width:22px}.dashboard-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.dashboard-toggle.active span:nth-child(2){opacity:0}.dashboard-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-overlay{position:fixed;inset:0;background-color:rgba(15,23,42,0.5);z-index:10000;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-panel{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100%;background-color:#ffffff;z-index:10001;transform:translateX(100%);transition:transform 0.28s cubic-bezier(0.32,0.72,0,1);display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(15,23,42,0.12),-2px 0 8px rgba(15,23,42,0.06);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-panel.active{transform:translateX(0)}body.mobile-nav-open{overflow:hidden;position:fixed;width:100%;top:calc(-1 * var(--scroll-y,0px))}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-gray-100);flex-shrink:0;background-color:var(--color-gray-50)}.mobile-nav-profile{display:flex;align-items:center;gap:12px;min-width:0}.mobile-nav-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--color-gray-200);background-color:var(--color-gray-100)}.mobile-nav-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.mobile-nav-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:700;font-size:1.1rem;color:var(--color-gray-600);background-color:var(--color-gray-100)}.mobile-nav-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-nav-user-name{font-size:0.9rem;font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.mobile-nav-plan-badge{display:inline-flex;align-items:center;gap:4px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;line-height:1}.mobile-nav-plan-badge--free{color:var(--color-gray-500)}.mobile-nav-plan-badge--starter,.mobile-nav-plan-badge--growth,.mobile-nav-plan-badge--pro{color:var(--color-primary)}.mobile-nav-plan-badge i{color:var(--color-success);font-size:0.65rem}.mobile-nav-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:var(--color-gray-400);font-size:1.15rem;cursor:pointer;border-radius:8px;transition:background-color 0.15s ease,color 0.15s ease;flex-shrink:0}.mobile-nav-close-btn:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.mobile-nav-close-btn:active{background-color:var(--color-gray-200)}.mobile-nav-body{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;display:flex;flex-direction:column;padding-bottom:30px}.mobile-nav-link{display:flex;align-items:center;gap:14px;padding:14px 24px;min-height:48px;color:var(--color-gray-700);text-decoration:none;font-weight:600;font-size:0.95rem;transition:background-color 0.15s ease,color 0.15s ease,border-color 0.15s ease;border-left:3px solid transparent}.mobile-nav-link i{width:20px;text-align:center;color:var(--color-gray-400);font-size:1.1rem;transition:color 0.15s ease}.mobile-nav-link.is-active{background-color:#eef2ff;color:var(--color-primary);border-left-color:var(--color-primary)}.mobile-nav-link.is-active i{color:var(--color-primary)}.mobile-nav-link:active{background-color:var(--color-gray-100)}.mobile-nav-link.is-disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.mobile-nav-divider{height:1px;background-color:var(--color-gray-100);margin:4px 24px}.mobile-nav-link.text-danger{color:var(--color-danger)}.mobile-nav-link.text-danger i{color:var(--color-danger)}.mobile-nav-link.text-danger:active{background-color:#fef2f2;border-left-color:#fecaca}.mobile-flat-group{padding:8px 0}.mobile-flat-group .mobile-nav-link{padding-left:20px;font-weight:700;font-size:1rem;color:var(--color-gray-800);min-height:48px}.mobile-flat-group .mobile-nav-link i{color:var(--color-gray-500)}.mobile-badge{margin-left:auto;width:8px;height:8px;border-radius:50%;font-size:0;color:transparent;line-height:0;padding:0;flex-shrink:0;align-self:center;box-shadow:0 0 0 2px rgba(255,255,255,0.9)}.mobile-badge--hot{background:#dc2626}.mobile-badge--soon{background:var(--color-gray-400)}.mobile-badge--new{width:auto;height:auto;border-radius:10px;font-size:9px;font-weight:700;line-height:1;letter-spacing:0.5px;color:#4f46e5;padding:3px 7px;background:#eef2ff;box-shadow:inset 0 0 0 1px #c7d2fe;text-transform:uppercase}.mobile-badge--expert{width:auto;height:auto;border-radius:10px;font-size:9px;font-weight:700;line-height:1;letter-spacing:0.5px;color:#ffffff;padding:3px 7px;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);box-shadow:0 1px 2px rgba(124,58,237,0.35);text-transform:uppercase}.mobile-badge--hot{width:auto;height:auto;border-radius:10px;font-size:9px;font-weight:700;line-height:1;letter-spacing:0.5px;color:#ffffff;padding:3px 7px;background:linear-gradient(135deg,#f97316 0%,#dc2626 100%);box-shadow:0 1px 2px rgba(220,38,38,0.35);text-transform:uppercase}.mobile-nav-footer{padding:16px 20px;margin-top:auto;border-top:1px solid var(--color-gray-200);background-color:#ffffff;flex-shrink:0;box-shadow:0 -4px 12px rgba(0,0,0,0.03);position:sticky;bottom:0;z-index:50}.mobile-nav-footer .sidebar-plan-card{width:100%;margin-bottom:0;border:1px solid var(--color-gray-200);box-shadow:none}@media (max-width:360px){.mobile-nav-footer{padding:12px}}.public-mobile-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background-color:#dc2626;color:#ffffff;border-radius:8px;text-decoration:none;font-weight:700;font-size:0.95rem;transition:background-color 0.2s ease;box-sizing:border-box}.public-mobile-cta:hover{background-color:#b91c1c;color:#ffffff;text-decoration:none}.public-mobile-cta--dashboard{background-color:var(--color-primary,#4F46E5)}.public-mobile-cta--dashboard:hover{background-color:var(--color-primary-dark,#4338CA);color:#ffffff}.public-mobile-cta .btn-youtube__icon{flex-shrink:0}.mobile-fab{display:none}@media (max-width:991px){.mobile-fab{display:flex;position:fixed;bottom:24px;right:24px;width:56px;height:56px;background-color:var(--color-primary);border-radius:50%;color:white;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(79,70,229,0.4);z-index:2000;text-decoration:none;transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1)}.mobile-fab:hover{transform:scale(1.1);text-decoration:none;color:white}.mobile-fab i{font-size:24px}}@media (max-width:767px){.mobile-fab{bottom:76px}}@media (max-width:991px){.header,.member-header{position:fixed}.header-container,.member-header .header-container{gap:12px}.header-right{flex-shrink:1;min-width:0;gap:8px}.header-breadcrumb{display:none}.dashboard-toggle{display:flex}.member-header .header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.member-header .dashboard-toggle{display:flex;margin-left:0;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px;transition:background-color 0.15s ease}.member-header .dashboard-toggle:hover,.member-header .dashboard-toggle:active{background-color:#f1f5f9}.member-header .dashboard-toggle span{margin-left:0}.member-header .header-notification-btn{display:inline-flex;width:38px;height:38px}.member-header .header-upgrade-btn{display:none}.member-header .unified-wallet-pill .wallet-divider,.member-header .unified-wallet-pill .wallet-section.cash{display:none}.member-header .unified-wallet-pill .wallet-section.credits{border-radius:99px}.member-header .user-avatar{width:32px;height:32px;border:1.5px solid #e2e8f0}.user-dropdown{display:none}.header-logo img{height:24px}.unified-wallet-pill{flex-shrink:1;min-width:0}.wallet-section span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-nav{display:none;position:absolute;top:var(--header-height,56px);left:0;width:100%;background-color:#ffffff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 10px -5px rgba(0,0,0,0.1);flex-direction:column;padding:1.5rem;align-items:stretch}.main-nav.active{display:flex}.main-nav ul{flex-direction:column;align-items:stretch;gap:0}.main-nav a:not(.button){display:block;padding:12px 0;font-size:1rem;min-height:44px}}@media (max-width:480px){.header-container,.member-header .header-container{padding:0 12px}.header-right{gap:6px}.header-credits{padding:0 10px;height:32px;font-size:0.7rem}}.mobile-nav-footer{padding:16px 20px;margin-top:auto;border-top:1px solid var(--color-gray-100);background-color:#ffffff;flex-shrink:0}.mobile-nav-footer .sidebar-plan-card{width:100%;margin-bottom:0}.unified-wallet-pill.header-wallet-pill--locked{background-color:#f1f5f9;border:1px dashed #cbd5e1;color:#64748b;cursor:pointer}.unified-wallet-pill.header-wallet-pill--locked:hover{background-color:#e2e8f0;border-color:#94a3b8;color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.unified-wallet-pill.header-wallet-pill--locked .wallet-icon{color:#94a3b8;font-size:0.9rem}.unified-wallet-pill{display:inline-flex;align-items:center;background-color:var(--surface-tertiary,#f1f3f6);border:1px solid var(--border-subtle,#eceef2);border-radius:99px;height:34px;padding:0 3px;text-decoration:none;transition:all 0.15s ease;box-shadow:none;overflow:hidden}.unified-wallet-pill:hover{border-color:var(--border-default,#e2e5ea)}.wallet-section{display:flex;align-items:center;gap:5px;padding:0 10px;font-size:0.8rem;font-weight:600;height:100%;text-decoration:none;transition:background-color 0.15s ease}.wallet-section.credits{color:#0f172a;border-radius:99px 0 0 99px}.wallet-section.credits:hover{background-color:rgba(251,191,36,0.12);color:#0f172a}.wallet-section.credits i{color:#fbbf24}.wallet-divider{width:1px;height:20px;background-color:#e2e8f0;display:block}.wallet-section.cash{color:#065f46;background-color:#f0fdf4;border-radius:0 99px 99px 0;margin-right:-4px;padding-right:16px}.wallet-section.cash:hover{background-color:#dcfce7;color:#065f46}.wallet-section.cash i{color:#059669}.wallet-section.cash.locked{background-color:#f8fafc;color:#94a3b8}.wallet-section.cash.locked i{color:#cbd5e1}@media (max-width:480px){.unified-wallet-pill{height:34px;padding:0 3px}.wallet-section{padding:0 6px;font-size:0.8rem;gap:4px}.wallet-section.cash{padding-right:10px}.wallet-divider{height:16px}}@media (max-width:360px){.unified-wallet-pill{height:32px;padding:0 2px}.wallet-section{padding:0 5px;font-size:0.75rem;gap:3px}.wallet-section.cash{padding-right:8px}.wallet-section i{font-size:0.7rem}}
/* === layout/footer.css === */
.footer{background-color:var(--color-gray-50);padding:var(--space-12) 0 var(--space-6);border-top:1px solid var(--color-gray-200)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-brand{max-width:300px}.footer-logo{margin-bottom:var(--space-4)}.footer-logo img{transition:opacity var(--transition-fast) var(--ease-in-out)}.footer-logo:hover img{opacity:0.9}.footer-tagline{color:var(--color-gray-600);line-height:var(--line-height-loose)}.footer-links-column h4,.footer-links-column .footer-links-heading{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-gray-900);position:relative;display:inline-block}.footer-links-column h4::after,.footer-links-column .footer-links-heading::after{content:'';position:absolute;bottom:-8px;left:0;width:24px;height:2px;background-color:var(--color-primary);border-radius:var(--radius-full)}.footer-links-column ul{display:flex;flex-direction:column;gap:var(--space-2)}.footer-links-column a{color:var(--color-gray-600);transition:all var(--transition-fast) var(--ease-in-out);text-decoration:none;display:inline-block;padding:var(--space-1) 0;position:relative}.footer-links-column a::after{content:'';position:absolute;width:0;height:1px;bottom:0;left:0;background-color:var(--color-primary);transition:width var(--transition-fast) var(--ease-in-out)}.footer-links-column a:hover{color:var(--color-primary);text-decoration:none;transform:translateX(3px)}.footer-links-column a:hover::after{width:100%}.footer-links-column a.footer-brands-link{color:var(--color-primary);font-weight:600}.footer-links-column a.footer-brands-link:hover{color:var(--color-primary-dark)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-gray-200);text-align:center}.copyright{color:var(--color-gray-500);font-size:var(--font-size-sm)}.footer-bottom__separator{margin:0 var(--space-2);color:var(--color-gray-400)}.footer-bottom__link{color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast) var(--ease-in-out)}.footer-bottom__link:hover{color:var(--color-primary)}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-gray-200);color:var(--color-gray-700);transition:all var(--transition-fast) var(--ease-in-out)}.footer-social a:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-3px)}.footer-newsletter{margin-top:var(--space-6)}.footer-newsletter h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--color-gray-900)}.footer-newsletter p{color:var(--color-gray-600);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.newsletter-form{display:flex;gap:var(--space-2)}.newsletter-form input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.newsletter-form button{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast) var(--ease-in-out)}.newsletter-form button:hover{background-color:var(--color-primary-dark)}@media (max-width:991px){.footer-top{grid-template-columns:1fr 1fr 1fr;gap:var(--space-6)}.footer-brand{grid-column:span 3;max-width:100%;text-align:center;margin:0 auto}.footer-logo{display:flex;justify-content:center}}@media (max-width:767px){.footer{padding:var(--space-8) 0 var(--space-4)}.footer-top{grid-template-columns:1fr;gap:var(--space-6)}.footer-brand{grid-column:span 1}.footer-links-column{text-align:center}.footer-links-column h4::after,.footer-links-column .footer-links-heading::after{left:50%;transform:translateX(-50%)}.footer-links-column ul{align-items:center}.footer-links-column a:hover{transform:translateY(-2px)}.footer-social{justify-content:center}.newsletter-form{flex-direction:column}}
/* === layout/sidebar-core.css === */
.dashboard-sidebar{width:var(--sidebar-width,240px);background-color:var(--sidebar-bg,#ffffff);border-right:1px solid var(--sidebar-border,#e5e7eb);display:flex;flex-direction:column;flex-shrink:0;z-index:1040;position:sticky;top:var(--header-offset,0px);height:calc(100vh - var(--header-offset,0px));transition:width var(--sidebar-transition,200ms ease);overflow:hidden}.dashboard-sidebar.is-collapsed,body.sidebar-is-collapsed .dashboard-sidebar{width:var(--sidebar-width-collapsed,56px)}.sidebar-scroll-area{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:8px 12px 16px;display:flex;flex-direction:column;gap:3px}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-track{background:transparent}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.12);border-radius:4px}.sidebar-scroll-area::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.2)}.sidebar-group{position:relative;margin-bottom:0}.sidebar-group + .sidebar-group{margin-top:0;padding-top:0;border-top:none}.sidebar-group-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 10px 10px 11px;margin-top:6px;border:0;border-radius:8px;cursor:pointer;transition:background-color 150ms cubic-bezier(0.22,1,0.36,1),color 150ms cubic-bezier(0.22,1,0.36,1);color:#111827;font-family:inherit;font-weight:700;font-size:0.72rem;text-align:left;text-transform:uppercase;letter-spacing:0.08em;user-select:none;background-color:rgba(17,24,39,0.035)}.sidebar-group-trigger:focus{outline:none}.sidebar-group-trigger:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.sidebar-group:first-child .sidebar-group-trigger,.sidebar-standalone-link + .sidebar-group .sidebar-group-trigger{margin-top:0}.sidebar-group-trigger:hover{background-color:rgba(79,70,229,0.09);color:#4338ca}.sidebar-group-trigger.is-expanded{color:#4338ca;background-color:rgba(79,70,229,0.08)}.sidebar-group-trigger .sidebar-group-icon{font-size:0.85rem;width:18px;text-align:center;color:#6366f1;flex-shrink:0;transition:color 150ms cubic-bezier(0.22,1,0.36,1)}.sidebar-group-trigger:hover .sidebar-group-icon{color:#4f46e5}.sidebar-group-trigger.is-expanded .sidebar-group-icon{color:#4f46e5}.sidebar-group-trigger span{flex:1;min-width:0}.sidebar-group-trigger .sidebar-group-chevron{font-size:0.65rem;color:rgba(55,65,81,0.55);transition:transform 250ms cubic-bezier(0.22,1,0.36,1),color 150ms ease;flex-shrink:0}.sidebar-group-trigger:hover .sidebar-group-chevron{color:#4f46e5}.sidebar-group-trigger.is-expanded .sidebar-group-chevron{transform:rotate(90deg);color:#4f46e5}.sidebar-group-flyout{max-height:0;padding:0 0 0 8px;overflow:hidden}@media (prefers-reduced-motion:no-preference){.sidebar-group-flyout{transition:max-height 220ms cubic-bezier(0.22,1,0.36,1),padding 220ms cubic-bezier(0.22,1,0.36,1)}}.sidebar-group-trigger.is-expanded ~ .sidebar-group-flyout{max-height:320px;padding:4px 0 6px 8px}.sidebar-group-flyout .sidebar-link{padding-left:14px}.sidebar-group-flyout-label{display:none}.sidebar-standalone-link{display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;border-radius:8px;color:#4338ca;text-decoration:none;transition:background-color 0.15s ease,color 0.15s ease;white-space:nowrap;overflow:hidden;margin-bottom:2px}.sidebar-standalone-link i{width:18px;text-align:center;font-size:0.95rem;color:#6366f1;flex-shrink:0;transition:color 0.15s ease}.sidebar-standalone-link:hover{background-color:rgba(79,70,229,0.08);color:#4338ca;text-decoration:none}.sidebar-standalone-link.is-active{background-color:rgba(79,70,229,0.12);color:#4338ca}.sidebar-standalone-link.is-active i{color:#4f46e5}.sidebar-standalone-link + .sidebar-group{margin-top:2px;padding-top:2px;border-top:1px solid var(--sidebar-border,rgba(0,0,0,0.06))}.sidebar-action-row{display:flex;flex-direction:column;gap:6px;margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid var(--sidebar-border,#e5e7eb)}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;border-radius:8px;font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:background-color 0.15s ease;white-space:nowrap;overflow:hidden;min-width:0}.sidebar-action-btn i{font-size:0.8rem;flex-shrink:0}.sidebar-action-btn span{overflow:hidden;text-overflow:ellipsis}.sidebar-action-btn--primary{background-color:#4f46e5;color:#ffffff;border:1px solid #4f46e5}.sidebar-action-btn--primary:hover{background-color:#4338ca;border-color:#4338ca;color:#ffffff;text-decoration:none}.sidebar-action-btn--secondary{background-color:#1e293b;color:#ffffff;border:1px solid #1e293b}.sidebar-action-btn--secondary i{color:#fbbf24}.sidebar-action-btn--secondary:hover{background-color:#0f172a;border-color:#0f172a;color:#ffffff;text-decoration:none}.sidebar-action-btn--secondary:hover i{color:#fbbf24}.sidebar-link{display:flex;align-items:center;gap:10px;padding:0 10px;height:40px;border-radius:8px;color:var(--sidebar-text,#6b7280);text-decoration:none;font-weight:500;font-size:0.875rem;transition:background-color 0.15s ease,color 0.15s ease;border:none;border-left:3px solid transparent;line-height:1.2;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;margin-bottom:1px}.sidebar-link i{width:18px;text-align:center;font-size:0.9rem;color:rgba(55,65,81,0.4);transition:color 0.15s ease;flex-shrink:0}.sidebar-link span{padding-right:4px;overflow:visible;text-overflow:clip}.sidebar-link:hover{background-color:rgba(79,70,229,0.06);color:#1f2937;text-decoration:none}.sidebar-link:hover i{color:rgba(55,65,81,0.7)}.sidebar-link.is-active{background-color:rgba(79,70,229,0.1);color:#4338ca;font-weight:600;border-left-color:transparent}.sidebar-link.is-active i{color:#6366f1}.sidebar-link.is-disabled{opacity:0.3;cursor:not-allowed;background-color:transparent}.sidebar-link.text-danger{color:#f87171}.sidebar-link.text-danger i{color:#f87171}.sidebar-link.text-danger:hover{background-color:rgba(239,68,68,0.1);color:#fca5a5}.sidebar-link.text-danger:hover i{color:#fca5a5}.mobile-nav-link.text-danger{color:#ef4444}.mobile-nav-link.text-danger i{color:#ef4444}.mobile-nav-link.text-danger:hover{background-color:#fef2f2;color:#dc2626}.mobile-nav-link.text-danger:hover i{color:#dc2626}.sidebar-badge{margin-left:auto;flex-shrink:0;width:8px;height:8px;border-radius:50%;font-size:0;line-height:0;color:transparent;padding:0;align-self:center;box-shadow:0 0 0 2px rgba(255,255,255,0.9)}.sidebar-badge--hot{background-color:#dc2626}.sidebar-badge--soon{background-color:#9ca3af}.sidebar-badge--info{background-color:#4f46e5}.sidebar-badge--new{width:auto;height:auto;border-radius:10px;font-size:9px;font-weight:700;line-height:1;letter-spacing:0.5px;color:#4f46e5;padding:3px 7px;background:#eef2ff;box-shadow:inset 0 0 0 1px #c7d2fe;text-transform:uppercase}.sidebar-badge--expert{width:auto;height:auto;border-radius:10px;font-size:9px;font-weight:700;line-height:1;letter-spacing:0.5px;color:#ffffff;padding:3px 7px;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);box-shadow:0 1px 2px rgba(124,58,237,0.35);text-transform:uppercase}.sidebar-badge--hot{width:auto;height:auto;border-radius:10px;font-size:9px;font-weight:700;line-height:1;letter-spacing:0.5px;color:#ffffff;padding:3px 7px;background:linear-gradient(135deg,#f97316 0%,#dc2626 100%);box-shadow:0 1px 2px rgba(220,38,38,0.35);text-transform:uppercase}.sidebar-badge--count{width:auto;height:auto;min-width:18px;border-radius:10px;font-size:10px;font-weight:800;line-height:1;letter-spacing:0;color:#ffffff;padding:4px 7px;background:#dc2626;box-shadow:0 1px 2px rgba(220,38,38,0.35);text-align:center}.sidebar-logo-row{height:var(--header-height,56px);box-sizing:border-box;display:flex;align-items:center;padding:0 16px;flex-shrink:0;border-bottom:1px solid var(--sidebar-border,#e5e7eb)}.sidebar-logo-link{display:inline-block;line-height:0}.sidebar-logo-img{height:28px;width:auto;max-width:160px;display:block}.sidebar-logo-link--favicon{display:none;line-height:0}.sidebar-favicon-img{width:26px;height:26px;object-fit:contain;display:block}.dashboard-sidebar.is-collapsed .sidebar-logo-link--favicon,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-logo-link--favicon{display:inline-flex;align-items:center;justify-content:center}.sidebar-usage-link{display:block;text-decoration:none;border-radius:4px;margin:0 -4px;padding:2px 4px;transition:background 0.15s}.sidebar-usage-link:hover{background:rgba(255,255,255,0.06)}.sidebar-usage-link:hover .sidebar-usage-label{color:#4338ca}.sidebar-usage-row{display:flex;align-items:center;justify-content:space-between;width:100%}.sidebar-usage-label{font-size:var(--font-size-xs);font-weight:500;color:#6b7280}.sidebar-usage-count{font-size:var(--font-size-xs);font-weight:700;color:#f97316}.sidebar-usage-count--green{color:#22c55e}.sidebar-usage-count--credits{color:#6366f1}.sidebar-usage-count.is-warning{color:#fb923c}.sidebar-usage-count.is-full{color:#ef4444}.sidebar-usage-count.is-full.sidebar-usage-count--green{color:#ef4444}.sidebar-usage-bar-track{width:100%;height:5px;background:rgba(0,0,0,0.08);border-radius:3px;overflow:hidden}.sidebar-usage-bar-fill{height:100%;background:#f97316;border-radius:3px;transition:width 0.3s ease}.sidebar-usage-bar-fill--green{background:#22c55e}.sidebar-usage-bar-fill.is-warning{background:#fb923c}.sidebar-usage-bar-fill.is-full{background:#ef4444}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--sidebar-border,#e5e7eb);background-color:transparent;flex-shrink:0;margin-top:auto;display:flex;flex-direction:column;gap:10px}.sidebar-plan-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease}.sidebar-plan-card:hover{transform:translateY(-2px);text-decoration:none}.sidebar-plan-card--free-compact{background-color:#ffffff;border:1px solid var(--color-primary-dark);box-shadow:0 4px 12px rgba(67,56,202,0.15);padding:12px 14px;gap:0}.sidebar-plan-card--free-compact:hover{box-shadow:0 8px 20px rgba(67,56,202,0.25);border-color:#3730a3}.plan-card-compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plan-name-compact{font-size:0.75rem;font-weight:800;color:#1e293b;letter-spacing:0.05em;text-transform:uppercase}.plan-upgrade-pill{background-color:#e0e7ff;color:var(--color-primary-dark);font-size:0.7rem;font-weight:700;text-transform:uppercase;padding:4px 8px;border-radius:6px;letter-spacing:0.05em}.plan-usage-row{margin-bottom:6px}.plan-usage-text{font-size:0.75rem;color:#64748b;font-weight:600;display:block}.plan-usage-meter-compact{width:100%}.plan-usage-meter-compact .meter-track{background-color:#f1f5f9;height:6px;border-radius:99px;overflow:hidden}.meter-fill{height:100%;transition:width 0.3s ease;border-radius:99px}.meter-fill.is-safe{background-color:#10b981}.meter-fill.is-warning{background-color:#fbbf24}.meter-fill.is-danger{background-color:#ef4444}.sidebar-plan-card--paid-zen{background-color:#f8fafc;border:1px solid #e2e8f0;padding:12px 16px;align-items:center;justify-content:center}.sidebar-plan-card--paid-zen:hover{border-color:#cbd5e1;background-color:#f1f5f9}.sidebar-plan-card--paid-zen .plan-info-name{font-size:0.8rem;font-weight:700;color:#334155}.sidebar-plan-card--paid-zen .plan-info-status{font-size:0.7rem;color:#16a34a;font-weight:600;margin-left:auto;display:flex;gap:4px;align-items:center}.sidebar-footer-widget{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:7px;flex-shrink:0}.sidebar-footer-plan-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.sidebar-footer-plan-name{font-size:var(--font-size-xs);font-weight:800;color:#374151;letter-spacing:0.07em;text-transform:uppercase;line-height:1}.sidebar-footer-upgrade-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:#e0e7ff;border:1px solid rgba(99,102,241,0.3);border-radius:5px;color:#4338ca;font-size:var(--font-size-xs);font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:0.04em;white-space:nowrap;transition:background 0.15s ease,border-color 0.15s ease}.sidebar-footer-upgrade-pill:hover{background:#c7d2fe;border-color:rgba(99,102,241,0.5);text-decoration:none;color:#3730a3}.sidebar-footer-upgrade-pill i{font-size:0.8em}.sidebar-footer-active-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;color:#16a34a}.sidebar-footer-active-badge i{font-size:0.8em}.sidebar-footer-past-due-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;color:#dc2626}.sidebar-footer-past-due-badge i{font-size:0.8em}.sidebar-footer-widget-divider{height:1px;background:#e5e7eb;margin:1px 0}.sidebar-footer-upgrade-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;color:#6366f1;text-decoration:none;white-space:nowrap;transition:color 0.15s ease}.sidebar-footer-upgrade-link:hover{color:#4338ca;text-decoration:none}.sidebar-footer-upgrade-link i{font-size:0.8em;transition:transform 0.15s ease}.sidebar-footer-upgrade-link:hover i{transform:translateX(2px)}.sidebar-footer-limit-nudge{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;color:#7c3aed;text-decoration:none;margin-top:2px;transition:color 0.15s ease}.sidebar-footer-limit-nudge:hover{color:#6d28d9;text-decoration:none}.sidebar-footer-limit-nudge i{font-size:0.8em}.sidebar-collapse-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;margin-top:4px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--sidebar-text-heading,#64748b);font-family:inherit;font-size:var(--font-size-2xs,0.6875rem);font-weight:500;cursor:pointer;transition:background-color 150ms ease,color 150ms ease}.sidebar-collapse-toggle:hover{background-color:rgba(79,70,229,0.06);color:var(--sidebar-text,#6b7280)}.sidebar-collapse-toggle i{font-size:0.65rem;width:18px;text-align:center;flex-shrink:0;transition:transform 200ms ease}
/* === layout/sidebar-collapsed.css === */
.dashboard-sidebar.is-collapsed .sidebar-logo-row,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-logo-row{justify-content:center;padding:0}.dashboard-sidebar.is-collapsed .sidebar-logo-img,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-logo-img{display:none}.dashboard-sidebar.is-collapsed .sidebar-scroll-area,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-scroll-area{padding:8px 8px 16px;gap:4px;overflow:visible}.dashboard-sidebar.is-collapsed,body.sidebar-is-collapsed .dashboard-sidebar{overflow:visible}.dashboard-sidebar.is-collapsed .sidebar-group-trigger,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group-trigger{display:flex;justify-content:center;padding:8px;width:40px;height:40px;margin:1px auto;border-radius:10px;gap:0;text-transform:none;letter-spacing:0;font-size:0}.dashboard-sidebar.is-collapsed .sidebar-standalone-link,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-standalone-link{justify-content:center;padding:8px;width:40px;height:40px;margin:1px auto;border-radius:10px;gap:0;font-size:0;overflow:visible}.dashboard-sidebar.is-collapsed .sidebar-standalone-link span,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-standalone-link span{display:none}.dashboard-sidebar.is-collapsed .sidebar-standalone-link i,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-standalone-link i{font-size:1.05rem;width:auto}.dashboard-sidebar.is-collapsed .sidebar-standalone-link::after,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-standalone-link::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#1e293b;color:#fff;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.15s ease;z-index:1060}.dashboard-sidebar.is-collapsed .sidebar-standalone-link{position:relative}.dashboard-sidebar.is-collapsed .sidebar-standalone-link:hover::after,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-standalone-link:hover::after{opacity:1}.dashboard-sidebar.is-collapsed .sidebar-group-trigger span,.dashboard-sidebar.is-collapsed .sidebar-group-trigger .sidebar-group-chevron,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group-trigger span,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group-trigger .sidebar-group-chevron{display:none}.dashboard-sidebar.is-collapsed .sidebar-group-trigger .sidebar-group-icon,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group-trigger .sidebar-group-icon{font-size:1.05rem;width:auto;color:rgba(55,65,81,0.45)}.dashboard-sidebar.is-collapsed .sidebar-group.has-active-item .sidebar-group-trigger,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group.has-active-item .sidebar-group-trigger{background-color:rgba(99,102,241,0.12)}.dashboard-sidebar.is-collapsed .sidebar-group.has-active-item .sidebar-group-trigger .sidebar-group-icon,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group.has-active-item .sidebar-group-trigger .sidebar-group-icon{color:#818cf8}.dashboard-sidebar.is-collapsed .sidebar-group:hover .sidebar-group-trigger,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group:hover .sidebar-group-trigger{background-color:rgba(79,70,229,0.06);color:#374151}.dashboard-sidebar.is-collapsed .sidebar-group:hover .sidebar-group-trigger .sidebar-group-icon,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group:hover .sidebar-group-trigger .sidebar-group-icon{color:rgba(55,65,81,0.7)}.dashboard-sidebar.is-collapsed .sidebar-action-row,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-action-row{flex-direction:column;gap:4px}.dashboard-sidebar.is-collapsed .sidebar-action-btn,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-action-btn{flex:none;width:40px;height:40px;margin:0 auto;border-radius:10px;gap:0;position:relative}.dashboard-sidebar.is-collapsed .sidebar-action-btn span,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-action-btn span{display:none}.dashboard-sidebar.is-collapsed .sidebar-action-btn i,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-action-btn i{font-size:1rem;width:auto}.dashboard-sidebar.is-collapsed .sidebar-action-btn::after,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-action-btn::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#1e293b;color:#fff;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.15s ease,visibility 0.15s ease;z-index:1060}.dashboard-sidebar.is-collapsed .sidebar-action-btn:hover::after,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-action-btn:hover::after{opacity:1;visibility:visible}.dashboard-sidebar.is-collapsed .sidebar-link,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-link{justify-content:center;padding:8px;width:40px;height:40px;margin:1px auto;border-radius:10px;border-left-color:transparent;gap:0}.dashboard-sidebar.is-collapsed .sidebar-group-flyout,.dashboard-sidebar.is-collapsed .sidebar-group-trigger.is-expanded ~ .sidebar-group-flyout,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group-flyout,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group-trigger.is-expanded ~ .sidebar-group-flyout{display:none;position:absolute;left:100%;top:0;background:#ffffff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);min-width:196px;padding:6px;z-index:2000;max-height:calc(100vh - 80px);overflow-y:auto}.dashboard-sidebar.is-collapsed .sidebar-group:hover .sidebar-group-flyout,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group:hover .sidebar-group-flyout{display:flex;flex-direction:column}.dashboard-sidebar.is-collapsed .sidebar-group:hover .sidebar-group-flyout-label,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group:hover .sidebar-group-flyout-label{display:block;padding:4px 8px 8px;font-size:0.6rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid #e5e7eb;margin-bottom:4px;white-space:nowrap}.dashboard-sidebar.is-collapsed .sidebar-group:hover .sidebar-group-flyout .sidebar-link,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group:hover .sidebar-group-flyout .sidebar-link{justify-content:flex-start;padding:0 10px;width:100%;height:38px;margin:0 0 1px;gap:10px;border-radius:7px;border-left:3px solid transparent;position:static}.dashboard-sidebar.is-collapsed .sidebar-group:hover .sidebar-group-flyout .sidebar-link span,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group:hover .sidebar-group-flyout .sidebar-link span{display:block;white-space:nowrap;overflow:visible}.dashboard-sidebar.is-collapsed .sidebar-group:hover .sidebar-group-flyout .sidebar-badge,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group:hover .sidebar-group-flyout .sidebar-badge{display:inline-flex}.dashboard-sidebar.is-collapsed .sidebar-group:hover .sidebar-group-flyout .sidebar-link i,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group:hover .sidebar-group-flyout .sidebar-link i{width:18px;font-size:0.9rem}.dashboard-sidebar.is-collapsed .sidebar-group:hover .sidebar-group-flyout .sidebar-link::after,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-group:hover .sidebar-group-flyout .sidebar-link::after{display:none;content:none}.dashboard-sidebar.is-collapsed .sidebar-link.is-active,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-link.is-active{border-left:none;padding-left:8px;background-color:rgba(79,70,229,0.1)}.dashboard-sidebar.is-collapsed .sidebar-link span,.dashboard-sidebar.is-collapsed .sidebar-badge,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-link span,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-badge{display:none}.dashboard-sidebar.is-collapsed .sidebar-link i,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-link i{width:auto;font-size:1.1rem}.dashboard-sidebar.is-collapsed .sidebar-link,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-link{position:relative}.dashboard-sidebar.is-collapsed .sidebar-link::after,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-link::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background-color:var(--color-gray-800,#1e293b);color:#fff;font-size:0.75rem;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 150ms ease,visibility 150ms ease;z-index:1060}.dashboard-sidebar.is-collapsed .sidebar-link:hover::after,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-link:hover::after{opacity:1;visibility:visible}.dashboard-sidebar.is-collapsed .sidebar-footer,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-footer{padding:8px;align-items:center}.dashboard-sidebar.is-collapsed .sidebar-footer-widget,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-footer-widget{display:none}.dashboard-sidebar.is-collapsed .sidebar-collapse-toggle,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-collapse-toggle{justify-content:center;width:40px;padding:8px;margin:0 auto}.dashboard-sidebar.is-collapsed .sidebar-collapse-toggle span,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-collapse-toggle span{display:none}.dashboard-sidebar.is-collapsed .sidebar-collapse-toggle i,body.sidebar-is-collapsed .dashboard-sidebar .sidebar-collapse-toggle i{transform:rotate(180deg);width:auto}
/* === layout/sidebar-mobile.css === */
@media (max-width:991px){.dashboard-sidebar{display:none}.mobile-nav-link{padding:12px 16px;font-size:1rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:12px}}.mobile-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background-color:#ffffff;border-bottom:1px solid #f1f5f9;flex-shrink:0}.mobile-nav-body{flex-grow:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;padding-bottom:30px;scrollbar-gutter:stable}.mobile-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;border-radius:12px;text-decoration:none;font-size:0.85rem;font-weight:700;line-height:1.2;transition:transform 0.1s ease,box-shadow 0.2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);text-align:center}.mobile-action-btn i{font-size:1.25rem;margin-bottom:6px}.mobile-action-primary{background-color:var(--color-primary);color:#ffffff;border:1px solid var(--color-primary)}.mobile-action-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#ffffff;text-decoration:none}.mobile-action-primary:active{background-color:var(--color-primary-dark);transform:scale(0.96)}.mobile-action-secondary{background-color:#1e293b;color:#ffffff;border:1px solid #1e293b}.mobile-action-secondary i{color:#fbbf24}.mobile-action-secondary:hover{background-color:#0f172a;border-color:#0f172a;color:#ffffff;text-decoration:none}.mobile-action-secondary:hover i{color:#fbbf24}.mobile-action-secondary:active{background-color:#0f172a;transform:scale(0.96)}.mobile-nav-standalone{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:0.9rem;font-weight:600;color:#4338ca;text-decoration:none;border-bottom:1px solid #f1f5f9;background-color:#ffffff;transition:background-color 0.15s ease}.mobile-nav-standalone i{color:#6366f1;font-size:0.95rem;width:20px;text-align:center}.mobile-nav-standalone:hover,.mobile-nav-standalone:active{background-color:rgba(79,70,229,0.06);text-decoration:none}.mobile-nav-standalone.is-active{background-color:rgba(79,70,229,0.08);border-left:3px solid #6366f1}.mobile-nav-accordion{border-bottom:1px solid #f1f5f9;background-color:#ffffff;display:block}.mobile-nav-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;min-height:52px;font-family:inherit;font-size:0.8125rem;font-weight:800;color:var(--color-gray-800);text-transform:uppercase;letter-spacing:0.08em;text-align:left;border:none;border-left:3px solid transparent;background-color:#f8fafc;cursor:pointer;user-select:none;transition:background-color 0.2s ease,color 0.2s ease,border-left-color 0.2s ease}.mobile-nav-accordion-trigger:focus{outline:none}.mobile-nav-accordion-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.mobile-nav-accordion-trigger.is-expanded{background-color:#eef2ff;color:var(--color-primary-dark,#4338ca);border-left-color:var(--color-primary);padding-left:17px}.mobile-nav-accordion-trigger .accordion-icon{font-size:0.8rem;color:#94a3b8;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.mobile-nav-accordion-trigger.is-expanded .accordion-icon{transform:rotate(180deg);color:var(--color-primary)}.mobile-nav-accordion-content{display:grid;grid-template-rows:0fr;background-color:#fcfcfc}@media (prefers-reduced-motion:no-preference){.mobile-nav-accordion-content{transition:grid-template-rows 0.3s ease-out}}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content{grid-template-rows:1fr;border-top:1px solid #f1f5f9}.mobile-nav-accordion-inner{overflow:hidden}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content .mobile-nav-link{animation:mobileNavItemFadeIn 0.2s ease both}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content li:nth-child(1) .mobile-nav-link{animation-delay:0.02s}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content li:nth-child(2) .mobile-nav-link{animation-delay:0.04s}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content li:nth-child(3) .mobile-nav-link{animation-delay:0.06s}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content li:nth-child(4) .mobile-nav-link{animation-delay:0.08s}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content li:nth-child(5) .mobile-nav-link{animation-delay:0.10s}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content li:nth-child(6) .mobile-nav-link{animation-delay:0.12s}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content li:nth-child(7) .mobile-nav-link{animation-delay:0.14s}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content li:nth-child(8) .mobile-nav-link{animation-delay:0.16s}.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content li:nth-child(9) .mobile-nav-link{animation-delay:0.18s}@keyframes mobileNavItemFadeIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.mobile-nav-accordion-trigger.is-expanded ~ .mobile-nav-accordion-content .mobile-nav-link{animation:none}.mobile-nav-accordion-trigger .accordion-icon{transition:none}.mobile-nav-panel{transition-duration:0.01s}.mobile-nav-overlay{transition-duration:0.01s}}:root{--dash-bg:#f8f9fb}.member-app-layout{display:flex;min-height:100vh}.member-app-right{flex:1;min-width:0;overflow-x:clip}.member-layout{display:flex;min-height:calc(100vh - var(--header-height,56px));background-color:var(--dash-bg)}.member-main{flex:1;padding:var(--space-8) var(--space-6) var(--space-8)}@media (max-width:991px){.member-layout{min-height:100vh}.member-main{padding:calc(var(--header-height,56px) + var(--space-2)) var(--space-3) var(--space-4);min-width:0;overflow-x:hidden}}.mobile-bottom-nav{display:none}@media (max-width:767px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#ffffff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 16px rgba(15,23,42,0.06);z-index:900;align-items:stretch}.mobile-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#94a3b8;font-size:0.75rem;font-weight:600;letter-spacing:0.01em;background:none;border:none;cursor:pointer;padding:6px 0 4px;transition:color 0.15s ease,transform 0.18s cubic-bezier(0.22,1,0.36,1);-webkit-tap-highlight-color:transparent;min-width:44px}.mobile-bottom-nav__item i{font-size:1.1rem;line-height:1}.mobile-bottom-nav__item:hover,.mobile-bottom-nav__item:active{color:#4f46e5}.mobile-bottom-nav__item:active{transform:scale(0.94)}.mobile-bottom-nav__item--active{color:#4f46e5}.mobile-bottom-nav__item--active i{color:#4f46e5}.mobile-bottom-nav__item--raised{position:relative;gap:2px;padding:0 0 4px;color:#4f46e5}.mobile-bottom-nav__raised-inner{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#ffffff;box-shadow:0 8px 20px rgba(79,70,229,0.35),0 2px 6px rgba(79,70,229,0.2);margin-top:-22px;transition:transform 0.18s cubic-bezier(0.22,1,0.36,1),box-shadow 0.18s ease;border:4px solid #ffffff}.mobile-bottom-nav__raised-inner i{font-size:1.15rem;line-height:1}.mobile-bottom-nav__raised-label{font-size:0.75rem;font-weight:600;color:#4f46e5;letter-spacing:0.01em}.mobile-bottom-nav__item--raised:active .mobile-bottom-nav__raised-inner{transform:scale(0.92);box-shadow:0 4px 10px rgba(79,70,229,0.35)}.mobile-bottom-nav__item--raised:active{transform:none}.member-main{padding-bottom:calc(60px + env(safe-area-inset-bottom) + var(--space-4))}@media (prefers-reduced-motion:reduce){.mobile-bottom-nav__item,.mobile-bottom-nav__raised-inner{transition:color 0.15s ease}.mobile-bottom-nav__item:active,.mobile-bottom-nav__item--raised:active .mobile-bottom-nav__raised-inner{transform:none}}}
/* === layout/page-header.css === */
.page-header{padding:0;margin-bottom:var(--space-6);background-color:transparent;border:none;box-shadow:none;border-radius:0}.page-header__title-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.page-header__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2rem);font-weight:700;color:var(--color-gray-900);letter-spacing:var(--letter-spacing-tight);line-height:1.2;margin:0;flex-grow:0}.page-header__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.6;margin:var(--space-3) 0 0 0;max-width:75ch}.page-header__title-wrapper .info-modal-trigger,.page-header__title-wrapper .info-icon{width:28px;height:28px;min-width:28px;border-radius:50%;background-color:var(--color-white);border:1px solid var(--color-gray-300);color:var(--color-gray-600);font-size:0.85rem;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;margin:0 0 0 var(--space-2);padding:0;cursor:pointer;align-self:center;margin-top:-2px;overflow:visible;flex-shrink:0;box-sizing:border-box;transition:all 0.2s ease-in-out}.page-header__title-wrapper .info-modal-trigger:hover,.page-header__title-wrapper .info-icon:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-primary);box-shadow:var(--shadow-md)}.page-header--with-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.page-header--sales{text-align:center;padding:var(--space-10) var(--space-6);margin-bottom:var(--space-10);background:linear-gradient(135deg,#312e81 0%,#4338CA 40%,#6366F1 100%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.page-header--sales .page-header__content{max-width:800px;margin:0 auto}.page-header--sales .page-header__title-wrapper{justify-content:center}.page-header--sales .page-header__title{color:var(--color-white);font-size:clamp(2.25rem,6vw,3.25rem);font-weight:800;letter-spacing:-0.02em;text-shadow:0 2px 8px rgba(0,0,0,0.2)}.page-header--sales .page-header__subtitle{color:var(--color-slate-300);font-size:var(--font-size-xl);max-width:65ch;margin:var(--space-4) auto 0}@media (max-width:767px){.page-header{margin-bottom:var(--space-5);text-align:center}.page-header__title{font-size:1.65rem}.page-header__title-wrapper{justify-content:center}.page-header__subtitle{font-size:var(--font-size-base);text-align:center;margin-left:auto;margin-right:auto}.page-header--with-actions{flex-direction:column;align-items:center}.page-header--with-actions .page-header__actions{justify-content:center}.page-header--sales{padding:var(--space-8) var(--space-4);margin-bottom:var(--space-8);border-radius:var(--radius-xl);width:100%;box-sizing:border-box}.page-header--sales .page-header__title{font-size:1.75rem;line-height:1.2;margin-bottom:var(--space-3)}.page-header--sales .page-header__subtitle{font-size:1rem;line-height:1.5;margin-top:var(--space-2);padding:0 var(--space-2)}}@media (max-width:480px){.page-header--sales{padding:var(--space-8) var(--space-4);margin-bottom:var(--space-8)}.page-header--sales .page-header__title{font-size:1.75rem}.page-header--sales .page-header__subtitle{font-size:1rem}}@media (max-width:767px){.pricing-page .page-header--sales{margin-bottom:0}}.pricing-hero-proof{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin-top:var(--space-6)}.pricing-hero-proof__stat{display:inline-flex;align-items:center;gap:6px;font-size:0.9rem;color:rgba(255,255,255,0.75);font-weight:500;cursor:default;user-select:none}.pricing-hero-proof__stat strong{color:#fff;font-weight:700}.pricing-hero-proof__stat i{color:rgba(255,255,255,0.5);font-size:0.85rem}.pricing-hero-proof__stat--live{color:var(--color-success)}.pricing-hero-proof__stat--live i{color:var(--color-success)}.pricing-hero-proof__divider{width:1px;height:16px;background:rgba(255,255,255,0.2)}@media (max-width:767px){.pricing-hero-proof{gap:4px 12px;margin-top:var(--space-4)}.pricing-hero-proof__stat{font-size:0.8rem}.pricing-hero-proof__divider{display:none}.pricing-page .pricing-hero-proof__stat{color:var(--color-gray-500)}.pricing-page .pricing-hero-proof__stat strong{color:var(--color-gray-900)}.pricing-page .pricing-hero-proof__stat i{color:var(--color-primary)}.pricing-page .pricing-hero-proof__stat--live{color:var(--color-success-dark)}.pricing-page .pricing-hero-proof__stat--live i{color:var(--color-success-dark)}}.pricing-trust-strip{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4) var(--space-4);max-width:900px;margin:0 auto var(--space-4)}.pricing-trust-strip__item{display:inline-flex;align-items:center;gap:8px;font-size:0.85rem;color:var(--color-gray-700);font-weight:500;cursor:default;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);padding:8px 16px;box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:all 150ms ease}.pricing-trust-strip__item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08);transform:translateY(-1px)}.pricing-trust-strip__item i{color:var(--color-primary);font-size:0.9rem}.pricing-trust-strip__item strong{color:var(--color-gray-900);font-weight:700}@media (max-width:991px){.pricing-trust-strip{gap:var(--space-2);padding:var(--space-3) var(--space-2);margin-bottom:var(--space-4)}.pricing-trust-strip__item{font-size:0.75rem;padding:5px 10px;gap:5px}}
/* === layout/page-layout.css === */
.page-container{width:100%;max-width:var(--page-width-default);margin-left:auto;margin-right:auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.page-container--narrow{max-width:var(--page-width-narrow)}.page-content{display:flex;flex-direction:column;gap:var(--section-gap);padding-bottom:var(--space-10)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}@media (max-width:767px){.page-container{padding-left:var(--page-gutter-mobile);padding-right:var(--page-gutter-mobile)}.page-content{gap:var(--section-gap-mobile);padding-bottom:calc(var(--space-8) + 56px)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}
/* === components/buttons.css === */
.btn,.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:1.5;transition:all var(--transition-fast) var(--ease-in-out);cursor:pointer;text-decoration:none;border:1px solid transparent;white-space:nowrap}.btn:hover,.button:hover{text-decoration:none}a.btn:hover,a.button:hover{text-decoration:none}.btn-icon,.button__icon{margin-right:var(--space-2);font-size:1em}.btn > i,.button > i{margin-right:var(--space-2)}.btn-icon--right,.button__icon--right{margin-right:0;margin-left:var(--space-2)}.btn-primary,.button--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover,.btn-primary:focus,.button--primary:hover,.button--primary:focus{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}.btn-secondary{background-color:var(--color-gray-800);color:var(--color-white);border-color:var(--color-gray-800);box-shadow:var(--shadow-sm)}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--color-gray-900);border-color:var(--color-gray-900);box-shadow:var(--shadow-md)}.button--secondary{background-color:var(--color-gray-200);color:var(--color-gray-800);border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.button--secondary:hover,.button--secondary:focus{background-color:var(--color-gray-300);border-color:var(--color-gray-400);color:var(--color-gray-900);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn-outline:hover,.btn-outline:focus{background-color:var(--color-gray-50);color:var(--color-gray-900);border-color:var(--color-gray-400)}.button--outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.button--outline:hover,.button--outline:focus{background-color:rgba(79,70,229,0.05);color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.button--ghost{background-color:transparent;color:var(--color-gray-700);border-color:transparent;padding:var(--space-2)}.button--ghost:hover,.button--ghost:focus{background-color:var(--color-gray-100);color:var(--color-gray-900)}.btn-sm{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.button--xs{font-size:var(--font-size-xs);padding:2px var(--space-2);gap:4px}.button--sm{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}.btn-large{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-6)}.button--lg{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8)}.btn-block,.button--block{display:flex;width:100%}.btn:disabled,.btn-disabled,.button:disabled,.button--disabled{opacity:0.65;cursor:not-allowed;pointer-events:none}.btn-with-avatar,.button--with-avatar{display:inline-flex;align-items:center}.button-avatar,.button__avatar{width:24px;height:24px;border-radius:50%;margin-right:var(--space-2)}.btn-group,.button-group{display:inline-flex}.btn-group .btn,.button-group .button{border-radius:0}.btn-group .btn:first-child,.button-group .button:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child,.button-group .button:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.button-group .button:not(:first-child){margin-left:-1px}.button--shine{position:relative;overflow:hidden}.button--shine::after{content:'';position:absolute;top:0;left:-200%;width:200%;height:100%;transform:skewX(-25deg);background-image:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100% );animation:shine 4s infinite ease-in-out;animation-delay:1s}@keyframes shine{0%{left:-200%}20%{left:150%}100%{left:150%}}.hero-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}@media (max-width:767px){.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn,.hero-buttons .button{width:100%}}.btn-youtube{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);background-color:var(--color-brand-red);color:#ffffff;border-radius:var(--radius-lg);border:1px solid var(--color-brand-red);box-shadow:var(--shadow-sm);font-family:var(--font-family-base,'Inter',sans-serif);font-size:14px;font-weight:700;height:auto;min-height:44px;min-width:auto;text-decoration:none;transition:all 0.2s ease-in-out;white-space:nowrap;line-height:1.5}.btn-youtube:hover{background-color:var(--color-brand-red-dark);border-color:var(--color-brand-red-dark);box-shadow:var(--shadow-md);color:#ffffff;text-decoration:none;transform:translateY(-1px)}.btn-youtube:active{background-color:#b91c1c;transform:translateY(1px);box-shadow:none}.btn-youtube:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(228,21,21,0.3)}.btn-youtube__icon{display:inline-block;vertical-align:middle;margin-right:8px;width:20px;height:20px;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"><path fill="%23FFFFFF" d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>');background-repeat:no-repeat;background-position:center;background-size:contain}.btn-youtube--large{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-6)}.btn-youtube--dark{background-color:var(--color-brand-red);color:#ffffff}.button--upgrade{background-color:var(--color-primary-dark);color:var(--color-white);border-color:transparent}.button--upgrade:hover,.button--upgrade:focus{background-color:#3730a3;color:var(--color-white)}.cta-button-group{display:flex;width:100%;align-items:stretch}.cta-button-group .button:not(.crypto-btn){flex:1 1 auto;white-space:nowrap;border-top-right-radius:0;border-bottom-right-radius:0;overflow:hidden;text-overflow:ellipsis;justify-content:center}.cta-button-group .crypto-btn{flex:0 0 auto;padding-left:var(--space-3);padding-right:var(--space-3);border-left:1px solid rgba(255,255,255,0.2);border-top-left-radius:0;border-bottom-left-radius:0}.cta-button-group .crypto-btn > i{margin-right:0}.cta-button-group .button--upgrade-growth + .crypto-btn,.cta-button-group .button--upgrade-elite + .crypto-btn{border-left-color:rgba(139,92,246,0.3)}.button--crypto{background-color:#1a202c;color:var(--color-white);border-color:#2d3748;box-shadow:var(--shadow-sm)}.button--crypto:hover,.button--crypto:focus{background-color:#2d3748;border-color:#4a5568;color:var(--color-white);box-shadow:var(--shadow-md)}.button--crypto i{color:#f7931a}.button--outline-light{background-color:transparent;color:var(--color-white);border-color:var(--color-gray-500)}.button--outline-light:hover,.button--outline-light:focus{background-color:rgba(255,255,255,0.1);border-color:var(--color-gray-300);color:var(--color-white)}.button--outline-light i{color:#f7931a}.plan-cta-cell .button--primary-action{margin-bottom:var(--space-3);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);white-space:normal}.plan-cta-cell .button--primary-action .fas{margin-right:var(--space-2)}.alternative-payments{text-align:center;margin-top:var(--space-4)}.alternative-payments__label{display:block;font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-1)}.alternative-payments__links{display:flex;justify-content:center;align-items:center;gap:var(--space-3)}.alternative-payments__links a{color:var(--color-gray-600);text-decoration:none;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all 0.2s ease-in-out;white-space:nowrap}.alternative-payments__links a:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.alternative-payments__links a .fa-bitcoin{color:#f7931a}@media (min-width:992px){.plan-cta-cell .button--primary-action{white-space:nowrap}.alternative-payments__label{white-space:nowrap}}.button.button--loading{position:relative;cursor:wait;pointer-events:none}.button.button--loading > *{visibility:hidden}.button.button--loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border:3px solid rgba(255,255,255,0.4);border-top-color:#ffffff;border-radius:50%;animation:button-spin 0.8s linear infinite;background-image:none;transform:none}.button.button--secondary.button--loading::after,.button.button--outline.button--loading::after,.button.button--outline-light.button--loading::after,.button.button--ghost.button--loading::after{border-color:rgba(0,0,0,0.2);border-top-color:var(--color-primary)}.button.button--crypto.button--loading::after{border-color:rgba(255,255,255,0.2);border-top-color:var(--color-white)}@keyframes button-spin{to{transform:rotate(360deg)}}.button.button--success,.button.button--success:hover,.button.button--success:focus{background-color:var(--color-success);border-color:var(--color-success-dark);color:var(--color-white);transition:all 0.2s ease-in-out}.button.button--success .fas,.button.button--success span{color:var(--color-white)}.btn-razorpay{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:#2563eb;color:var(--color-white);border:none;box-shadow:0 4px 15px rgba(59,130,246,0.2),0 1px 2px rgba(0,0,0,0.1);font-size:1rem;font-weight:600;padding:12px 20px}.btn-razorpay:hover{background:#1d4ed8;box-shadow:0 6px 20px rgba(59,130,246,0.3),0 2px 4px rgba(0,0,0,0.1)}.btn-razorpay .razorpay-logo{height:18px;width:auto;filter:brightness(0) invert(1)}.btn-razorpay.button--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);gap:var(--space-2)}.btn-razorpay.button--sm .razorpay-logo{height:14px}.button .razorpay-logo{height:16px;width:auto;filter:brightness(0) invert(1);margin-left:var(--space-2)}.button.button--sm .razorpay-logo{height:14px}.btn-credit{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:1px 8px 1px 6px;background:rgba(0,0,0,0.18);border-radius:var(--radius-full);font-size:0.7rem;font-weight:600;letter-spacing:0.01em;white-space:nowrap;vertical-align:middle;line-height:1.6}.btn-credit i{font-size:0.65rem;color:#fcd34d}.button--outline .btn-credit,.button--ghost .btn-credit,.button--secondary .btn-credit,.btn-secondary .btn-credit,.btn-outline .btn-credit{background:rgba(79,70,229,0.1);color:var(--color-gray-700)}.button--outline .btn-credit i,.button--ghost .btn-credit i,.button--secondary .btn-credit i,.btn-secondary .btn-credit i,.btn-outline .btn-credit i{color:#d97706}.btn-credit--free{background:rgba(16,185,129,0.25);color:#fff}.btn-credit--free i{color:#fff}.button--outline .btn-credit--free,.button--ghost .btn-credit--free,.button--secondary .btn-credit--free{background:rgba(16,185,129,0.15);color:#059669}.button--outline .btn-credit--free i,.button--ghost .btn-credit--free i,.button--secondary .btn-credit--free i{color:#059669}.button--outline-secondary{background-color:transparent;color:var(--color-gray-600);border-color:var(--color-gray-300);font-weight:var(--font-weight-medium);box-shadow:none}.button--outline-secondary:hover,.button--outline-secondary:focus{background-color:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-800);box-shadow:none;transform:translateY(-1px)}
/* === components/forms.css === */
.form-group{margin-bottom:var(--space-5);position:relative}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--color-gray-800);font-size:var(--font-size-sm)}.form-label-optional{color:var(--color-gray-500);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);margin-left:var(--space-1)}.form-control{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-800);background-color:var(--color-white);background-clip:padding-box;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast) var(--ease-in-out);box-shadow:var(--shadow-sm)}.form-control:hover{border-color:var(--color-gray-400)}.form-control:focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 3px rgba(79,70,229,0.15)}.form-control::placeholder{color:var(--color-gray-400);opacity:1}.form-control:disabled,.form-control[readonly]{background-color:var(--color-gray-100);opacity:0.8;cursor:not-allowed;box-shadow:none}.form-hint{display:block;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-gray-500)}.form-help{display:block;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-gray-400);line-height:1.5}.form-required{color:var(--color-danger)}.form-hint--mobile{display:none}@media (max-width:768px){.form-hint--desktop{display:none}.form-hint--mobile{display:block}}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236B7280' d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;padding-right:2.5rem}.form-control-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);height:36px}.form-control-lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-lg);border-radius:var(--radius-xl);height:54px}.is-valid{border-color:var(--color-success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2310B981' d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 16px;padding-right:2.5rem}.is-valid:focus{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(16,185,129,0.15)}.is-invalid{border-color:var(--color-danger);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23EF4444' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0-1.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM8 4a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5A.75.75 0 0 1 8 4zm0 8a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 16px;padding-right:2.5rem}.is-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(239,68,68,0.15)}.valid-feedback,.invalid-feedback{display:none;width:100%;margin-top:var(--space-1);font-size:var(--font-size-sm);padding:var(--space-2);border-radius:var(--radius-md)}.valid-feedback{color:var(--color-success);background-color:var(--color-success-light)}.invalid-feedback{color:var(--color-danger);background-color:var(--color-danger-light)}.was-validated .form-control:valid ~ .valid-feedback,.was-validated .form-control:invalid ~ .invalid-feedback,.is-valid ~ .valid-feedback,.is-invalid ~ .invalid-feedback{display:block}.form-check{position:relative;display:block;min-height:1.5rem;padding-left:1.75rem;margin-bottom:var(--space-2)}.form-check:last-child{margin-bottom:0}.form-check-input{position:absolute;margin-left:-1.75rem;width:1.125rem;height:1.125rem;cursor:pointer}.form-check-label{padding-top:0.125rem;cursor:pointer;font-size:var(--font-size-sm)}.checkbox{position:relative;display:flex;align-items:center;margin-bottom:var(--space-2);cursor:pointer}.checkbox:last-child{margin-bottom:0}.checkbox__input{position:absolute;opacity:0;width:0;height:0}.checkbox__box{position:relative;display:inline-block;width:20px;height:20px;margin-right:var(--space-2);border:1px solid var(--color-gray-300);border-radius:var(--radius-base);background-color:var(--color-white);transition:all var(--transition-fast) ease}.checkbox__input:focus ~ .checkbox__box{box-shadow:0 0 0 3px rgba(79,70,229,0.15)}.checkbox__input:checked ~ .checkbox__box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__box::after{content:'';position:absolute;display:none;left:6px;top:2px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox__input:checked ~ .checkbox__box::after{display:block}.checkbox__label{display:inline-block;flex:1;font-size:var(--font-size-sm)}.radio{position:relative;display:flex;align-items:center;margin-bottom:var(--space-2);cursor:pointer}.radio:last-child{margin-bottom:0}.radio__input{position:absolute;opacity:0;width:0;height:0}.radio__circle{position:relative;display:inline-block;width:20px;height:20px;margin-right:var(--space-2);border:1px solid var(--color-gray-300);border-radius:50%;background-color:var(--color-white);transition:all var(--transition-fast) ease}.radio__input:focus ~ .radio__circle{box-shadow:0 0 0 3px rgba(79,70,229,0.15)}.radio__input:checked ~ .radio__circle{border-color:var(--color-primary)}.radio__circle::after{content:'';position:absolute;display:none;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.radio__input:checked ~ .radio__circle::after{display:block}.radio__label{display:inline-block;flex:1;font-size:var(--font-size-sm)}.form-row{display:flex;flex-wrap:wrap;margin-right:calc(-1 * var(--space-2));margin-left:calc(-1 * var(--space-2))}.form-col{flex:1 0 0%;padding-right:var(--space-2);padding-left:var(--space-2)}.form-control-icon{position:relative}.form-control-icon .form-control{padding-left:2.75rem}.form-control-icon__prefix{position:absolute;top:50%;transform:translateY(-50%);left:0.9rem;color:var(--color-gray-500);pointer-events:none;transition:color var(--transition-fast) var(--ease-in-out)}.form-control-icon .form-control:focus ~ .form-control-icon__prefix{color:var(--color-primary)}.form-control-icon__suffix{position:absolute;top:50%;transform:translateY(-50%);right:0.9rem;color:var(--color-gray-500);pointer-events:none;transition:color var(--transition-fast) var(--ease-in-out)}.form-control-icon .form-control:focus ~ .form-control-icon__suffix{color:var(--color-primary)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}@media (max-width:767px){.form-actions{flex-direction:column}.form-actions .button{width:100%}}.slider{-webkit-appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-gray-200);outline:none;padding:0;margin:0}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:all var(--transition-fast) ease;box-shadow:var(--shadow-sm)}.slider::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--color-primary);cursor:pointer;transition:all var(--transition-fast) ease;box-shadow:var(--shadow-sm)}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px rgba(79,70,229,0.15);transform:scale(1.1)}.slider::-moz-range-thumb:hover{box-shadow:0 0 0 6px rgba(79,70,229,0.15);transform:scale(1.1)}.slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--color-gray-200);border-radius:var(--radius-full)}.slider::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--color-gray-200);border-radius:var(--radius-full)}.slider-labels{display:flex;justify-content:space-between;margin-top:var(--space-2)}.slider-label{font-size:var(--font-size-xs);color:var(--color-gray-600);text-align:center;white-space:nowrap;padding:var(--space-1);cursor:pointer;transition:color var(--transition-fast) var(--ease-in-out)}.slider-label:hover{color:var(--color-gray-900)}.slider-bubble{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:var(--color-gray-800);color:var(--color-white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);font-size:var(--font-size-sm);white-space:nowrap;box-shadow:var(--shadow-md);z-index:1}.slider-bubble:after{content:"";position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-gray-800);bottom:-6px;left:50%;transform:translateX(-50%)}@media (max-width:767px){.form-group{margin-bottom:var(--space-4)}.form-control{padding:var(--space-2) var(--space-3)}}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width:767px){.checkbox-grid{grid-template-columns:1fr}}.form-floating{position:relative}.form-floating label{position:absolute;top:0;left:0;height:100%;padding:var(--space-3) var(--space-4);pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;color:var(--color-gray-500)}.form-floating .form-control{padding-top:calc(var(--space-5));padding-bottom:var(--space-2)}.form-floating .form-control:focus,.form-floating .form-control:not(:placeholder-shown){padding-top:calc(var(--space-5));padding-bottom:var(--space-2)}.form-floating .form-control:focus ~ label,.form-floating .form-control:not(:placeholder-shown) ~ label{opacity:.65;transform:scale(.85) translateY(-0.5rem)}.form-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch{position:relative;display:inline-block;width:40px;height:24px;margin-right:var(--space-2)}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-300);transition:.4s;border-radius:34px}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%}input:checked + .switch-slider{background-color:var(--color-primary)}input:focus + .switch-slider{box-shadow:0 0 0 3px rgba(79,70,229,0.15)}input:checked + .switch-slider:before{transform:translateX(16px)}.switch-label{font-size:var(--font-size-sm)}#proof_url:invalid{border-color:var(--color-danger)}
/* === components/cards.css === */
.card{position:relative;display:flex;flex-direction:column;min-width:0;background-color:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-fast) var(--ease-in-out)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__header{padding:var(--space-5);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between}.card__body{padding:var(--space-5);flex:1 1 auto}.card__footer{padding:var(--space-5);border-top:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.card__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.card__subtitle{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-gray-500)}.card--hover{cursor:pointer}.card--hover:hover{border-color:var(--color-primary)}.card--primary{border-top:4px solid var(--color-primary)}.card--success{border-top:4px solid var(--color-success)}.card--warning{border-top:4px solid var(--color-warning)}.card--danger{border-top:4px solid var(--color-danger)}.card--link{cursor:pointer;text-decoration:none;color:inherit}.card--link:hover{text-decoration:none}.card__image{width:100%;height:auto;object-fit:cover}.card--horizontal{flex-direction:row}.card--horizontal .card__image{width:30%;height:auto;object-fit:cover}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}@media (max-width:767px){.card-grid{grid-template-columns:1fr}.card--horizontal{flex-direction:column}.card--horizontal .card__image{width:100%}}.card--feature{text-align:center;padding:var(--space-6)}.card--feature .card__icon{width:60px;height:60px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background-color:rgba(79,70,229,0.1);color:var(--color-primary);border-radius:50%;font-size:var(--font-size-3xl)}.benefit-card{padding:var(--space-6);text-align:center}.benefit-card__icon{width:64px;height:64px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background-color:rgba(79,70,229,0.1);color:var(--color-primary);border-radius:50%;font-size:var(--font-size-3xl)}.benefit-card__title{margin-bottom:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.benefit-card__description{color:var(--color-gray-600)}.form-section-card{margin-bottom:var(--space-5)}.form-section-card__header{padding:var(--space-4);border-bottom:1px solid var(--color-gray-200);background-color:var(--color-gray-50);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.form-section-card__header h2{margin:0;font-size:var(--font-size-lg);display:flex;align-items:center;gap:var(--space-2)}.form-section-card__body{padding:var(--space-5);background-color:var(--color-white);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.card--highlight{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}@media (max-width:767px){.card__header,.card__body,.card__footer{padding:var(--space-4)}.benefit-card,.card--feature{padding:var(--space-4)}}.benefit-card--selectable{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:var(--space-5);row-gap:var(--space-3);padding:var(--space-5);background:var(--color-white);border-radius:var(--radius-xl);border:1px solid #d1d5db;box-shadow:0 1px 1px rgba(0,0,0,.04);overflow:visible;transition:border-color var(--transition-fast) var(--ease-in-out),box-shadow var(--transition-fast) var(--ease-in-out),transform var(--transition-fast) var(--ease-in-out)}.benefit-card--selectable:hover{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 8px 18px rgba(0,0,0,.06);transform:translateY(-1px)}.benefit-card--selectable .benefit-card__header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.benefit-card__title{display:inline-block;margin:0;padding:.25rem .6rem;font-size:calc(var(--font-size-lg) * 1.12);font-weight:800;color:var(--color-gray-900);letter-spacing:-.02em;line-height:1.2;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.55rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:100%}.benefit-card--selectable:hover .benefit-card__title{transform:translateY(-0.5px)}.subcategory-item input[type="radio"]:checked+label .benefit-card__title{color:var(--color-gray-900);text-shadow:none}.benefit-card__price{white-space:nowrap;font-weight:var(--font-weight-semibold);color:var(--color-primary);background:rgba(79,70,229,0.06);padding:.35rem .6rem;border-radius:var(--radius-md);border:1px solid rgba(79,70,229,0.18);font-size:var(--font-size-sm)}.benefit-card__description{grid-column:1 / -1;margin:0;color:var(--color-gray-700);line-height:1.55;font-size:var(--font-size-sm)}.benefit-card__meters{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-2)}.meter{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}.meter__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);letter-spacing:.01em;line-height:1.2;min-height:1.4em;display:flex;align-items:center;justify-content:center;white-space:nowrap}.meter__hint{font-size:var(--font-size-xs);color:var(--color-gray-500)}.meter__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.meter-3{display:inline-flex;justify-content:center;gap:.35rem}.meter-3 .box{width:14px;height:14px;border-radius:3px;background:var(--color-gray-200);border:1px solid var(--color-gray-300)}.meter-3 .box.is-on{background:var(--color-primary);border-color:var(--color-primary)}.subcategory-item input[type="radio"]:checked+label .benefit-card--selectable{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 0 0 4px rgba(79,70,229,0.12);transform:none;background-color:transparent;background-image:none;position:relative}.subcategory-item input[type="radio"]:focus-visible+label .benefit-card--selectable,.subcategory-item label:focus-visible .benefit-card--selectable{box-shadow:0 0 0 3px rgba(17,24,39,0.10),0 8px 18px rgba(0,0,0,.06);outline:none}.subcategory-item input[type="radio"]:checked+label .benefit-card--selectable::before{content:none}@media (max-width:639px){.benefit-card__meters{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:start}.meter{display:grid;grid-template-rows:auto auto auto;justify-items:center;align-items:start;text-align:center;gap:.35rem}.meter__label{font-size:var(--font-size-xs);line-height:1.2;min-height:1.1rem;display:flex;align-items:center}.meter-3{display:inline-flex;gap:.3rem;min-height:1rem}.meter-3 .box{width:12px;height:12px;border-radius:3px}.meter__hint{font-size:var(--font-size-xs);color:var(--color-gray-500);min-height:1.1rem;display:inline-flex;align-items:center}.benefit-card__description{margin-top:.15rem;margin-bottom:.25rem;font-size:calc(var(--font-size-sm) * 0.95);line-height:1.4}}.goal-pill{display:inline-block;margin:0 0 .35rem 0;padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px}.benefit-card__description{margin-top:.15rem;margin-bottom:.4rem}.benefit-card__meters{margin-top:.5rem}.benefit-card__goal{grid-column:1 / -1;display:flex;justify-content:center;margin:.25rem 0 .35rem 0}.benefit-card__price i.fa-coins{margin-right:.35rem;opacity:.95}.benefit-card__title-wrap{display:inline-flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}.benefit-badge--chip{display:inline-flex;align-items:center;gap:.35rem;padding:0 .5rem;height:20px;line-height:20px;font-size:.75rem;font-weight:700;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;white-space:nowrap}.benefit-badge--chip::before{content:"✨";font-size:.85em;opacity:.9}.benefit-badge--float{position:absolute;top:0;right:var(--space-4);transform:translateY(-60%);z-index:5;pointer-events:none;display:inline-flex;align-items:center;gap:.35rem;padding:0 .5rem;height:20px;line-height:20px;font-size:.75rem;font-weight:700;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.05)}.benefit-badge--float::before{content:"✨";font-size:.85em;opacity:.9}.benefit-badge--popular{position:absolute;top:0;right:var(--space-4);transform:translateY(-60%);z-index:5;pointer-events:none;display:inline-flex;align-items:center;gap:.35rem;padding:0 .6rem;height:22px;line-height:22px;font-size:.8rem;font-weight:700;white-space:nowrap;border-radius:9999px;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary-dark)}.benefit-badge--popular::before{content:"✨";font-size:.85em;opacity:.9}.section-card{background-color:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);overflow:hidden}.section-card__header{padding:var(--space-4) var(--space-5);background-color:var(--surface-tertiary);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.section-card__title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:var(--space-2)}.section-card__title i{color:var(--color-primary);font-size:var(--font-size-sm)}.section-card__body{padding:var(--space-5)}.section-card--flush .section-card__body{padding:0}.section-card--simple{padding:var(--space-5)}.section-card__section-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--space-4) 0}@media (max-width:767px){.section-card__header{padding:var(--space-3) var(--space-4)}.section-card__body{padding:var(--space-4)}.section-card--simple{padding:var(--space-4)}}
/* === components/alerts.css === */
#flash-container{position:fixed;top:80px;right:20px;z-index:12000;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.flash-alert{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:0 4px 12px rgba(0,0,0,0.1);animation:slideInRight 0.4s ease-out forwards;opacity:0;transform:translateX(20px)}.flash-alert.fade-out{animation:fadeOutRight 0.5s ease-in forwards}.flash-alert__icon{flex-shrink:0;font-size:1.25rem;margin-top:2px}.flash-alert__message{flex-grow:1;font-size:0.95rem;line-height:1.5}.flash-alert__message strong{font-weight:var(--font-weight-semibold)}.flash-alert__close{background:none;border:none;color:inherit;font-size:1.5rem;line-height:1;opacity:0.6;cursor:pointer;padding:0 0 0 0.5rem;margin-top:-2px;transition:opacity 0.2s ease}.flash-alert__close:hover{opacity:1}.flash-alert[data-type="success"]{background-color:var(--color-success-light);border-color:rgba(16,185,129,0.3);color:var(--color-success-dark)}.flash-alert[data-type="danger"]{background-color:var(--color-danger-light);border-color:rgba(239,68,68,0.3);color:var(--color-danger-dark)}.flash-alert[data-type="warning"]{background-color:var(--color-warning-light);border-color:rgba(245,158,11,0.3);color:var(--color-warning-dark)}.flash-alert[data-type="info"]{background-color:var(--color-info-light);border-color:rgba(59,130,246,0.3);color:var(--color-info-dark)}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}@keyframes fadeOutRight{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@media (max-width:767px){#flash-container{top:70px;left:15px;right:15px;width:auto;max-width:none}.flash-alert{padding:0.875rem 1rem}.flash-alert__message{font-size:0.9rem}}.flash-alert__link{color:#fff;font-weight:700;text-decoration:none;background-color:rgba(0,0,0,0.25);padding:0.2em 0.5em;border-radius:4px;transition:background-color 0.2s ease}.flash-alert__link:hover,.flash-alert__link:focus{background-color:rgba(0,0,0,0.4);color:#fff;text-decoration:none}
/* === components/avatars.css === */
.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background-color:var(--color-gray-200);color:var(--color-gray-700);font-weight:var(--font-weight-semibold)}.avatar--xs{width:24px;height:24px;font-size:var(--font-size-xs)}.avatar--sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar--md{width:48px;height:48px;font-size:var(--font-size-base)}.avatar--lg{width:64px;height:64px;font-size:var(--font-size-xl)}.avatar--xl{width:96px;height:96px;font-size:var(--font-size-2xl)}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar--border{border:2px solid var(--color-white);box-shadow:var(--shadow-sm)}.avatar-with-badge{position:relative;display:inline-flex}.avatar__badge{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background-color:var(--color-success);border:2px solid var(--color-white)}.avatar--sm .avatar__badge{width:8px;height:8px}.avatar--lg .avatar__badge,.avatar--xl .avatar__badge{width:12px;height:12px}.button-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;margin-right:var(--space-2)}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-gray-200);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);overflow:hidden}.user-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:var(--space-4);border:3px solid var(--color-white);box-shadow:var(--shadow-sm)}.nav-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}
/* === components/modals.css === */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,23,42,0.85);display:none;align-items:flex-start;justify-content:center;padding:100px var(--space-4) var(--space-8) var(--space-4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:modalFadeIn var(--transition-fast) var(--ease-out);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:11000}.modal-overlay.is-visible{display:flex}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:500px;background-color:var(--color-white);border-radius:16px;padding:var(--space-6);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);position:relative;animation:modalSlideIn var(--transition-fast) var(--ease-out);max-height:90vh;overflow-y:auto}@keyframes modalSlideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-gray-500);transition:all var(--transition-fast) var(--ease-in-out);cursor:pointer;background-color:transparent;border:none;z-index:10;font-size:24px}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900);transform:rotate(90deg)}.modal-content h2,.modal-content h3{color:var(--color-gray-900);margin-bottom:var(--space-4);font-weight:var(--font-weight-semibold)}.modal-buttons{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.btn-modal-primary{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-in-out)}.btn-modal-primary:hover{background-color:var(--color-primary-dark)}.btn-modal-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700);border:none;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast) var(--ease-in-out)}.btn-modal-secondary:hover{background-color:var(--color-gray-300);color:var(--color-gray-800)}.modal-content .form-group{margin-bottom:var(--space-4)}.modal-content .form-label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.modal-content .form-control{width:100%;padding:var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast) var(--ease-in-out)}.modal-content .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(79,70,229,0.1);outline:none}#creditEarningsInfo{background-color:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--space-3);margin:var(--space-4) 0}.earnings-row{display:flex;align-items:center;padding:var(--space-1) 0;position:relative}.earnings-row.total{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-gray-200);font-size:var(--font-size-base)}.earnings-row .fa-coins{color:#F7C702;margin-right:var(--space-1)}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:var(--color-gray-300);color:var(--color-white);font-size:var(--font-size-xs);margin-right:var(--space-2);cursor:pointer}.tooltip-content{position:absolute;top:100%;left:0;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-md);z-index:10;display:none;width:250px;font-size:var(--font-size-sm)}#suggestedNicheWrapper{margin-top:12px}.currency-converter-modal-dialog{max-width:450px}.currency-converter-modal-header{text-align:center;margin-bottom:var(--space-4)}.currency-converter-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--space-2)}.currency-converter-modal-header p{color:var(--color-gray-600);margin:0}.currency-converter-modal-body{margin-bottom:var(--space-4)}.currency-result-container{margin-top:var(--space-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}#currency-result-text{font-size:var(--font-size-lg);color:var(--color-gray-800);margin:0}#currency-result-text strong{font-weight:var(--font-weight-bold);color:var(--color-primary)}.currency-converter-modal-footer{font-size:var(--font-size-sm);color:var(--color-gray-500);text-align:center;background-color:var(--color-gray-100);padding:var(--space-3);margin:var(--space-6) calc(-1 * var(--space-6)) calc(-1 * var(--space-6));border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.currency-result-container .spinner{width:24px;height:24px;border:3px solid rgba(0,0,0,0.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feature-list-aligned{list-style:none;padding:0;margin:0;text-align:left}.feature-list-aligned li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:0.95rem;line-height:1.4;color:var(--color-gray-700)}.feature-list-aligned li:last-child{margin-bottom:0}.feature-list-aligned li i{margin-top:3px;flex-shrink:0;width:16px;text-align:center}.feature-list-aligned li span strong{color:var(--color-gray-900);font-weight:600}#dna-verification-modal.modal-overlay{align-items:center;padding:var(--space-4);overflow:hidden}.dna-modal-content{max-width:600px;padding:0;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.dna-modal-header{padding:1.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;background:#ffffff;border-radius:16px 16px 0 0}.dna-modal-header .dna-header-row{display:flex;align-items:center;gap:12px}.dna-modal-content .dna-modal-title{margin:0;font-size:1.25rem;color:#0f172a;font-weight:800;letter-spacing:-0.02em;line-height:1}.dna-modal-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #e2e8f0;margin:0}.dna-modal-body{padding:2rem;background-color:#ffffff;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.dna-modal-content .form-control,.dna-modal-content .form-select-sm{height:50px;padding:0 16px;font-size:0.95rem;border:1px solid #cbd5e1;border-radius:8px;background-color:#ffffff;color:#1e293b;transition:border-color 0.2s,box-shadow 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.dna-modal-content .form-control:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,0.1);outline:none}.dna-modal-content select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23334155' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px 12px;padding-right:2.5rem}.dna-tags-input-wrapper{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;min-height:50px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:all 0.2s}.dna-tags-input-wrapper:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,0.1)}.dna-tags-input-wrapper.is-invalid{border-color:#ef4444;background-color:#fef2f2;box-shadow:0 0 0 3px rgba(239,68,68,0.1);animation:shake 0.4s cubic-bezier(0.36,0.07,0.19,0.97) both}.dna-field-error{color:#ef4444;font-size:0.85rem;font-weight:600;margin-top:6px;display:flex;align-items:center;gap:6px;animation:slideDown 0.2s ease-out}.dna-field-error::before{content:"\f071";font-family:"Font Awesome 5 Free";font-weight:900;font-size:0.8em}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dna-tag-input{border:none;outline:none;flex:1;min-width:120px;font-size:0.95rem;padding:4px 0;margin-top:2px;background:transparent;color:#1e293b}.dna-tag-chip{display:inline-flex;align-items:center;background-color:#f8fafc;color:#334155;border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;font-size:0.85rem;font-weight:600;user-select:none}.dna-tag-chip:hover{background-color:#f1f5f9;border-color:#cbd5e1}.dna-tag-chip__remove{background:none;border:none;color:#94a3b8;margin-left:8px;cursor:pointer;font-size:14px;display:flex;align-items:center}.dna-tag-chip__remove:hover{color:#ef4444}.dna-sponsor-wrapper{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;padding:16px;margin-top:24px}.dna-sponsor-wrapper label{color:#166534;font-weight:700}.dna-sponsor-wrapper .dna-tags-input-wrapper{border-color:#86efac;box-shadow:none}.dna-modal-footer{padding:1.5rem 2rem;background-color:#ffffff;border-top:1px solid #f1f5f9;border-radius:0 0 16px 16px}#save-dna-btn{background-color:#7c3aed;border:1px solid #7c3aed;color:white;font-size:1rem;font-weight:700;height:52px;border-radius:10px;box-shadow:0 4px 6px -1px rgba(124,58,237,0.3);width:100%;transition:all 0.2s ease}#save-dna-btn:hover{background-color:#6d28d9;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(124,58,237,0.3)}.dna-dismiss-btn{display:block;width:100%;margin-top:var(--space-2);padding:var(--space-2) var(--space-4);background:none;border:none;color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color 0.2s ease;text-align:center}.dna-dismiss-btn:hover{color:var(--color-gray-700)}.dna-context-alert{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;gap:12px;font-size:0.9rem}.dna-context-alert.alert-warning{background-color:#fff7ed;border-color:#fed7aa;color:#9a3412}.dna-scanner-wrapper{position:relative;width:100px;height:100px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.dna-scanner-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px #e2e8f0;position:relative;z-index:2;background-color:#f1f5f9}.dna-radar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #7c3aed;opacity:0;z-index:1}.dna-radar-ring:nth-child(1){width:72px;height:72px;animation:pulse-ring 2s infinite ease-out}.dna-radar-ring:nth-child(2){width:72px;height:72px;animation:pulse-ring 2s infinite ease-out 0.6s}.dna-radar-ring:nth-child(3){width:72px;height:72px;animation:pulse-ring 2s infinite ease-out 1.2s}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:0.8}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}.dna-loading-text{font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:8px;min-height:1.5em}.dna-secure-badge{margin-top:32px;display:inline-flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:600;color:#64748b;background-color:#f8fafc;padding:6px 12px;border-radius:99px;border:1px solid #e2e8f0}.dna-secure-badge i{color:#10b981}@media (max-width:767px){.modal-content{max-width:90%;padding:var(--space-4)}.modal-buttons{flex-direction:column-reverse}.modal-buttons button{width:100%}.modal-overlay{padding-top:90px;padding-left:var(--space-3);padding-right:var(--space-3);padding-bottom:var(--space-6)}#dna-verification-modal.modal-overlay{align-items:flex-start;padding:0;overflow:hidden}.dna-modal-content{max-width:100%;width:100%;border-radius:0;max-height:100dvh;height:100dvh}.dna-modal-header{border-radius:0}.dna-modal-footer{border-radius:0;position:static;box-shadow:0 -4px 6px -1px rgba(0,0,0,0.05);flex-shrink:0}.dna-modal-body{padding-bottom:1.5rem}.dna-modal-content .dna-form-row-grid{grid-template-columns:1fr;gap:16px}}.mk-explainer-modal{z-index:10000}.mk-explainer-content{max-width:500px;border-radius:var(--radius-xl)}.mk-explainer-header{border-bottom:1px solid var(--color-gray-100);padding:1.5rem 1.5rem 1rem}.mk-explainer-header-row{display:flex;align-items:center;gap:12px}.mk-explainer-icon{width:42px;height:42px;background:#f0fdf4;color:var(--color-success-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.mk-explainer-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--color-gray-800)}.mk-explainer-subtitle{margin:2px 0 0;color:var(--color-gray-500);font-size:0.85rem}.mk-explainer-body{padding:1.5rem}.mk-explainer-benefits{display:flex;flex-direction:column;gap:20px}.mk-explainer-benefit{display:flex;gap:12px;align-items:flex-start}.mk-explainer-benefit-icon{font-size:1.2rem;margin-top:2px;flex-shrink:0}.mk-explainer-benefit-icon--money{color:var(--color-brand-blue)}.mk-explainer-benefit-icon--commission{color:#ea580c}.mk-explainer-benefit-icon--verify{color:var(--color-gray-600)}.mk-explainer-benefit-title{display:block;color:var(--color-gray-800);font-size:0.95rem;margin-bottom:2px}.mk-explainer-benefit-desc{margin:0;font-size:0.9rem;color:var(--color-gray-500);line-height:1.4}.mk-explainer-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--color-gray-100);display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;background-color:#fcfcfc;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.mk-explainer-footer-buttons{display:flex;gap:12px;width:100%;flex-wrap:wrap;justify-content:flex-end}.mk-explainer-btn-preview{background:var(--color-white);border:1px solid var(--color-gray-200);color:var(--color-gray-800);font-weight:600;padding:10px 16px;flex:1 1 auto;justify-content:center;min-width:140px}.mk-explainer-btn-activate{background-color:var(--color-success-dark);border-color:var(--color-success-dark);color:var(--color-white);padding:10px 20px;flex:1 1 auto;justify-content:center;min-width:140px}.mk-explainer-btn-activate:hover{background-color:var(--color-success);border-color:var(--color-success)}.mk-explainer-btn-view{width:100%;justify-content:center}.mk-explainer-status-text{margin-right:auto}
/* === components/tables.css === */
.table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:var(--space-6)}.table:last-child{margin-bottom:0}.table th{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-size-sm)}.table th:first-child{border-top-left-radius:var(--radius-lg)}.table th:last-child{border-top-right-radius:var(--radius-lg)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-800);vertical-align:middle}.table tbody tr:hover{background-color:var(--color-gray-50)}.table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.table--striped tbody tr:nth-of-type(odd){background-color:var(--color-gray-50)}.table--striped tbody tr:nth-of-type(odd):hover{background-color:rgba(229,231,235,0.7)}.table--bordered th,.table--bordered td{border:1px solid var(--color-gray-200)}.table--compact th,.table--compact td{padding:var(--space-2)}.table-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:0.05em}.status-open{background-color:rgba(16,185,129,0.1);color:var(--color-status-open)}.status-assigned{background-color:rgba(59,130,246,0.1);color:var(--color-status-assigned)}.status-completed{background-color:rgba(139,92,246,0.1);color:var(--color-status-completed)}.status-cancelled{background-color:rgba(239,68,68,0.1);color:var(--color-status-cancelled)}.status-expired{background-color:rgba(107,114,128,0.1);color:var(--color-status-expired)}.table a{color:var(--color-primary);text-decoration:none}.table a:hover{text-decoration:underline}.table-shoutout-options{position:relative}.toggle-options{margin-left:var(--space-1);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm)}@media (max-width:767px){.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive .table{white-space:nowrap}}.collabs-table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.collabs-table th{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);padding:var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.collabs-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-gray-200)}.collabs-table tr:last-child td{border-bottom:none}.collabs-filter{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.collabs-filter label{font-weight:var(--font-weight-medium);color:var(--color-gray-700)}
/* === components/pagination.css === */
.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-6) 0}.pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);border-radius:var(--radius-lg);background-color:var(--color-white);border:1px solid var(--color-gray-200);color:var(--color-gray-700);text-decoration:none;transition:all var(--transition-fast) var(--ease-in-out);font-size:var(--font-size-sm)}.pagination__link:hover{background-color:var(--color-gray-50);color:var(--color-gray-900);text-decoration:none;border-color:var(--color-gray-300)}.pagination__link--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold)}.pagination__link--active:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}.pagination__link--prev,.pagination__link--next{font-size:var(--font-size-base)}.pagination__link--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-2);color:var(--color-gray-500);font-size:var(--font-size-sm)}@media (max-width:767px){.pagination__link{min-width:32px;height:32px}.pagination__link-text{display:none}.pagination__ellipsis{height:32px}}.collab-board__pagination{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);border-radius:var(--radius-lg);background-color:var(--color-white);border:1px solid var(--color-gray-200);color:var(--color-gray-700);text-decoration:none;transition:all var(--transition-fast) var(--ease-in-out)}.pagination-link:hover{background-color:var(--color-gray-50);color:var(--color-gray-900);text-decoration:none}.pagination-link.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold)}.dashboard-pagination{display:flex;justify-content:center;width:100%;margin-top:var(--space-4)}.dashboard-pagination__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.dashboard-pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all 0.2s ease-in-out;line-height:1;cursor:pointer;user-select:none}.dashboard-pagination__link:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dashboard-pagination__link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.15);border-color:var(--color-primary)}.dashboard-pagination__link.is-active{background-color:var(--color-gray-600);border-color:var(--color-gray-600);color:var(--color-white);cursor:default;pointer-events:none;box-shadow:var(--shadow-sm)}.dashboard-pagination__link.is-disabled{background-color:var(--color-gray-50);border-color:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed;pointer-events:none;opacity:0.7}.dashboard-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--color-gray-500);font-size:var(--font-size-base);padding:0 var(--space-1);user-select:none}@media (max-width:768px){.dashboard-pagination__list{gap:var(--space-1)}.dashboard-pagination__link{min-width:40px;height:40px;font-size:var(--font-size-base)}}
/* === components/badges.css === */
.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.5;white-space:nowrap;vertical-align:middle;border:1px solid transparent}.badge i{font-size:0.7em}.badge--primary{background-color:rgba(79,70,229,0.1);color:var(--color-primary-dark);border-color:rgba(79,70,229,0.2)}.badge--success{background-color:var(--color-success-light);color:var(--color-success-dark);border-color:rgba(16,185,129,0.25)}.badge--warning{background-color:var(--color-warning-light);color:var(--color-warning-dark);border-color:rgba(245,158,11,0.25)}.badge--danger{background-color:var(--color-danger-light);color:var(--color-danger-dark);border-color:rgba(239,68,68,0.25)}.badge--info{background-color:var(--color-info-light);color:var(--color-info-dark);border-color:rgba(59,130,246,0.25)}.badge--neutral{background-color:var(--color-gray-100);color:var(--color-gray-600);border-color:var(--color-gray-200)}.badge--premium{background-color:rgba(124,58,237,0.1);color:#6d28d9;border-color:rgba(124,58,237,0.2)}.badge--plan-free{background-color:var(--color-gray-100);color:var(--color-gray-600);border-color:var(--color-gray-200)}.badge--plan-growth{background-color:rgba(59,130,246,0.1);color:#1d4ed8;border-color:rgba(59,130,246,0.2)}.badge--plan-pro{background-color:rgba(79,70,229,0.1);color:var(--color-primary-dark);border-color:rgba(79,70,229,0.2)}.badge--plan-elite{background-color:rgba(124,58,237,0.1);color:#6d28d9;border-color:rgba(124,58,237,0.2)}.badge--sm{padding:1px 6px;font-size:var(--font-size-2xs,0.6875rem);gap:3px}.badge--lg{padding:4px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.badge--score{font-weight:var(--font-weight-semibold);min-width:28px;justify-content:center;font-size:var(--font-size-xs)}.badge--score-green{background-color:#d1fae5;color:#065f46;border-color:#a7f3d0}.badge--score-amber{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.badge--score-red{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.badge--dot::before{content:'';width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge--dot.badge--success::before{background-color:var(--color-success)}.badge--dot.badge--warning::before{background-color:var(--color-warning)}.badge--dot.badge--danger::before{background-color:var(--color-danger)}.badge--dot.badge--info::before{background-color:var(--color-info)}.badge--dot.badge--neutral::before{background-color:var(--color-gray-400)}.badge--dot.badge--primary::before{background-color:var(--color-primary)}.badge--outlined{background-color:transparent}.badge--label{text-transform:uppercase;letter-spacing:0.05em;font-weight:var(--font-weight-semibold)}.badge--count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);font-size:var(--font-size-2xs,0.6875rem);font-weight:var(--font-weight-semibold);justify-content:center;line-height:1}
/* === components/breadcrumbs.css === */
.breadcrumb{display:flex;align-items:center;gap:0;font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-400);margin:0;padding:0}.breadcrumb a{color:var(--color-gray-500);text-decoration:none;transition:color 0.15s ease}.breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb__sep{font-size:0.5rem;color:var(--color-gray-300);margin:0 6px}.breadcrumb__current{color:var(--color-gray-500)}.breadcrumb__list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}.breadcrumb__list li{display:flex;align-items:center}.breadcrumb__list li:not(:last-child)::after{content:'/';font-size:0.5rem;color:var(--color-gray-300);margin:0 6px}.breadcrumb--on-dark .breadcrumb__list li:not(:last-child)::after{color:rgba(255,255,255,0.3)}.breadcrumb--on-dark{color:rgba(255,255,255,0.55)}.breadcrumb--on-dark a{color:rgba(255,255,255,0.65)}.breadcrumb--on-dark a:hover{color:rgba(255,255,255,0.9)}.breadcrumb--on-dark .breadcrumb__sep{color:rgba(255,255,255,0.3)}.breadcrumb--on-dark .breadcrumb__current{color:rgba(255,255,255,0.8)}
/* === components/tabs.css === */
.tabs{display:flex;align-items:center;gap:var(--space-1);padding:4px;background:var(--color-gray-100);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs__item{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-gray-500);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast) ease;text-decoration:none;line-height:1.4}.tabs__item:hover{color:var(--color-gray-700);background:rgba(255,255,255,0.6)}.tabs__item.active,.tabs__item[aria-selected="true"]{color:var(--color-primary);background:var(--color-white);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.tabs__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold);line-height:1;background:var(--color-gray-200);color:var(--color-gray-600)}.tabs__item.active .tabs__count,.tabs__item[aria-selected="true"] .tabs__count{background:rgba(var(--color-primary-rgb),0.12);color:var(--color-primary)}.tabs__count--red{background:var(--color-danger);color:var(--color-white)}.tabs__item.active .tabs__count--red,.tabs__item[aria-selected="true"] .tabs__count--red{background:var(--color-danger);color:var(--color-white)}.tabs__count--green{background:var(--color-success);color:var(--color-white)}.tabs__item.active .tabs__count--green,.tabs__item[aria-selected="true"] .tabs__count--green{background:var(--color-success);color:var(--color-white)}.tabs__count--pulse{animation:tabsCountPulse 2s cubic-bezier(0.22,1,0.36,1) infinite}@keyframes tabsCountPulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0.55)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}@media (prefers-reduced-motion:reduce){.tabs__count--pulse{animation:none}}.tabs--underline{background:transparent;padding:0;gap:0;border-bottom:1px solid var(--color-gray-200);border-radius:0}.tabs--underline .tabs__item{padding:10px 16px;border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs--underline .tabs__item:hover{background:transparent;color:var(--color-gray-700);border-bottom-color:var(--color-gray-300)}.tabs--underline .tabs__item.active,.tabs--underline .tabs__item[aria-selected="true"]{background:transparent;color:var(--color-primary);border-bottom-color:var(--color-primary);box-shadow:none}.tabs--divided{gap:0;padding:0;background:transparent;border-radius:0;border-bottom:1px solid var(--color-gray-200);overflow:visible}.tabs--divided .tabs__item{flex:1;justify-content:center;padding:10px 8px;border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;position:relative}.tabs--divided .tabs__item + .tabs__item::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--color-gray-200)}.tabs--divided .tabs__item:hover{background:var(--color-gray-50,#f8fafc);color:var(--color-gray-700)}.tabs--divided .tabs__item.active,.tabs--divided .tabs__item[aria-selected="true"]{background:transparent;color:var(--color-primary);border-bottom-color:var(--color-primary);box-shadow:none}.tabs--sm{padding:3px}.tabs--sm .tabs__item{padding:6px 12px;font-size:var(--font-size-sm)}.tabs__badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);line-height:1.4;letter-spacing:0.02em;text-transform:uppercase}.tabs__badge--soon{background:var(--color-gray-200);color:var(--color-gray-500)}.tabs__badge--new{background:rgba(var(--color-primary-rgb),0.12);color:var(--color-primary)}.tabs__item.active .tabs__badge--soon,.tabs__item[aria-selected="true"] .tabs__badge--soon{background:rgba(var(--color-primary-rgb),0.10);color:var(--color-primary)}@media (max-width:767px){.tabs__item{padding:8px 14px;font-size:var(--font-size-sm)}}
/* === components/banners.css === */
.banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid}.banner__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);flex-shrink:0;font-size:var(--font-size-lg)}.banner__content{flex:1;min-width:0}.banner__title{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1);line-height:var(--line-height-tight)}.banner__content p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;line-height:1.5}.banner__action{flex-shrink:0;align-self:center}.banner__close{flex-shrink:0;background:none;border:none;padding:var(--space-1);color:var(--color-gray-400);cursor:pointer;font-size:var(--font-size-lg);line-height:1}.banner__close:hover{color:var(--color-gray-600)}.banner--info{background:var(--color-info-light);border-color:rgba(var(--color-info-rgb),0.2)}.banner--info .banner__icon{background:rgba(var(--color-info-rgb),0.15);color:var(--color-info)}.banner--info .banner__title{color:var(--color-info-dark)}.banner--success{background:var(--color-success-light);border-color:rgba(var(--color-success-rgb),0.2)}.banner--success .banner__icon{background:rgba(var(--color-success-rgb),0.15);color:var(--color-success)}.banner--success .banner__title{color:var(--color-success-dark)}.banner--warning{background:var(--color-warning-light);border-color:rgba(var(--color-warning-rgb),0.2)}.banner--warning .banner__icon{background:rgba(var(--color-warning-rgb),0.15);color:var(--color-warning)}.banner--warning .banner__title{color:var(--color-warning-dark)}.banner--danger{background:var(--color-danger-light);border-color:rgba(var(--color-danger-rgb),0.2)}.banner--danger .banner__icon{background:rgba(var(--color-danger-rgb),0.15);color:var(--color-danger)}.banner--danger .banner__title{color:var(--color-danger-dark)}.banner--upsell{background:var(--surface-indigo-subtle);border-color:rgba(var(--color-primary-rgb),0.15)}.banner--upsell .banner__icon{background:rgba(var(--color-primary-rgb),0.12);color:var(--color-primary)}.banner--upsell .banner__title{color:var(--color-primary-dark)}.banner--neutral{background:var(--color-gray-50);border-color:var(--color-gray-200)}.banner--neutral .banner__icon{background:var(--color-gray-100);color:var(--color-gray-500)}.banner--neutral .banner__title{color:var(--color-gray-800)}.banner--compact{padding:var(--space-3);align-items:center}.banner--compact .banner__icon{width:32px;height:32px;font-size:var(--font-size-sm)}.banner--dismissible{padding-right:var(--space-3)}@media (max-width:767px){.banner{padding:var(--space-3);gap:var(--space-3)}.banner__icon{width:36px;height:36px}.banner__action{align-self:stretch}.banner--has-action{flex-wrap:wrap}.banner--has-action .banner__action{width:100%;margin-top:var(--space-2)}.banner--has-action .banner__action .button{width:100%}}
/* === components/stats.css === */
.stat-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.stat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl)}.stat__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);flex-shrink:0;font-size:var(--font-size-base);background:rgba(var(--color-primary-rgb),0.08);color:var(--color-primary)}.stat__body{display:flex;flex-direction:column;min-width:0}.stat__value{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.2}.stat__label{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.stat__icon--success{background:rgba(var(--color-success-rgb),0.1);color:var(--color-success)}.stat__icon--warning{background:rgba(var(--color-warning-rgb),0.1);color:var(--color-warning)}.stat__icon--danger{background:rgba(var(--color-danger-rgb),0.1);color:var(--color-danger)}.stat__icon--info{background:rgba(var(--color-info-rgb),0.1);color:var(--color-info)}.stat__icon--premium{background:rgba(124,58,237,0.1);color:var(--color-brand-purple)}.stat--compact{padding:var(--space-2) var(--space-3);background:var(--color-gray-50);border:none}.stat--compact .stat__icon{width:32px;height:32px;font-size:var(--font-size-sm)}.stat--compact .stat__value{font-size:var(--font-size-lg)}.stat--card{flex:1;flex-direction:column;align-items:center;text-align:center;padding:var(--space-5);gap:var(--space-2)}.stat--card .stat__icon{width:48px;height:48px;font-size:var(--font-size-xl)}.stat--card .stat__value{font-size:var(--font-size-2xl)}@media (max-width:767px){.stat-group{gap:var(--space-2)}.stat{padding:var(--space-2) var(--space-3);flex:1 1 calc(50% - var(--space-2))}.stat__icon{width:36px;height:36px;font-size:var(--font-size-sm)}.stat__value{font-size:var(--font-size-lg)}.stat--card{padding:var(--space-4)}.stat--card .stat__value{font-size:var(--font-size-xl)}}
/* === components/action-cards.css === */
.action-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:all var(--transition-fast) ease;cursor:pointer}.action-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-card__header{display:flex;align-items:center;gap:var(--space-3)}.action-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);flex-shrink:0;font-size:var(--font-size-lg)}.action-card__title{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0;line-height:var(--line-height-tight)}.action-card__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0;line-height:1.5}.action-card__cta{margin-top:var(--space-1)}.action-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:10px 16px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;border:none;cursor:pointer;transition:all var(--transition-fast) ease;text-decoration:none}.action-card__reward{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(255,255,255,0.3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.action-card__body{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.action-card--blue .action-card__icon{background:var(--color-info-light);color:var(--color-info)}.action-card--blue .action-card__btn{background:var(--color-info);color:var(--color-white)}.action-card--blue:hover .action-card__btn{background:var(--color-info-dark)}.action-card--green .action-card__icon{background:var(--color-success-light);color:var(--color-success)}.action-card--green .action-card__btn{background:var(--color-success);color:var(--color-white)}.action-card--green:hover .action-card__btn{background:var(--color-success-dark)}.action-card--emerald .action-card__icon{background:#ecfdf5;color:#059669}.action-card--emerald .action-card__btn{background:#059669;color:var(--color-white)}.action-card--emerald:hover .action-card__btn{background:#047857}.action-card--indigo .action-card__icon{background:var(--surface-indigo-subtle);color:var(--color-primary)}.action-card--indigo .action-card__btn{background:var(--color-primary);color:var(--color-white)}.action-card--indigo:hover .action-card__btn{background:var(--color-primary-dark)}.action-card--amber .action-card__icon{background:var(--color-warning-light);color:var(--color-warning)}.action-card--amber .action-card__btn{background:var(--color-warning);color:var(--color-white)}.action-card--amber:hover .action-card__btn{background:var(--color-warning-dark)}.action-card--disabled{opacity:0.6;cursor:not-allowed;pointer-events:none}.action-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}@media (max-width:767px){.action-card{padding:var(--space-4)}.action-card-grid{grid-template-columns:1fr}}
/* === components/empty-states.css === */
.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-10) var(--space-6);max-width:400px;margin:0 auto}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-400);font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.empty-state__title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0 0 var(--space-2)}.empty-state__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.6;margin:0 0 var(--space-5);max-width:320px}.empty-state__cta{display:flex;gap:var(--space-3)}.empty-state--compact{padding:var(--space-6) var(--space-4)}.empty-state--compact .empty-state__icon{width:48px;height:48px;font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.empty-state--compact .empty-state__title{font-size:var(--font-size-base)}@media (max-width:767px){.empty-state{padding:var(--space-8) var(--space-4)}.empty-state__icon{width:56px;height:56px;font-size:var(--font-size-xl)}.empty-state__cta{flex-direction:column;width:100%}.empty-state__cta .button{width:100%}}
/* === components/score-ring.css === */
.ch-score-ring-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:12px;transition:background 150ms ease,transform 200ms ease;flex-shrink:0;text-align:center;text-decoration:none}.ch-score-ring-btn:hover{background:rgba(79,70,229,0.05);transform:translateY(-2px)}.ch-score-ring{position:relative;width:72px;height:72px}.ch-score-ring__svg{width:72px;height:72px;transform:rotate(-90deg);display:block}.ch-score-ring__arc{transition:stroke-dashoffset 1.2s cubic-bezier(0.25,0.46,0.45,0.94)}.ch-score-ring__arc--success{stroke:#059669}.ch-score-ring__arc--warning{stroke:#f97316}.ch-score-ring__arc--danger{stroke:#dc2626}.ch-score-ring__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;line-height:1;pointer-events:none}.ch-score-ring__num{font-family:var(--font-display,'Plus Jakarta Sans',sans-serif);font-size:1.375rem;font-weight:800;color:var(--color-gray-900,#0f172a);line-height:1}.ch-score-ring__denom{font-size:var(--font-size-xs,0.75rem);color:var(--color-gray-400,#94a3b8);margin-top:1px;font-weight:500}.ch-score-ring__label{font-size:0.75rem;font-weight:700;color:var(--color-gray-700,#374151);white-space:nowrap;margin-top:2px}.ch-score-ring__cta{font-size:var(--font-size-xs,0.75rem);font-weight:500;color:var(--color-primary,#4f46e5);display:flex;align-items:center;gap:3px;transition:gap 150ms ease}.ch-score-ring-btn:hover .ch-score-ring__cta{gap:6px}.ch-score-ring__cta i{font-size:0.6rem;transition:transform 150ms ease}.ch-score-ring-btn:hover .ch-score-ring__cta i{transform:translateX(2px)}.ch-score-ring-btn--success .ch-score-ring__label{color:#059669}.ch-score-ring-btn--warning .ch-score-ring__label{color:#f97316}.ch-score-ring-btn--danger .ch-score-ring__label{color:#dc2626}@media (max-width:767px){.ch-score-ring,.ch-score-ring__svg{width:60px;height:60px}.ch-score-ring__num{font-size:1.125rem}}.ch-score-ring-btn--horizontal{flex-direction:row;align-items:center;gap:10px;text-align:left;padding:6px 10px}.ch-score-ring-btn--horizontal:hover{transform:none;background:rgba(79,70,229,0.05)}.ch-score-ring-btn--horizontal .ch-score-ring,.ch-score-ring-btn--horizontal .ch-score-ring__svg{width:60px;height:60px}.ch-score-ring-btn--horizontal .ch-score-ring__num{font-size:1.125rem}.ch-score-ring__text{display:flex;flex-direction:column;gap:2px}.ch-score-ring__eyebrow{font-size:var(--font-size-xs,0.75rem);font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-gray-400,#94a3b8);font-family:var(--font-body,'Inter',sans-serif);line-height:1}.ch-score-ring-btn--horizontal .ch-score-ring__label{margin-top:0;font-size:var(--font-size-sm,0.875rem)}.ch-score-ring-btn--horizontal .ch-score-ring__cta{font-size:var(--font-size-xs,0.75rem)}.ch-score-ring-btn--hero{flex-direction:row;align-items:center;gap:14px;text-align:left;padding:12px 16px;border-radius:14px;background:rgba(79,70,229,0.05);border:1.5px solid rgba(79,70,229,0.18);flex-shrink:0}.ch-score-ring-btn--hero:hover{transform:translateY(-1px);background:rgba(79,70,229,0.09);border-color:rgba(79,70,229,0.32)}.ch-score-ring-btn--hero .ch-score-ring,.ch-score-ring-btn--hero .ch-score-ring__svg{width:90px;height:90px}.ch-score-ring-btn--hero .ch-score-ring__num{font-size:2rem}.ch-score-ring-btn--hero .ch-score-ring__denom{font-size:0.75rem;margin-top:2px}.ch-score-ring-btn--hero .ch-score-ring__eyebrow{font-size:var(--font-size-xs,0.75rem);letter-spacing:0.07em;color:var(--color-gray-500,#64748b)}.ch-score-ring-btn--hero .ch-score-ring__label{margin-top:2px;font-size:1.125rem;font-weight:700;white-space:nowrap}.ch-score-ring-btn--hero.ch-score-ring-btn--success .ch-score-ring__label{color:#059669}.ch-score-ring-btn--hero.ch-score-ring-btn--warning .ch-score-ring__label{color:#f97316}.ch-score-ring-btn--hero.ch-score-ring-btn--danger .ch-score-ring__label{color:#dc2626}.ch-score-ring-btn--hero .ch-score-ring__cta{font-size:0.75rem;margin-top:4px}@media (max-width:767px){.ch-score-ring-btn--hero{padding:8px 10px;gap:10px}.ch-score-ring-btn--hero .ch-score-ring,.ch-score-ring-btn--hero .ch-score-ring__svg{width:60px;height:60px}.ch-score-ring-btn--hero .ch-score-ring__num{font-size:1.375rem}.ch-score-ring-btn--hero .ch-score-ring__denom{font-size:var(--font-size-xs,0.75rem)}.ch-score-ring-btn--hero .ch-score-ring__label{font-size:0.9375rem}.ch-score-ring-btn--hero .ch-score-ring__eyebrow{font-size:var(--font-size-xs,0.75rem)}.ch-score-ring-btn--hero .ch-score-ring__cta{font-size:var(--font-size-xs,0.75rem)}}.ch-audit-cta{display:flex;flex-direction:row;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;background:rgba(79,70,229,0.08);border:1.5px solid rgba(79,70,229,0.20);cursor:pointer;flex-shrink:0;transition:all 200ms ease;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit}.ch-audit-cta:hover{transform:translateY(-2px);background:rgba(79,70,229,0.14);border-color:rgba(79,70,229,0.38);box-shadow:0 4px 16px rgba(79,70,229,0.15)}.ch-audit-cta__ring{position:relative;width:72px;height:72px;flex-shrink:0}.ch-audit-cta__ring-svg{width:100%;height:100%}.ch-audit-cta__ring-track{stroke:var(--color-gray-200,#e2e8f0)}.ch-audit-cta__ring-arc{transition:stroke-dashoffset 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.ch-audit-cta__ring-arc--mystery{stroke:var(--color-primary,#4F46E5)}.ch-audit-cta__ring-arc--success{stroke:#059669}.ch-audit-cta__ring-arc--warning{stroke:#f97316}.ch-audit-cta__ring-arc--danger{stroke:#dc2626}.ch-audit-cta__ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ch-audit-cta__ring-num{font-size:1.5rem;font-weight:800;line-height:1;color:var(--color-gray-900,#0f172a);font-family:var(--font-display,'Plus Jakarta Sans',sans-serif)}.ch-audit-cta__ring-denom{font-size:var(--font-size-xs,0.75rem);font-weight:600;color:var(--color-gray-400,#94a3b8);margin-top:1px}.ch-audit-cta__ring-question{font-size:1.75rem;font-weight:800;line-height:1;color:var(--color-primary,#4F46E5);font-family:var(--font-display,'Plus Jakarta Sans',sans-serif);animation:ch-audit-question-pulse 2s ease-in-out infinite}@keyframes ch-audit-question-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.ch-audit-cta__pulse-ring{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);animation:ch-audit-pulse 2.5s ease-in-out infinite}@keyframes ch-audit-pulse{0%,100%{opacity:0.4;transform:scale(1)}50%{opacity:0;transform:scale(1.25)}}.ch-audit-cta__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ch-audit-cta__eyebrow{font-size:var(--font-size-xs,0.75rem);font-weight:600;text-transform:uppercase;letter-spacing:0.07em;color:var(--color-primary,#4F46E5)}.ch-audit-cta__headline{font-size:1rem;font-weight:700;color:var(--color-gray-900,#0f172a);line-height:1.3;font-family:var(--font-display,'Plus Jakarta Sans',sans-serif)}.ch-audit-cta__action{font-size:0.75rem;font-weight:500;color:var(--color-primary,#4F46E5);margin-top:2px;transition:gap 150ms ease;display:inline-flex;align-items:center;gap:4px}.ch-audit-cta:hover .ch-audit-cta__action{gap:6px}.ch-audit-cta:hover .ch-audit-cta__action i{transform:translateX(2px);transition:transform 150ms ease}.ch-audit-cta--returning{background:rgba(79,70,229,0.10);border-color:rgba(79,70,229,0.25)}.ch-audit-cta--returning:hover{background:rgba(79,70,229,0.16);border-color:rgba(79,70,229,0.40)}.ch-audit-cta--returning .ch-audit-cta__action{color:var(--color-primary-dark,#4338CA)}@media (max-width:767px){.ch-audit-cta{padding:10px 12px;gap:10px;border-radius:12px}.ch-audit-cta__ring{width:56px;height:56px}.ch-audit-cta__ring-num{font-size:1.125rem}.ch-audit-cta__ring-denom{font-size:var(--font-size-xs,0.75rem)}.ch-audit-cta__ring-question{font-size:1.375rem}.ch-audit-cta__pulse-ring{inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.ch-audit-cta__eyebrow{font-size:var(--font-size-xs,0.75rem)}.ch-audit-cta__headline{font-size:0.875rem}.ch-audit-cta__action{font-size:var(--font-size-xs,0.75rem)}}.ch-score-ring-btn--mini{flex-direction:row;align-items:center;gap:8px;text-align:left;padding:4px 6px;border-radius:8px;flex-shrink:0}.ch-score-ring-btn--mini:hover{transform:none;background:rgba(79,70,229,0.05)}.ch-score-ring-btn--mini .ch-score-ring,.ch-score-ring-btn--mini .ch-score-ring__svg{width:44px;height:44px}.ch-score-ring-btn--mini .ch-score-ring__num{font-size:0.875rem}.ch-score-ring-btn--mini .ch-score-ring__denom{font-size:var(--font-size-xs,0.75rem)}.ch-score-ring-btn--mini .ch-score-ring__label{margin-top:0;font-size:0.75rem;white-space:nowrap}.ch-score-ring-btn--mini .ch-score-ring__eyebrow{font-size:var(--font-size-xs,0.75rem);letter-spacing:0.04em}
/* === components/tooltip-modal.css === */
[id^="infoModal_"].modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(17,24,39,0.85);display:none;align-items:center;justify-content:center;padding:var(--space-4);z-index:12000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeInTooltip 0.2s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch}[id^="infoModal_"] .modal-content{width:100%;max-width:550px;background-color:var(--color-white);border-radius:var(--radius-2xl);padding:0;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);position:relative;display:flex;flex-direction:column;max-height:calc(100vh - 4rem);margin:auto;animation:slideInTooltip 0.3s ease-out;border:1px solid var(--color-gray-200)}[id^="infoModal_"] .modal-header{padding:var(--space-5) var(--space-6) var(--space-4);background-color:var(--color-gray-50);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);border-bottom:1px solid var(--color-gray-200);text-align:center;flex-shrink:0}[id^="infoModal_"] .modal-title,[id^="infoModal_"] h3{font-size:1.35rem;font-weight:800;color:var(--color-gray-900);margin:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-family-base);line-height:1.2}[id^="infoModal_"] .modal-icon{display:inline-block;color:var(--color-primary);font-size:1.1em}[id^="infoModal_"] .modal-body{padding:var(--space-6);overflow-y:auto;color:var(--color-gray-700);line-height:1.6;font-size:0.95rem;font-family:var(--font-family-base)}.info-modal-section{margin-bottom:var(--space-5)}.info-modal-section:last-child{margin-bottom:0}.info-modal-section-title{font-weight:700;color:var(--color-gray-900);margin-bottom:var(--space-3);font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;border-bottom:2px solid var(--color-gray-100);padding-bottom:var(--space-2)}.info-modal-steps{padding:0;margin:0;list-style:none;counter-reset:step-counter}.info-modal-steps li{position:relative;padding-left:3rem;margin-bottom:var(--space-4);color:var(--color-gray-600)}.info-modal-steps li:last-child{margin-bottom:0}.info-modal-steps li::before{counter-increment:step-counter;content:counter(step-counter);position:absolute;left:0;top:0;width:28px;height:28px;background-color:var(--color-gray-100);color:var(--color-gray-700);font-weight:700;font-size:0.85rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-300)}.info-modal-steps li strong{display:block;color:var(--color-gray-900);font-weight:700;margin-bottom:2px}[id^="infoModal_"] .modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-gray-500);background-color:var(--color-white);border:1px solid var(--color-gray-200);cursor:pointer;font-size:1rem;transition:all 0.2s ease-in-out;z-index:20}[id^="infoModal_"] .modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900);transform:rotate(90deg)}[id^="infoModal_"] .modal-close i{display:none}[id^="infoModal_"] .modal-close::before{content:"\00d7";font-size:24px;font-weight:300;line-height:1}@media (max-width:767px){[id^="infoModal_"].modal-overlay{position:fixed;z-index:20000;padding:1rem;align-items:center;justify-content:center}[id^="infoModal_"] .modal-content{width:100%;max-width:100%;max-height:calc(100vh - 2rem);border-radius:var(--radius-xl);box-shadow:0 10px 25px rgba(0,0,0,0.5)}[id^="infoModal_"] .modal-header{padding:var(--space-4)}[id^="infoModal_"] .modal-title{font-size:1.25rem}[id^="infoModal_"] .modal-body{padding:var(--space-4)}}@keyframes fadeInTooltip{from{opacity:0}to{opacity:1}}@keyframes slideInTooltip{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.economy-intro{text-align:center;margin-bottom:2rem;background-color:var(--color-gray-50);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-gray-100)}.economy-intro p{font-size:1rem;color:var(--color-gray-600);margin:0 0 0.75rem 0;font-weight:500}.economy-flow{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:0.02em}.flow-item.text-green{color:#10b981}.flow-item.text-red{color:var(--color-primary)}.flow-item.text-purple{color:#7c3aed}.flow-arrow{font-size:0.8rem;color:var(--color-gray-400)}.process-header{font-size:0.75rem;font-weight:800;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:1.5rem;padding-left:8px}.process-timeline{position:relative;padding:0;margin-bottom:2rem;margin-left:4px}.process-timeline::before{content:'';position:absolute;top:10px;bottom:20px;left:17px;width:2px;background-color:#e2e8f0;z-index:0}.timeline-step{position:relative;padding-left:56px;margin-bottom:2rem}.timeline-step:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:0;top:0;width:36px;height:36px;background-color:var(--color-white);border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 0 6px var(--color-white);font-size:0.95rem}.timeline-marker i{margin-top:1px}.timeline-marker .fa-play{padding-left:2px}.step-title{font-size:1.05rem;font-weight:700;color:var(--color-gray-900);margin:0 0 0.5rem 0;line-height:1.2}.step-desc{font-size:0.95rem;color:var(--color-gray-600);line-height:1.6}.step-bullet-list{padding-left:1.25rem;margin:0;list-style-type:disc}.step-bullet-list li{margin-bottom:0.25rem}.step-bullet-list li strong{color:var(--color-gray-800)}.economy-footer{text-align:center;font-size:1.1rem;font-weight:700;color:var(--color-gray-800);padding-top:1.5rem;border-top:1px dashed var(--color-gray-200);margin-top:1rem}
/* === components/tooltip-onpage.css === */
i.tooltip-onpage-icon{font-size:0.85rem;color:var(--color-gray-400);cursor:help;transition:all var(--transition-fast) var(--ease-in-out);margin-left:2px;vertical-align:middle}i.tooltip-onpage-icon:hover,i.tooltip-onpage-icon:focus{color:var(--color-primary);transform:scale(1.2)}#tooltip-onpage-popover{position:fixed;width:max-content;box-sizing:border-box;max-width:calc(100vw - 32px);overflow-wrap:break-word;background:var(--color-slate-800);color:var(--color-slate-100);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);line-height:1.5;box-shadow:var(--shadow-xl);z-index:var(--z-index-tooltip);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.2s ease-out,transform 0.2s ease-out,visibility 0s 0.2s}@media (min-width:480px){#tooltip-onpage-popover{max-width:300px}}#tooltip-onpage-popover p{margin-top:var(--space-2);margin-bottom:0}#tooltip-onpage-popover strong{color:var(--color-white)}#tooltip-onpage-popover.is-visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity 0.2s ease-out,transform 0.2s ease-out}#tooltip-onpage-popover::after{content:'';position:absolute;top:100%;left:var(--tooltip-arrow-left,50%);transform:translateX(-50%);border-width:6px;border-style:solid;border-color:var(--color-slate-800) transparent transparent transparent;transition:top 0.2s ease-out,bottom 0.2s ease-out,border-color 0.2s ease-out}#tooltip-onpage-popover.below::after{top:auto;bottom:100%;border-color:transparent transparent var(--color-slate-800) transparent}
/* === components/copy-button.css === */
.copyable-field-container{position:relative;margin:var(--space-4) 0}.instructions-box pre{padding:var(--space-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-family:monospace;white-space:pre-wrap;word-break:break-word;color:var(--color-gray-800);font-size:15px;line-height:1.5;margin:0;cursor:pointer;transition:border-color var(--transition-fast) var(--ease-in-out),background-color var(--transition-fast) var(--ease-in-out)}.copyable-field-container:hover pre{border-color:var(--color-gray-300);background-color:rgba(249,250,251,0.8)}.copy-button{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast) var(--ease-in-out);box-shadow:var(--shadow-sm);z-index:5}.copy-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-primary)}.copy-button.success{background-color:var(--color-success);border-color:var(--color-success);color:white}.pre-copied{animation:successFlash 1s ease}@keyframes successFlash{0%{background-color:var(--color-gray-50)}30%{background-color:rgba(209,250,229,0.6)}100%{background-color:var(--color-gray-50)}}@media (max-width:767px){.instructions-box pre{padding:var(--space-3);font-size:14px}.copy-button{width:28px;height:28px;top:6px;right:6px;font-size:var(--font-size-xs)}}
/* === components/faq-accordion.css === */
.accordion,.faq-accordion{display:flex;flex-direction:column;gap:var(--space-4)}.accordion__item,.faq-item{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow 0.2s ease-in-out}.accordion__item[open],.faq-item[open]{box-shadow:var(--shadow-md)}.accordion__item > summary,.faq-item > summary{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);cursor:pointer;list-style:none}.accordion__item > summary::-webkit-details-marker,.faq-item > summary::-webkit-details-marker{display:none}.accordion__item[open] > summary,.faq-item[open] > summary{border-bottom:1px solid var(--color-gray-200);color:var(--color-primary)}.accordion__item > summary .accordion__icon,.faq-item > summary .faq-icon{flex-shrink:0;margin-left:var(--space-4);transition:transform 0.3s ease-in-out;color:var(--color-gray-500)}.accordion__item[open] > summary .accordion__icon,.faq-item[open] > summary .faq-icon{transform:rotate(180deg);color:var(--color-primary)}.accordion__body,.faq-content{padding:0 var(--space-5);display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-in-out,padding 0.3s ease-in-out}.accordion__item[open] .accordion__body,.faq-item[open] .faq-content{grid-template-rows:1fr;padding-top:var(--space-5);padding-bottom:var(--space-5)}.accordion__body-inner,.faq-content-inner{overflow:hidden;color:var(--color-gray-700);line-height:var(--line-height-loose);font-size:var(--font-size-base)}.accordion__body-inner p,.faq-content-inner p{margin:0}.accordion__body-inner a,.faq-content-inner a{color:var(--color-primary);text-decoration:underline;font-weight:var(--font-weight-medium)}.accordion__body-inner a:hover,.faq-content-inner a:hover{color:var(--color-primary-dark)}.faq-tier-table{width:100%;border-collapse:collapse;margin-top:var(--space-4);font-size:var(--font-size-sm);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden}.faq-tier-table th,.faq-tier-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-gray-200)}.faq-tier-table thead th{background-color:var(--color-gray-50);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.faq-tier-table tbody tr:last-child td{border-bottom:none}.faq-tier-table tbody tr:hover{background-color:var(--color-gray-50)}.faq-tier-table .tier-name-cell{font-weight:var(--font-weight-semibold);color:var(--color-gray-800);text-transform:capitalize}.pricing-page .faq-item[open] > summary,.pricing-page .faq-item[open] > summary .faq-icon{color:var(--color-primary-dark)}.pricing-page .faq-content-inner a{color:var(--color-primary-dark)}.pricing-page .faq-content-inner a:hover{color:#3730a3}
/* === components/info-cards.css === */
.info-card{position:relative;border-radius:var(--radius-lg);background-color:rgba(79,70,229,0.04);border:1px solid rgba(79,70,229,0.15);padding:var(--space-4);margin-bottom:var(--space-4);display:flex;gap:var(--space-3)}.info-card__icon{flex-shrink:0;color:var(--color-primary);font-size:var(--font-size-xl);padding-top:var(--space-1)}.info-card__content{flex:1}.info-card__title{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-1);font-size:var(--font-size-base)}.info-card__text{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:1.5;margin:0}.info-card__text strong{font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.info-card__text a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast) var(--ease-in-out)}.info-card__text a:hover{text-decoration:underline}.info-card--primary{background-color:rgba(79,70,229,0.04);border:1px solid rgba(79,70,229,0.15)}.info-card--primary .info-card__icon{color:var(--color-primary)}.info-card--info{background-color:rgba(59,130,246,0.04);border:1px solid rgba(59,130,246,0.15)}.info-card--info .info-card__icon{color:var(--color-info)}@media (max-width:767px){.info-card{padding:var(--space-3)}}
/* === components/confirmation-modal.css === */
.confirmation-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);display:none;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(3px);animation:modalFadeIn var(--transition-fast) var(--ease-out)}.confirmation-modal.is-visible{display:flex}.confirmation-modal-dialog{max-width:420px;text-align:center;padding:0;overflow:hidden}.confirmation-modal-body{padding:2.5rem 2rem 2rem}.confirmation-modal-icon-wrapper{width:60px;height:60px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-lightest)}.confirmation-modal-icon-wrapper i{font-size:2rem;color:var(--color-primary)}.confirmation-modal-title{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin:0 0 0.75rem}#confirmation-modal-text{color:var(--color-gray-600);font-size:1rem;line-height:1.6;margin:0}#confirmation-modal-text strong{color:var(--color-gray-800);font-weight:600}.confirmation-modal-actions{display:flex;gap:1rem;background-color:var(--color-gray-50);padding:1.5rem 2rem;border-top:1px solid var(--color-gray-200)}.confirmation-modal-actions .button{flex:1}
/* === components/wallet-convert-modal.css === */
.wallet-convert-modal{text-align:center;max-width:420px}.wallet-convert-modal__icon{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),0.12) 0%,rgba(var(--color-warning-rgb),0.18) 100%);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);margin:var(--space-2) auto var(--space-4)}.wallet-convert-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.wallet-convert-modal__lede{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:var(--line-height-base);margin-bottom:var(--space-5)}.wallet-convert-modal__lede strong{color:var(--color-primary)}.wallet-convert-modal__summary{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);text-align:left}.wallet-convert-modal__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.wallet-convert-modal__row--result{border-top:1px dashed var(--color-gray-200);padding-top:var(--space-3)}.wallet-convert-modal__label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.wallet-convert-modal__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.wallet-convert-modal__value--result{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.wallet-convert-modal__arrow{display:flex;justify-content:center;color:var(--color-gray-400);font-size:var(--font-size-sm);padding:2px 0}.wallet-convert-modal__form{margin:0}.wallet-convert-modal__submit{display:inline-flex;align-items:center;gap:var(--space-2)}@media (max-width:520px){.wallet-convert-modal__title{font-size:var(--font-size-lg)}.wallet-convert-modal .modal-buttons{flex-direction:column-reverse}.wallet-convert-modal .modal-buttons .btn-modal-secondary,.wallet-convert-modal .modal-buttons .button{width:100%;justify-content:center}}
/* === components/language-switcher.css === */
.lang-switcher{position:fixed;bottom:24px;right:24px;z-index:5000;font-family:var(--font-family-base,'Inter',sans-serif)}.lang-switcher--overlay-mode{z-index:10600}.lang-switcher__btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 12px;background-color:#ffffff;border:1px solid #e2e8f0;border-radius:99px;cursor:pointer;font-size:0.85rem;font-weight:600;color:#475569;box-shadow:0 2px 8px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);transition:all 0.2s ease;line-height:1}.lang-switcher__btn:hover{background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,0.12);transform:translateY(-1px)}.lang-switcher__btn--active{background-color:var(--color-primary,#4F46E5);border-color:var(--color-primary,#4F46E5);color:#ffffff}.lang-switcher__btn--active:hover{background-color:var(--color-primary-dark,#4338CA);border-color:var(--color-primary-dark,#4338CA);color:#ffffff}.lang-switcher__btn i{font-size:1rem}.lang-switcher__current{letter-spacing:0.05em;font-size:0.8rem}.lang-switcher__btn--translated::after{content:'';position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:#22c55e;border:2px solid #ffffff;border-radius:50%}.lang-switcher__btn{position:relative}.lang-switcher__panel{position:absolute;bottom:calc(100% + 8px);right:0;width:300px;max-height:70vh;background-color:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);display:flex;flex-direction:column;opacity:0;transform:translateY(8px);transition:opacity 0.2s ease,transform 0.2s ease;overflow:hidden}.lang-switcher__panel--open{opacity:1;transform:translateY(0)}.lang-switcher__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0;background-color:#f8fafc}.lang-switcher__title{font-size:0.85rem;font-weight:700;color:#1e293b;letter-spacing:-0.01em;display:flex;align-items:center;gap:6px}.lang-switcher__title i{color:var(--color-primary,#4F46E5);font-size:1rem}.lang-switcher__close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;border-radius:6px;transition:background-color 0.15s ease,color 0.15s ease}.lang-switcher__close-btn:hover{background-color:#e2e8f0;color:#64748b}.lang-switcher__search{padding:8px 12px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.lang-switcher__search-input{width:100%;padding:7px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:0.82rem;font-family:inherit;color:#1e293b;background:#f8fafc;outline:none;box-sizing:border-box;transition:border-color 0.15s ease,background-color 0.15s ease}.lang-switcher__search-input:focus{border-color:var(--color-primary,#4F46E5);background:#ffffff;box-shadow:0 0 0 3px rgba(79,70,229,0.1)}.lang-switcher__search-input::placeholder{color:#94a3b8}.lang-switcher__body{flex:1;overflow-y:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.lang-switcher__divider{height:1px;background-color:#f1f5f9;margin:4px 16px}.lang-switcher__lang{display:flex;align-items:center;width:100%;padding:9px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background-color 0.12s ease;gap:8px;position:relative;font-family:inherit}.lang-switcher__lang:hover{background-color:#f8fafc}.lang-switcher__lang--active{background-color:#eff6ff}.lang-switcher__lang--active:hover{background-color:#dbeafe}.lang-switcher__native{font-size:0.9rem;font-weight:600;color:#1e293b;min-width:0}.lang-switcher__lang--active .lang-switcher__native{color:var(--color-primary,#4F46E5)}.lang-switcher__label{font-size:0.78rem;color:#94a3b8;margin-left:auto;flex-shrink:0}.lang-switcher__check{color:var(--color-primary,#4F46E5);font-size:0.75rem;margin-left:6px;flex-shrink:0}.lang-switcher__footer{padding:8px 16px;border-top:1px solid #f1f5f9;flex-shrink:0}.lang-switcher__powered{font-size:0.7rem;color:#cbd5e1}.lang-nudge{position:absolute;bottom:calc(100% + 10px);right:0;background-color:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 34px 10px 14px;box-shadow:0 4px 16px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.06);display:flex;align-items:center;gap:6px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity 0.25s ease,transform 0.25s ease;font-size:0.85rem;z-index:1}.lang-nudge--visible{opacity:1;transform:translateY(0)}.lang-nudge::after{content:'';position:absolute;bottom:-6px;right:16px;width:10px;height:10px;background-color:#ffffff;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;transform:rotate(45deg)}.lang-nudge__greeting{font-weight:700;color:#1e293b;font-size:0.9rem}.lang-nudge__text{color:#64748b}.lang-nudge__cta{background-color:var(--color-primary,#4F46E5);color:#ffffff;border:none;border-radius:6px;padding:5px 12px;font-size:0.8rem;font-weight:600;cursor:pointer;margin-left:4px;transition:background-color 0.15s ease;font-family:inherit;white-space:nowrap;flex-shrink:0}.lang-nudge__cta:hover{background-color:var(--color-primary-dark,#4338CA)}.lang-nudge__dismiss{position:absolute;top:4px;right:8px;background:none;border:none;color:#94a3b8;font-size:1.1rem;cursor:pointer;padding:2px 4px;line-height:1}.lang-nudge__dismiss:hover{color:#64748b}.goog-te-banner-frame,iframe.skiptranslate{display:none !important}body > .skiptranslate{display:none !important}.translated-ltr body,.translated-rtl body{top:0 !important;margin-top:0 !important;position:static !important}html.translated-ltr,html.translated-rtl{height:auto !important}#google_translate_element{position:fixed !important;top:-200px !important;left:-200px !important;opacity:0 !important;pointer-events:none !important;z-index:-1 !important}.goog-te-spinner-pos{display:none !important}.goog-te-menu-value,.goog-te-gadget,.goog-tooltip{display:none !important}.translated-ltr .btn,.translated-ltr .button,.translated-ltr .btn-youtube,.translated-ltr .header-upgrade-btn,.translated-ltr .alternative-payments__links a,.translated-rtl .btn,.translated-rtl .button,.translated-rtl .btn-youtube,.translated-rtl .header-upgrade-btn,.translated-rtl .alternative-payments__links a{white-space:normal !important;overflow-wrap:break-word !important;word-break:break-word !important;height:auto !important;min-height:40px}.translated-ltr .main-nav a,.translated-rtl .main-nav a{white-space:normal !important;overflow-wrap:break-word !important;line-height:1.3}.translated-ltr .benefit-card__title,.translated-ltr .benefit-card__price,.translated-ltr .billing-toggle__savings,.translated-ltr .result-chip,.translated-ltr .benefit-badge--chip,.translated-ltr .benefit-badge--float,.translated-ltr .benefit-badge--popular,.translated-rtl .benefit-card__title,.translated-rtl .benefit-card__price,.translated-rtl .billing-toggle__savings,.translated-rtl .result-chip,.translated-rtl .benefit-badge--chip,.translated-rtl .benefit-badge--float,.translated-rtl .benefit-badge--popular{white-space:normal !important;overflow-wrap:break-word !important;text-overflow:ellipsis;overflow:visible !important}.translated-ltr .wallet-section span,.translated-rtl .wallet-section span{white-space:normal !important;overflow:visible !important}.translated-ltr .toolkit-tabs__button,.translated-rtl .toolkit-tabs__button{white-space:normal !important;overflow-wrap:break-word !important}.translated-ltr .mobile-nav-user-name,.translated-rtl .mobile-nav-user-name{white-space:normal !important;overflow:visible !important;text-overflow:unset !important}.translated-ltr .table-responsive .table,.translated-rtl .table-responsive .table{white-space:normal !important}@media (max-width:991px){.lang-switcher{bottom:20px;right:16px}body:has(.mobile-bottom-nav) .lang-switcher{bottom:92px}body:has(.mobile-bottom-nav):has(.mobile-fab) .lang-switcher{bottom:144px}body:has(.brand-mobile-fab) .lang-switcher{bottom:88px}body:has(.hire-sticky-cta--visible) .lang-switcher{bottom:72px}}body.mobile-nav-open .lang-switcher{opacity:0;pointer-events:none;visibility:hidden;transition:opacity 0.15s ease,visibility 0.15s ease}@media (max-width:480px){.lang-switcher{bottom:16px;right:12px}body:has(.mobile-bottom-nav) .lang-switcher{bottom:88px}body:has(.brand-mobile-fab) .lang-switcher{bottom:84px}body:has(.hire-sticky-cta--visible) .lang-switcher{bottom:68px}.lang-switcher__btn{height:36px;padding:0 10px 0 10px;font-size:0.8rem}.lang-switcher__panel{width:260px;max-height:60vh}.lang-nudge{white-space:normal;max-width:calc(100vw - 32px);right:0;font-size:0.8rem;padding:8px 30px 8px 10px}}@media (max-width:360px){.lang-switcher{bottom:84px;right:8px}.lang-switcher__panel{width:240px}}
/* === components/coach-widget.css === */
.coach-sidebar-widget{display:block;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);text-decoration:none;color:inherit;transition:border-color 0.2s ease,box-shadow 0.2s ease;margin-bottom:var(--space-3)}.coach-sidebar-widget:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);text-decoration:none;color:inherit}.coach-sidebar-widget__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.coach-sidebar-widget__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.coach-sidebar-widget__title i{color:var(--color-primary);font-size:var(--font-size-sm)}.coach-sidebar-widget__streak{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-400);line-height:1}.coach-sidebar-widget__streak i{font-size:var(--font-size-xs)}.coach-sidebar-widget--done .coach-sidebar-widget__streak{color:var(--color-success)}.coach-sidebar-widget--at-risk .coach-sidebar-widget__streak{color:var(--color-warning)}.coach-sidebar-widget__body{margin-bottom:var(--space-2)}.coach-sidebar-widget__status{font-size:var(--font-size-xs);color:var(--color-gray-500);line-height:var(--line-height-base);display:flex;align-items:center;gap:var(--space-1)}.coach-sidebar-widget__status i{font-size:var(--font-size-xs);flex-shrink:0}.coach-sidebar-widget__status--done{color:var(--color-success);font-weight:var(--font-weight-medium)}.coach-sidebar-widget__status--risk{color:var(--color-warning);font-weight:var(--font-weight-medium)}.coach-sidebar-widget__cta{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);display:flex;align-items:center;gap:var(--space-1)}.coach-sidebar-widget__cta i{font-size:10px;transition:transform 0.2s ease}.coach-sidebar-widget:hover .coach-sidebar-widget__cta i{transform:translateX(3px)}.coach-sidebar-widget--done{background:rgba(16,185,129,0.04);border-color:rgba(16,185,129,0.25)}.coach-sidebar-widget--at-risk{background:rgba(245,158,11,0.04);border-color:rgba(245,158,11,0.25)}
/* === components/tier-cards.css === */
.tier-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.tier-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);background:var(--color-white);cursor:pointer;position:relative;transition:border-color 150ms cubic-bezier(0.22,1,0.36,1),transform 150ms cubic-bezier(0.22,1,0.36,1),box-shadow 200ms cubic-bezier(0.22,1,0.36,1),background 150ms cubic-bezier(0.22,1,0.36,1)}.tier-card:hover{border-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,0.1)}.tier-card--selected{border-color:var(--color-primary);background:rgba(79,70,229,0.03);box-shadow:0 0 0 1px var(--color-primary),0 2px 8px rgba(79,70,229,0.08)}.tier-card--locked{cursor:default}.tier-card--locked:hover{transform:none;box-shadow:none}.tier-card--addon{opacity:0.75}.tier-card--addon.tier-card--selected{opacity:1}.tier-card__check{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;border-radius:50%;border:2px solid var(--color-gray-300);background:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:transparent;transition:all 150ms cubic-bezier(0.22,1,0.36,1);flex-shrink:0}.tier-card--selected .tier-card__check{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.tier-card--locked .tier-card__check i{font-size:10px}.tier-card__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.tier-card__body{flex:1;min-width:0;padding-right:var(--space-6)}.tier-card__name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-gray-900);margin-bottom:2px;line-height:1.4}.tier-card__range{font-size:var(--font-size-xs);color:var(--color-gray-500)}.tier-card__meta{font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:2px;display:flex;align-items:center;gap:4px}.tier-card__meta i{font-size:10px}.tier-card--selected .tier-card__meta{color:var(--color-gray-500)}.tier-card__price-wrap{flex-shrink:0;text-align:center}.tier-card__price{background:var(--color-gray-100);color:var(--color-gray-800);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:800;white-space:nowrap;display:block;text-align:center;transition:background 150ms ease,color 150ms ease}.tier-card--selected .tier-card__price{background:rgba(79,70,229,0.1);color:var(--color-primary)}.tier-card__price-label{font-size:var(--font-size-xs);color:var(--color-gray-400);display:block;text-align:center;margin-top:2px;white-space:nowrap}.tier-card--selected .tier-card__price-label{color:var(--color-gray-500)}.tier-card__cost{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-top:var(--space-1)}.tier-card__note{font-size:var(--font-size-xs);color:var(--color-warning);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}.tier-card__always{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:rgba(var(--color-primary-rgb),0.08);padding:1px var(--space-2);border-radius:var(--radius-sm);margin-left:var(--space-1)}.tier-card__badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:1px 6px;border-radius:var(--radius-full);vertical-align:middle;margin-left:var(--space-1)}.tier-card__badge i{font-size:10px}.tier-card__badge--included{background:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary)}.tier-card__badge--recommended{background:rgba(16,185,129,0.1);color:var(--color-success-dark)}.tier-card__price s{opacity:0.5;font-weight:var(--font-weight-medium);margin-right:4px}@media (max-width:767px){.tier-cards{grid-template-columns:1fr;gap:var(--space-2)}.tier-card{padding:var(--space-3)}}
/* === components/language-pill.css === */
.lang-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--color-gray-200);border-radius:999px;background:var(--color-white,#fff);color:var(--color-gray-700);font-family:var(--font-body,"Inter"),sans-serif;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;transition:all 150ms ease;white-space:nowrap;user-select:none}.lang-pill:hover,.lang-pill:focus-visible{border-color:var(--color-gray-300);background:var(--color-gray-50);transform:translateY(-1px);box-shadow:0 1px 3px rgba(0,0,0,0.06);outline:none}.lang-pill:active{transform:translateY(0);box-shadow:none}.lang-pill[data-lang-source="override"]{border-color:var(--color-primary,#4f46e5);background:rgba(79,70,229,0.06);color:var(--color-primary,#4f46e5)}.lang-pill[data-lang-source="override"]:hover{background:rgba(79,70,229,0.1)}.lang-pill[data-lang-loading="1"]{opacity:0.6;pointer-events:none}.lang-pill__icon{font-size:14px;line-height:1}.lang-pill__label{font-weight:500}.lang-pill__caret{font-size:10px;color:var(--color-gray-500);margin-left:2px}.lang-pill-wrap{position:relative;display:inline-block}.lang-pill__menu{position:fixed;z-index:10000;min-width:240px;max-height:360px;overflow-y:auto;padding:6px;background:var(--color-white,#fff);border:1px solid var(--color-gray-200);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.06);font-family:var(--font-body,"Inter"),sans-serif;font-size:14px;color:var(--color-gray-800)}.lang-pill__menu[hidden]{display:none}.lang-pill__menu-section{padding:6px 4px}.lang-pill__menu-section + .lang-pill__menu-section{border-top:1px solid var(--color-gray-100)}.lang-pill__menu-heading{padding:4px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--color-gray-500)}.lang-pill__option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;color:inherit;text-align:left;font-family:inherit;font-size:14px;line-height:1.3;border-radius:6px;cursor:pointer;transition:background-color 100ms ease}.lang-pill__option:hover,.lang-pill__option:focus-visible{background:var(--color-gray-50);outline:none}.lang-pill__option--active{background:rgba(79,70,229,0.08);color:var(--color-primary,#4f46e5);font-weight:600}.lang-pill__option--active::after{content:"✓";margin-left:auto;font-weight:700}.lang-pill__hint{padding:8px 10px;margin:4px;background:var(--color-gray-50);border-radius:6px;font-size:12px;line-height:1.4;color:var(--color-gray-600)}.lang-pill__tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:999;max-width:260px;padding:10px 12px;background:var(--color-gray-900,#111827);color:#fff;border-radius:8px;font-size:12px;line-height:1.4;box-shadow:0 4px 12px rgba(0,0,0,0.2);pointer-events:none;animation:lang-pill-tooltip-in 200ms ease}.lang-pill__tooltip::before{content:"";position:absolute;top:-5px;left:16px;width:10px;height:10px;background:inherit;transform:rotate(45deg)}@keyframes lang-pill-tooltip-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.lang-pill{font-size:12px;padding:5px 9px}.lang-pill__menu{min-width:220px;max-width:calc(100vw - 32px)}}.lang-pill-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0 12px;font-family:var(--font-body,"Inter"),sans-serif;font-size:13px;color:var(--color-gray-600,#4b5563);line-height:1.3}.lang-pill-row__lead{font-weight:500;color:var(--color-gray-700,#374151)}.lang-pill-row .lang-pill__source{font-size:12px;color:var(--color-gray-500,#6b7280)}.lang-pill-row .lang-pill__source:empty{display:none}.lang-pill--compact{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--color-gray-200,#e5e7eb);border-radius:999px;background:var(--color-white,#fff);color:var(--color-gray-800,#1f2937);font-family:var(--font-body,"Inter"),sans-serif;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:all 150ms ease;white-space:nowrap;user-select:none}.lang-pill--compact:hover,.lang-pill--compact:focus-visible{border-color:var(--color-primary,#4f46e5);background:rgba(79,70,229,0.04);color:var(--color-primary,#4f46e5);transform:translateY(-1px);box-shadow:0 1px 3px rgba(0,0,0,0.06);outline:none}.lang-pill--compact .lang-pill__icon{font-size:14px;line-height:1}.lang-pill--compact .lang-pill__caret{font-size:11px;margin-left:1px;color:var(--color-gray-500,#6b7280);transition:color 150ms ease}.lang-pill--compact:hover .lang-pill__caret,.lang-pill--compact:focus-visible .lang-pill__caret{color:var(--color-primary,#4f46e5)}.lang-pill--compact[data-lang-source="override"]{border-color:var(--color-primary,#4f46e5);color:var(--color-primary,#4f46e5);background:rgba(79,70,229,0.06)}.lang-pill--compact[data-lang-source="override"] .lang-pill__caret{color:var(--color-primary,#4f46e5)}@media (max-width:767px){.lang-pill-row{font-size:12px;gap:6px;margin:6px 0 10px}.lang-pill-row .lang-pill__source{flex:1 1 100%;text-align:center;margin-top:-2px}.lang-pill--compact{padding:4px 10px;font-size:12px}}