:root{--cf-space-0: 0px;--cf-space-1: 4px;--cf-space-2: 8px;--cf-space-3: 12px;--cf-space-4: 16px;--cf-space-5: 20px;--cf-space-6: 24px;--cf-space-8: 32px;--cf-space-10: 40px;--cf-space-12: 48px;--cf-space-16: 64px;--cf-container-max: 1280px;--cf-header-height: 56px;--cf-bottom-nav-height: 56px;--cf-touch-target-min: 48px;--cf-safe-top: env(safe-area-inset-top, 0px);--cf-safe-bottom: env(safe-area-inset-bottom, 0px);--cf-safe-left: env(safe-area-inset-left, 0px);--cf-safe-right: env(safe-area-inset-right, 0px);--cf-radius-sm: 4px;--cf-radius-md: 8px;--cf-radius-lg: 12px;--cf-radius-xl: 16px;--cf-radius-full: 9999px;--cf-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--cf-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--cf-transition-slow: .25s cubic-bezier(.4, 0, .2, 1);--cf-z-normal: 1;--cf-z-header: 100;--cf-z-bottom-nav: 200;--cf-z-modal: 500;--cf-z-toast: 1000;--cf-brand-primary: #e11d48;--cf-brand-primary-hover: #be123c;--cf-brand-primary-active: #9f1239;--cf-brand-subtle: #ffe4e6;--cf-brand-focus-ring: rgba(225, 29, 72, .4);--cf-semantic-success: #10b981;--cf-semantic-success-subtle: #d1fae5;--cf-semantic-warning: #f59e0b;--cf-semantic-warning-subtle: #fef3c7;--cf-semantic-danger: #ef4444;--cf-semantic-danger-subtle: #fee2e2;--cf-semantic-info: #0284c7;--cf-semantic-info-subtle: #e0f2fe}:root[data-theme=light]{--cf-bg-page: #f8fafc;--cf-bg-surface: #ffffff;--cf-bg-elevated: #ffffff;--cf-bg-navigation: #ffffff;--cf-bg-overlay: rgba(15, 23, 42, .6);--cf-bg-active-pill: #ffe4e6;--cf-bg-subtle: #f1f5f9;--cf-text-primary: #0f172a;--cf-text-secondary: #475569;--cf-text-muted: #64748b;--cf-text-inverse: #ffffff;--cf-text-brand: #e11d48;--cf-border-subtle: #f1f5f9;--cf-border-default: #e2e8f0;--cf-border-strong: #cbd5e1;--cf-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--cf-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05);--cf-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--cf-shadow-nav: 0 -1px 3px 0 rgba(0, 0, 0, .06);--cf-focus-ring: 0 0 0 3px rgba(225, 29, 72, .25)}:root[data-theme=dark]{--cf-bg-page: #090d16;--cf-bg-surface: #111827;--cf-bg-elevated: #1a2234;--cf-bg-navigation: #111827;--cf-bg-overlay: rgba(0, 0, 0, .75);--cf-bg-active-pill: #371520;--cf-bg-subtle: #1e293b;--cf-text-primary: #f8fafc;--cf-text-secondary: #cbd5e1;--cf-text-muted: #94a3b8;--cf-text-inverse: #090d16;--cf-text-brand: #fb7185;--cf-border-subtle: #1e293b;--cf-border-default: #263346;--cf-border-strong: #334155;--cf-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--cf-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--cf-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--cf-shadow-nav: 0 -1px 3px 0 rgba(0, 0, 0, .4);--cf-focus-ring: 0 0 0 3px rgba(251, 113, 133, .3)}:root{--cf-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--cf-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--cf-leading-none: 1;--cf-leading-tight: 1.25;--cf-leading-snug: 1.375;--cf-leading-normal: 1.5;--cf-leading-relaxed: 1.625;--cf-weight-regular: 400;--cf-weight-medium: 500;--cf-weight-semibold: 600;--cf-weight-bold: 700;--cf-text-display: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);--cf-text-h1: clamp(1.35rem, 1.15rem + .9vw, 1.875rem);--cf-text-h2: clamp(1.15rem, 1.05rem + .5vw, 1.5rem);--cf-text-h3: clamp(1.05rem, .98rem + .35vw, 1.25rem);--cf-text-body: clamp(.9375rem, .9rem + .2vw, 1rem);--cf-text-body-sm: clamp(.8125rem, .8rem + .1vw, .875rem);--cf-text-caption: .75rem;--cf-text-label: .8125rem}.cf-text-display{font-family:var(--cf-font-sans);font-size:var(--cf-text-display);font-weight:var(--cf-weight-bold);line-height:var(--cf-leading-tight);color:var(--cf-text-primary);letter-spacing:-.02em}.cf-text-h1{font-family:var(--cf-font-sans);font-size:var(--cf-text-h1);font-weight:var(--cf-weight-bold);line-height:var(--cf-leading-tight);color:var(--cf-text-primary);letter-spacing:-.015em}.cf-text-h2{font-family:var(--cf-font-sans);font-size:var(--cf-text-h2);font-weight:var(--cf-weight-semibold);line-height:var(--cf-leading-snug);color:var(--cf-text-primary);letter-spacing:-.01em}.cf-text-h3{font-family:var(--cf-font-sans);font-size:var(--cf-text-h3);font-weight:var(--cf-weight-semibold);line-height:var(--cf-leading-snug);color:var(--cf-text-primary)}.cf-text-body{font-family:var(--cf-font-sans);font-size:var(--cf-text-body);font-weight:var(--cf-weight-regular);line-height:var(--cf-leading-normal);color:var(--cf-text-secondary)}.cf-text-body-sm{font-family:var(--cf-font-sans);font-size:var(--cf-text-body-sm);font-weight:var(--cf-weight-regular);line-height:var(--cf-leading-normal);color:var(--cf-text-secondary)}.cf-text-caption{font-family:var(--cf-font-sans);font-size:var(--cf-text-caption);font-weight:var(--cf-weight-regular);line-height:var(--cf-leading-tight);color:var(--cf-text-muted)}.cf-text-label{font-family:var(--cf-font-sans);font-size:var(--cf-text-label);font-weight:var(--cf-weight-medium);line-height:var(--cf-leading-none);color:var(--cf-text-secondary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:var(--cf-font-sans);background-color:var(--cf-bg-page);color:var(--cf-text-primary);scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{min-height:100vh;min-height:100dvh;background-color:var(--cf-bg-page);color:var(--cf-text-primary);line-height:var(--cf-leading-normal);font-size:var(--cf-text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit;background:transparent;border:none}button{cursor:pointer;touch-action:manipulation}ul,ol{list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--cf-brand-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}div,section,article,main,aside,header,footer,nav{min-width:0}.cf-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:var(--cf-bg-page)}.cf-main{flex:1 0 auto;width:100%;padding-top:calc(var(--cf-header-height) + var(--cf-safe-top));padding-bottom:calc(var(--cf-bottom-nav-height) + var(--cf-safe-bottom) + var(--cf-space-6))}@media(min-width:769px){.cf-main{padding-bottom:var(--cf-space-10)}}.cf-container{width:100%;max-width:var(--cf-container-max);margin-left:auto;margin-right:auto;padding-left:var(--cf-space-4);padding-right:var(--cf-space-4)}@media(min-width:769px){.cf-container{padding-left:var(--cf-space-6);padding-right:var(--cf-space-6)}}@media(min-width:1280px){.cf-container{padding-left:var(--cf-space-8);padding-right:var(--cf-space-8)}}.cf-mobile-only{display:block}.cf-desktop-only{display:none}@media(min-width:769px){.cf-mobile-only{display:none}.cf-desktop-only{display:block}}@keyframes cf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cf-spinner{animation:cf-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.cf-spinner{animation-duration:2s}}.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cf-space-2);font-family:var(--cf-font-sans);font-weight:var(--cf-weight-semibold);border-radius:var(--cf-radius-md);border:1px solid transparent;transition:background-color var(--cf-transition-fast),border-color var(--cf-transition-fast),color var(--cf-transition-fast),transform var(--cf-transition-fast);white-space:nowrap;user-select:none;min-height:var(--cf-touch-target-min);padding:0 var(--cf-space-4);font-size:var(--cf-text-body-sm)}.cf-btn:active{transform:scale(.98)}.cf-btn--primary{background-color:var(--cf-brand-primary);color:#fff}.cf-btn--primary:hover{background-color:var(--cf-brand-primary-hover)}.cf-btn--primary:active{background-color:var(--cf-brand-primary-active)}.cf-btn--secondary{background-color:var(--cf-bg-subtle);color:var(--cf-text-primary);border-color:var(--cf-border-default)}.cf-btn--secondary:hover{background-color:var(--cf-border-subtle);border-color:var(--cf-border-strong)}.cf-btn--ghost{background-color:transparent;color:var(--cf-text-primary)}.cf-btn--ghost:hover{background-color:var(--cf-bg-subtle)}.cf-btn--danger{background-color:var(--cf-semantic-danger);color:#fff}.cf-btn--danger:hover{filter:brightness(.9)}.cf-btn--outline{background-color:transparent;color:var(--cf-brand-primary);border-color:var(--cf-brand-primary)}.cf-btn--outline:hover{background-color:var(--cf-brand-subtle)}.cf-btn--sm{min-height:36px;padding:0 var(--cf-space-3);font-size:var(--cf-text-caption)}.cf-btn--md{min-height:var(--cf-touch-target-min);padding:0 var(--cf-space-4);font-size:var(--cf-text-body-sm)}.cf-btn--lg{min-height:52px;padding:0 var(--cf-space-6);font-size:var(--cf-text-body)}.cf-btn--full{width:100%}.cf-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cf-icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--cf-touch-target-min);min-height:var(--cf-touch-target-min);border-radius:var(--cf-radius-full);border:1px solid transparent;color:var(--cf-text-secondary);background-color:transparent;transition:background-color var(--cf-transition-fast),color var(--cf-transition-fast),border-color var(--cf-transition-fast)}.cf-icon-btn:hover{background-color:var(--cf-bg-subtle);color:var(--cf-text-primary)}.cf-icon-btn:active{background-color:var(--cf-border-default)}.cf-icon-btn--active{color:var(--cf-brand-primary);background-color:var(--cf-brand-subtle)}.cf-card{background-color:var(--cf-bg-surface);border:1px solid var(--cf-border-default);border-radius:var(--cf-radius-lg);padding:var(--cf-space-5);box-shadow:var(--cf-shadow-sm);transition:border-color var(--cf-transition-fast),box-shadow var(--cf-transition-fast)}.cf-card--elevated{background-color:var(--cf-bg-elevated);box-shadow:var(--cf-shadow-md);border-color:var(--cf-border-subtle)}.cf-card--interactive{cursor:pointer}.cf-card--interactive:hover{border-color:var(--cf-border-strong);box-shadow:var(--cf-shadow-md)}.cf-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--cf-space-2);border-radius:var(--cf-radius-sm);font-size:.6875rem;font-weight:var(--cf-weight-bold);line-height:var(--cf-leading-none);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.cf-badge--primary{background-color:var(--cf-brand-primary);color:#fff}.cf-badge--subtle{background-color:var(--cf-brand-subtle);color:var(--cf-brand-primary)}.cf-badge--warning{background-color:var(--cf-semantic-warning-subtle);color:#92400e}:root[data-theme=dark] .cf-badge--warning{background-color:#451a03;color:#fde68a}.cf-divider{width:100%;height:1px;background-color:var(--cf-border-default);border:none;margin:var(--cf-space-4) 0}.cf-divider--vertical{width:1px;height:100%;min-height:24px;margin:0 var(--cf-space-3);display:inline-block}.cf-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--cf-radius-full);background-color:var(--cf-bg-subtle);color:var(--cf-text-secondary);font-weight:var(--cf-weight-semibold);border:1px solid var(--cf-border-default);overflow:hidden;user-select:none}.cf-avatar--sm{width:32px;height:32px;font-size:var(--cf-text-caption)}.cf-avatar--md{width:44px;height:44px;font-size:var(--cf-text-body-sm)}.cf-avatar--lg{width:64px;height:64px;font-size:var(--cf-text-h3)}.cf-skeleton{background-color:var(--cf-bg-subtle);border-radius:var(--cf-radius-md);position:relative;overflow:hidden}.cf-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff26 20%,#ffffff4d 60%,#fff0);animation:cf-shimmer 2s infinite}:root[data-theme=light] .cf-skeleton:after{background-image:linear-gradient(90deg,#fff0 0,#fff6 20%,#fff9 60%,#fff0)}@keyframes cf-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.cf-skeleton:after{animation:none}}.cf-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--cf-space-10) var(--cf-space-4);max-width:480px;margin:var(--cf-space-8) auto}.cf-state-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--cf-radius-full);background-color:var(--cf-bg-subtle);color:var(--cf-text-muted);margin-bottom:var(--cf-space-4)}.cf-state-icon--danger{background-color:var(--cf-semantic-danger-subtle);color:var(--cf-semantic-danger)}.cf-state-title{font-size:var(--cf-text-h2);font-weight:var(--cf-weight-bold);color:var(--cf-text-primary);margin-bottom:var(--cf-space-2)}.cf-state-description{font-size:var(--cf-text-body-sm);color:var(--cf-text-secondary);line-height:var(--cf-leading-normal);margin-bottom:var(--cf-space-6)}.cf-header{position:fixed;top:0;left:0;right:0;height:calc(var(--cf-header-height) + var(--cf-safe-top));padding-top:var(--cf-safe-top);background-color:var(--cf-bg-surface);border-bottom:1px solid var(--cf-border-default);z-index:var(--cf-z-header);transition:background-color var(--cf-transition-fast),border-color var(--cf-transition-fast)}.cf-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--cf-header-height);width:100%;max-width:var(--cf-container-max);margin:0 auto;padding:0 var(--cf-space-4)}@media(min-width:769px){.cf-header__inner{padding:0 var(--cf-space-6)}}.cf-brand{display:flex;align-items:center;gap:var(--cf-space-2);font-family:var(--cf-font-sans);font-size:1.25rem;font-weight:var(--cf-weight-bold);color:var(--cf-text-primary);letter-spacing:-.02em;text-decoration:none;user-select:none}.cf-brand__logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--cf-radius-md);background:linear-gradient(135deg,var(--cf-brand-primary) 0%,#9f1239 100%);color:#fff;font-size:.9375rem;font-weight:var(--cf-weight-bold);box-shadow:0 2px 4px #e11d484d}.cf-brand__accent{color:var(--cf-brand-primary)}.cf-desktop-nav{display:none}@media(min-width:769px){.cf-desktop-nav{display:flex;align-items:center;gap:var(--cf-space-1)}}.cf-desktop-nav__link{display:inline-flex;align-items:center;gap:var(--cf-space-2);height:40px;padding:0 var(--cf-space-3);border-radius:var(--cf-radius-md);font-size:var(--cf-text-body-sm);font-weight:var(--cf-weight-medium);color:var(--cf-text-secondary);transition:color var(--cf-transition-fast),background-color var(--cf-transition-fast);position:relative}.cf-desktop-nav__link:hover{color:var(--cf-text-primary);background-color:var(--cf-bg-subtle)}.cf-desktop-nav__link--active{color:var(--cf-brand-primary);font-weight:var(--cf-weight-bold);background-color:var(--cf-bg-active-pill)}.cf-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--cf-bottom-nav-height) + var(--cf-safe-bottom));padding-bottom:var(--cf-safe-bottom);background-color:var(--cf-bg-navigation);border-top:1px solid var(--cf-border-default);box-shadow:var(--cf-shadow-nav);z-index:var(--cf-z-bottom-nav);display:flex;align-items:stretch;justify-content:space-around;transition:background-color var(--cf-transition-fast),border-color var(--cf-transition-fast)}@media(min-width:769px){.cf-bottom-nav{display:none}}.cf-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--cf-touch-target-min);min-width:var(--cf-touch-target-min);padding:var(--cf-space-1) 0;color:var(--cf-text-muted);background:transparent;border:none;position:relative;transition:color var(--cf-transition-fast)}.cf-bottom-nav__item:hover{color:var(--cf-text-secondary)}.cf-bottom-nav__item--active{color:var(--cf-brand-primary)}.cf-bottom-nav__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:var(--cf-radius-full);transition:background-color var(--cf-transition-fast)}.cf-bottom-nav__item--active .cf-bottom-nav__icon-wrapper{background-color:var(--cf-bg-active-pill)}.cf-bottom-nav__label{font-size:.6875rem;font-weight:var(--cf-weight-medium);line-height:var(--cf-leading-none);letter-spacing:-.01em}.cf-bottom-nav__item--active .cf-bottom-nav__label{font-weight:var(--cf-weight-bold);color:var(--cf-brand-primary)}.cf-bottom-nav__badge{position:absolute;top:-4px;right:-8px}.cf-auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--cf-header-height) - var(--cf-space-8));min-height:calc(100dvh - var(--cf-header-height) - var(--cf-space-8));padding:var(--cf-space-6) var(--cf-space-4);width:100%}.cf-auth-card{width:100%;max-width:440px;background-color:var(--cf-bg-surface);border:1px solid var(--cf-border-default);border-radius:var(--cf-radius-xl);padding:var(--cf-space-6);box-shadow:var(--cf-shadow-md)}@media(min-width:480px){.cf-auth-card{padding:var(--cf-space-8)}}.cf-auth-header{text-align:center;margin-bottom:var(--cf-space-6)}.cf-auth-header__logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--cf-radius-lg);background:linear-gradient(135deg,var(--cf-brand-primary) 0%,#9f1239 100%);color:#fff;font-size:1.25rem;font-weight:var(--cf-weight-bold);box-shadow:0 4px 8px #e11d4859;margin-bottom:var(--cf-space-3)}.cf-auth-header__title{font-size:var(--cf-text-h2);font-weight:var(--cf-weight-bold);color:var(--cf-text-primary);margin-bottom:var(--cf-space-1)}.cf-auth-header__subtitle{font-size:var(--cf-text-body-sm);color:var(--cf-text-secondary)}.cf-auth-form{display:flex;flex-direction:column;gap:var(--cf-space-4)}.cf-form-group{display:flex;flex-direction:column;gap:var(--cf-space-1)}.cf-form-label{font-size:var(--cf-text-label);font-weight:var(--cf-weight-semibold);color:var(--cf-text-primary)}.cf-form-input{width:100%;height:48px;padding:0 var(--cf-space-3);font-size:var(--cf-text-body);background-color:var(--cf-bg-subtle);border:1px solid var(--cf-border-default);border-radius:var(--cf-radius-md);color:var(--cf-text-primary);transition:border-color var(--cf-transition-fast),background-color var(--cf-transition-fast)}.cf-form-input:focus{background-color:var(--cf-bg-surface);border-color:var(--cf-brand-primary);outline:2px solid var(--cf-brand-focus-ring);outline-offset:1px}.cf-form-input:disabled{opacity:.6;cursor:not-allowed}.cf-form-error-banner{display:flex;align-items:flex-start;gap:var(--cf-space-2);padding:var(--cf-space-3);border-radius:var(--cf-radius-md);background-color:var(--cf-semantic-danger-subtle);border:1px solid rgba(239,68,68,.3);color:var(--cf-semantic-danger);font-size:var(--cf-text-body-sm);line-height:var(--cf-leading-snug)}.cf-auth-footer{margin-top:var(--cf-space-6);text-align:center;font-size:var(--cf-text-body-sm);color:var(--cf-text-secondary)}.cf-auth-link{color:var(--cf-brand-primary);font-weight:var(--cf-weight-semibold);text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:none;padding:0;font-size:inherit}.cf-auth-link:hover{color:var(--cf-brand-primary-hover)}