:root{--primary:#FF385C;--primary-hover:#E61E4D;--primary-dark:#D70466;--primary-light:#FF6B86;--primary-lightest:#FFE8ED;--secondary:#00A699;--secondary-hover:#008E82;--accent:#008489;--success:#00b894;--success-light:#D4EDDA;--warning:#FFB400;--warning-light:#FFF3CD;--error:#FF385C;--error-light:#FFE8ED;--info:#0066FF;--info-light:#D1E7FF;--gray-900:#222222;--gray-800:#484848;--gray-700:#717171;--gray-600:#B0B0B0;--gray-500:#DDDDDD;--gray-400:#EBEBEB;--gray-300:#F7F7F7;--gray-200:#FAFAFA;--gray-100:#FCFCFC;--gray-50:#FEFEFE;--white:#FFFFFF;--black:#000000;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-xs:12px;--font-sm:14px;--font-base:16px;--font-md:18px;--font-lg:20px;--font-xl:24px;--font-2xl:32px;--font-3xl:40px;--font-4xl:48px;--font-5xl:64px;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.4;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-none:0;--radius-sm:4px;--radius-base:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-none:none;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08),0 1px 2px rgba(0, 0, 0, 0.06);--shadow-base:0 2px 4px rgba(0, 0, 0, 0.08),0 2px 3px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.12),0 2px 4px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 16px rgba(0, 0, 0, 0.12),0 4px 8px rgba(0, 0, 0, 0.08);--shadow-xl:0 16px 32px rgba(0, 0, 0, 0.15),0 8px 16px rgba(0, 0, 0, 0.10);--shadow-2xl:0 24px 48px rgba(0, 0, 0, 0.18),0 12px 24px rgba(0, 0, 0, 0.12);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:200ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:300ms cubic-bezier(0.4, 0, 0.2, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1100;--z-tooltip:1200;--z-notification:1300;--z-toast:2000;--header-height:70px;--header-height-mobile:64px;--header-height-scrolled:60px;--header-height-tablet:60px;--bottom-nav-height:60px;--nav-height-mobile:56px;--sidebar-width:280px;--max-width-xs:320px;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-2xl:1440px;--max-width-full:100%;--btn-radius-pill:24px;--btn-radius-rounded:8px;--btn-radius-square:4px;--btn-padding-xs:6px 12px;--btn-padding-sm:8px 16px;--btn-padding-md:12px 24px;--btn-padding-lg:16px 32px;--btn-font-xs:12px;--btn-font-sm:14px;--btn-font-md:16px;--btn-font-lg:18px;--btn-height-sm:32px;--btn-height-md:40px;--btn-height-lg:48px;--input-height-sm:36px;--input-height-base:44px;--input-height-lg:52px;--input-padding-x:var(--space-4);--input-padding-y:var(--space-3);--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)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden}body{margin:0;padding:0;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw;font-family:var(--font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--font-base, 16px);color:var(--gray-900,#222);background:var(--white,#fff);line-height:var(--line-height-normal, 1.6);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-weight:var(--font-semibold,600);line-height:var(--line-height-tight, 1.25);margin-bottom:1rem;color:var(--gray-900,#222)}h1{font-size:var(--font-3xl, 40px);font-weight:var(--font-extrabold,800)}h2{font-size:var(--font-2xl, 32px);font-weight:var(--font-bold,700)}h3{font-size:var(--font-xl, 24px);font-weight:var(--font-semibold,600)}h4{font-size:var(--font-lg, 20px);font-weight:var(--font-semibold,600)}h5{font-size:var(--font-md, 18px);font-weight:var(--font-semibold,600)}h6{font-size:var(--font-base, 16px);font-weight:var(--font-semibold,600)}p{font-family:var(--font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);font-size:var(--font-base, 16px);line-height:var(--line-height-normal, 1.6);color:var(--gray-900,#222);margin-bottom:1rem}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--primary,#FF385C);outline-offset:2px;border-radius:var(--radius-sm,4px)}.page-header{margin-bottom:var(--space-6,24px)}.page-header h1{font-size:var(--font-3xl, 40px);font-weight:var(--font-extrabold,800);margin-bottom:var(--space-2,8px);color:var(--gray-900)}.page-header .page-subtitle{font-size:var(--font-base, 16px);color:var(--gray-600);margin:0}.section-header{margin-bottom:var(--space-4,16px)}.section-header h2{font-size:var(--font-2xl, 32px);font-weight:var(--font-bold,700);margin-bottom:var(--space-2,8px);color:var(--gray-900)}.section-header h3{font-size:var(--font-xl, 24px);font-weight:var(--font-semibold,600);margin-bottom:var(--space-2,8px);color:var(--gray-900)}.card-header h3{font-size:var(--font-lg, 20px);font-weight:var(--font-semibold,600);margin-bottom:var(--space-2,8px);color:var(--gray-900)}.card-header h4{font-size:var(--font-md, 18px);font-weight:var(--font-semibold,600);margin-bottom:var(--space-1,4px);color:var(--gray-900)}.empty-state h3{font-size:var(--font-xl, 24px);font-weight:var(--font-semibold,600);margin-bottom:var(--space-3,12px);color:var(--gray-700)}.empty-state p{font-size:var(--font-base, 16px);color:var(--gray-500);margin:0}@media (max-width:768px){:root{--font-xs:11px;--font-sm:13px;--font-base:15px;--font-md:17px;--font-lg:19px;--font-xl:22px;--font-2xl:28px;--font-3xl:36px;--font-4xl:42px;--space-6:20px;--space-8:28px;--space-12:40px;--space-16:56px;--btn-height-base:44px;--btn-height-lg:52px;--input-height-base:48px}.page-header h1{font-size:var(--font-3xl, 36px)}.section-header h2{font-size:var(--font-2xl, 28px)}.section-header h3{font-size:var(--font-xl, 22px)}.card-header h3{font-size:var(--font-lg, 18px)}.empty-state h3{font-size:var(--font-xl, 22px)}}