:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-secondary: #ec4899;--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-border: #334155;--color-success: #10b981;--color-error: #ef4444;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.brand-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.brand-logo__icon{color:var(--color-primary);flex-shrink:0}.brand-logo__text{font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.brand-logo--sm .brand-logo__icon{height:3rem;width:auto}.brand-logo--sm .brand-logo__text{font-size:1rem}.brand-logo--md .brand-logo__icon{height:4rem;width:auto}.brand-logo--md .brand-logo__text{font-size:1.25rem}.brand-logo--lg .brand-logo__icon{height:5rem;width:auto}.brand-logo--lg .brand-logo__text{font-size:1.5rem}.user-avatar{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background-color:var(--color-primary);border:2px solid var(--color-border);flex-shrink:0}.user-avatar--sm{width:32px;height:32px}.user-avatar--md{width:40px;height:40px}.user-avatar--lg{width:48px;height:48px}.user-avatar__image{width:100%;height:100%;object-fit:cover}.user-avatar__initials{font-size:.875rem;font-weight:600;color:#fff;-webkit-user-select:none;user-select:none}.user-avatar--lg .user-avatar__initials{font-size:1rem}.user-avatar--sm .user-avatar__initials{font-size:.75rem}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:opacity .2s ease}.user-menu__trigger:hover{opacity:.8}.user-menu__trigger:focus{outline:2px solid var(--color-primary);outline-offset:2px}.user-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:40;overflow:hidden;animation:dropdown-fade-in .2s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu__header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg)}.user-menu__avatar{flex-shrink:0}.user-menu__info{flex:1;min-width:0}.user-menu__name{font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__email{font-size:.8125rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__divider{height:1px;background-color:var(--color-border)}.user-menu__nav{padding:var(--spacing-sm) 0}.user-menu__item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;text-align:left;text-decoration:none;color:var(--color-text);font-size:.9375rem;cursor:pointer;transition:background-color .2s ease;min-height:44px}.user-menu__item:hover{background-color:var(--color-surface-hover)}.user-menu__item:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.user-menu__item-icon{font-size:1.125rem;flex-shrink:0}.user-menu__item-label{flex:1}.user-menu__item--logout{color:var(--color-text-secondary)}.user-menu__item--logout:hover{color:var(--color-text)}@media(max-width:767px){.user-menu__trigger .user-avatar{width:36px;height:36px}.user-menu__dropdown{min-width:90vw;max-width:320px}}.biz-switcher{position:relative}.biz-switcher__trigger{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid transparent;border-radius:var(--radius-md);padding:.375rem .625rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;max-width:240px}.biz-switcher__trigger:hover{background-color:var(--color-surface-hover);border-color:var(--color-border)}.biz-switcher__icon{font-size:1rem;flex-shrink:0;line-height:1}.biz-switcher__name{font-size:.9375rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biz-switcher__chevron{font-size:.625rem;color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s ease;margin-left:2px}.biz-switcher__chevron--open{transform:rotate(180deg)}.biz-switcher__overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:80}.biz-switcher__panel{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;z-index:90;overflow:hidden}.biz-switcher__panel-header{padding:.75rem 1rem .5rem;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.biz-switcher__list{list-style:none;padding:0 .375rem}.biz-switcher__item{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease;width:100%;background:none;border:none;text-align:left;color:var(--color-text)}.biz-switcher__item:hover{background-color:var(--color-surface-hover)}.biz-switcher__item--active{background-color:#6366f11a}.biz-switcher__item-icon{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0;color:#fff;font-weight:700}.biz-switcher__item-info{flex:1;min-width:0}.biz-switcher__item-name{font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.biz-switcher__item-sub{font-size:.75rem;color:var(--color-text-secondary);margin-top:1px}.biz-switcher__item-check{font-size:.875rem;color:var(--color-primary);flex-shrink:0}.biz-switcher__divider{height:1px;background:var(--color-border);margin:.375rem 0}.biz-switcher__actions{padding:.375rem}.biz-switcher__action{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease;width:100%;background:none;border:none;text-align:left}.biz-switcher__action:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.biz-switcher__action--disabled,.biz-switcher__action--disabled:hover{opacity:.45;cursor:not-allowed;background:none;color:var(--color-text-secondary)}.biz-switcher__badge{margin-left:auto;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:999px;padding:.15em .55em;white-space:nowrap;flex-shrink:0}.biz-switcher__action-icon{font-size:1rem;width:24px;text-align:center;flex-shrink:0}@media(max-width:767px){.biz-switcher__overlay{display:block}.biz-switcher__panel{position:fixed;inset:auto 0 0;min-width:unset;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 32px #00000080;padding-top:.75rem}.biz-switcher__panel:before{content:"";display:block;width:36px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto .5rem}.biz-switcher__panel-header{font-size:.75rem;padding:.5rem 1.25rem}.biz-switcher__list{padding:0 .75rem}.biz-switcher__actions{padding:.375rem .75rem 1.5rem}.biz-switcher__item{padding:.875rem .75rem}.biz-switcher__item-icon{width:38px;height:38px}.biz-switcher__item-name{font-size:.9375rem}.biz-switcher__action{padding:.875rem .75rem;font-size:.9375rem}}.app-layout{display:flex;min-height:100vh;background-color:var(--color-bg)}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:40;display:none}.sidebar{width:280px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:50;transition:transform .3s ease,width .3s ease}.sidebar--collapsed{width:72px}.sidebar__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);min-height:80px;display:flex;align-items:center;justify-content:center}.sidebar__logo-icon{width:40px;height:40px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.sidebar__nav{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;flex:1}.sidebar__link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all .2s ease;cursor:pointer;position:relative;white-space:nowrap}.sidebar--collapsed .sidebar__link{justify-content:center;padding:var(--spacing-md) var(--spacing-sm)}.sidebar--collapsed .sidebar__link-label{display:none}.sidebar--collapsed .sidebar__link-icon{margin:0}.sidebar__link:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.sidebar__link--active{background-color:var(--color-primary);color:#fff}.sidebar__link--active:hover{background-color:var(--color-primary-dark)}.sidebar__link-icon{font-size:1.25rem;flex-shrink:0}.sidebar__link-label{font-weight:500;font-size:.9rem;opacity:1;transition:opacity .2s ease}.sidebar__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;justify-content:center}.sidebar__collapse-btn{width:100%;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;font-size:1.25rem}.sidebar__collapse-btn:hover{background-color:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-secondary)}.sidebar--collapsed .sidebar__collapse-btn{width:40px;padding:0}.collapse-icon{display:inline-block;transition:transform .2s ease}.main-wrapper{flex:1;margin-left:280px;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;transition:margin-left .3s ease}.main-wrapper--collapsed{margin-left:72px}.topbar{height:64px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);position:sticky;top:0;z-index:30}.topbar__left{display:flex;align-items:center;gap:var(--spacing-md)}.topbar__title{font-size:1.5rem;font-weight:600;color:var(--color-text)}.topbar__actions{display:flex;align-items:center;gap:var(--spacing-md);position:relative}.hamburger-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:background-color .2s ease}.hamburger-button:hover{background-color:var(--color-surface-hover)}.hamburger-icon{width:20px;height:2px;background-color:var(--color-text);margin:2px 0;transition:all .3s ease;border-radius:2px}.main-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(max-width:1023px){.sidebar{transform:translate(-100%);width:280px!important}.sidebar--collapsed{width:280px!important}.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block}.main-wrapper{margin-left:0!important}.hamburger-button{display:flex}.topbar__title{font-size:1.25rem}.sidebar__footer{display:none}.sidebar--collapsed .sidebar__link-label{display:block!important}.sidebar--collapsed .sidebar__link{justify-content:flex-start!important;gap:var(--spacing-md);padding:var(--spacing-md)}}@media(max-width:767px){.topbar{padding:0 var(--spacing-md)}.topbar__title{font-size:1.125rem}.main-content{padding:var(--spacing-md)}.sidebar{width:280px}}@media(min-width:1024px){.sidebar-overlay{display:none!important}}.button{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{background-color:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.button--secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.button--secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.button--outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.button--outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.button--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.button--md{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.button--lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.button--full-width{width:100%}.welcome-background{background:linear-gradient(135deg,var(--color-bg) 0%,#1a1f3a 50%,var(--color-bg) 100%);position:relative;overflow:hidden}.welcome-background:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.welcome-card{background-color:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;min-width:400px;max-width:500px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1}.welcome-title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:var(--spacing-xl) 0 var(--spacing-md);line-height:1.3}.welcome-description{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-2xl)}.welcome-cta{margin-bottom:var(--spacing-xl)}.welcome-footer{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;opacity:.8;margin:0}.welcome-loading{color:var(--color-text-secondary);font-size:1rem;padding:var(--spacing-xl)}@media(max-width:640px){.welcome-card{min-width:unset;width:90%;padding:var(--spacing-xl)}.welcome-title{font-size:1.5rem}.welcome-description{font-size:.9375rem}}.page-container--centered{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg)}.login-card{background-color:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;min-width:400px}.page-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-md)}.page-subtitle{color:var(--color-text-secondary);font-size:1rem}.biz-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.biz-form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.biz-form__field label{font-size:.875rem;font-weight:600;color:var(--color-text)}.biz-form__field label .required{color:var(--color-error);margin-left:2px}.biz-form__field label .optional{font-weight:400;color:var(--color-text-secondary);font-size:.8rem;margin-left:var(--spacing-xs)}.biz-form__field input,.biz-form__field select{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:.625rem var(--spacing-md);font-size:.9rem;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.biz-form__field input::placeholder{color:var(--color-text-secondary)}.biz-form__field input:focus,.biz-form__field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.biz-form__field select option{background-color:var(--color-surface);color:var(--color-text)}.biz-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.biz-form__select-loading{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.625rem var(--spacing-md);font-size:.875rem;color:var(--color-text-secondary);animation:biz-form-pulse 1.5s ease-in-out infinite}@keyframes biz-form-pulse{0%,to{opacity:1}50%{opacity:.5}}.biz-form__error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:.875rem;color:var(--color-error)}.biz-form__submit{padding:.75rem var(--spacing-xl);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.biz-form__submit:hover:not(:disabled){background-color:var(--color-primary-dark)}.biz-form__submit:disabled{opacity:.6;cursor:not-allowed}.biz-form__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:biz-form-spin .7s linear infinite;flex-shrink:0}@keyframes biz-form-spin{to{transform:rotate(360deg)}}@media(max-width:540px){.biz-form__row{grid-template-columns:1fr}}.onboarding{display:flex;min-height:100vh;background-color:var(--color-bg)}.onboarding__left{display:none;flex-direction:column;justify-content:space-between;padding:3rem;background:linear-gradient(145deg,#0f172a,#1a1040,#0f172a);position:relative;overflow:hidden}.onboarding__left:before{content:"";position:absolute;top:-120px;left:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);pointer-events:none}.onboarding__left:after{content:"";position:absolute;bottom:-100px;right:-80px;width:350px;height:350px;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 70%);pointer-events:none}.onboarding__brand{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.onboarding__brand-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;padding:5px}.onboarding__brand-img{width:auto;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.onboarding__brand-name{font-size:1.375rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.onboarding__hero{position:relative;z-index:1}.onboarding__tagline{font-size:2.25rem;font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--color-text);margin-bottom:1.25rem}.onboarding__tagline span{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding__description{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;max-width:380px;margin-bottom:2rem}.onboarding__features{list-style:none;display:flex;flex-direction:column;gap:.875rem}.onboarding__feature{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary);font-size:.9375rem}.onboarding__feature-icon{width:28px;height:28px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.onboarding__footer-text{position:relative;z-index:1;font-size:.8125rem;color:#475569}.onboarding__right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;overflow-y:auto}.onboarding__card{width:100%;max-width:460px}.onboarding__mobile-brand{display:flex;align-items:center;gap:.625rem;margin-bottom:2.5rem}.onboarding__mobile-brand-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:11px;display:flex;align-items:center;justify-content:center;padding:5px}.onboarding__mobile-brand-name{font-size:1.25rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.onboarding__step-badge{display:inline-flex;align-items:center;gap:.375rem;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;color:#a5b4fc;letter-spacing:.03em;text-transform:uppercase;margin-bottom:1.25rem}.onboarding__step-dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%}.onboarding__card-title{font-size:1.75rem;font-weight:800;color:var(--color-text);letter-spacing:-.03em;margin-bottom:.5rem;line-height:1.2}.onboarding__card-subtitle{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:2rem}.onboarding__divider{height:1px;background:var(--color-border);margin-bottom:2rem}.onboarding__logout{position:fixed;top:1.25rem;right:1.25rem;z-index:100;display:flex;flex-direction:row-reverse;align-items:center;gap:.5rem;width:2.375rem;overflow:hidden;white-space:nowrap;padding:.5rem;border-radius:10px;border:1px solid transparent;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#64748b;transition:width .28s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease,color .2s ease,padding .28s cubic-bezier(.4,0,.2,1)}.onboarding__logout:hover{width:164px;background:#ef44441a;border-color:#ef444440;color:#f87171;padding:.5rem .75rem .5rem .625rem}.onboarding__logout-icon{width:18px;height:18px;flex-shrink:0}.onboarding__logout-text{font-size:.8125rem;font-weight:500;letter-spacing:.01em;opacity:0;transition:opacity .15s ease .08s}.onboarding__logout:hover .onboarding__logout-text{opacity:1}@media(min-width:768px){.onboarding__left{display:flex;width:420px;flex-shrink:0}.onboarding__mobile-brand{display:none}.onboarding__right{padding:3rem 4rem}}@media(min-width:1100px){.onboarding__left{width:480px}.onboarding__tagline{font-size:2.75rem}}.scanner-page{max-width:600px;margin:0 auto}.scanner-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.scanner-preview{position:relative;background-color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-border)}.qr-reader{width:100%;border-radius:var(--radius-lg)}.qr-reader video{width:100%!important;height:auto!important;border-radius:var(--radius-lg)}.qr-reader canvas{width:100%!important;height:auto!important}.scanner-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background-color:var(--color-surface);color:var(--color-text-secondary)}.scanner-placeholder__icon{font-size:4rem;margin:0}.scanner-permission{background-color:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.scanner-permission__icon{font-size:3rem;margin:0}.scanner-permission h3{margin:0;font-size:1.25rem;color:var(--color-text)}.scanner-permission__message{color:var(--color-text-secondary);margin:0;font-size:1rem;max-width:400px}.scanner-error{background-color:var(--color-surface);border:2px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.scanner-error__icon{font-size:3rem;margin:0}.scanner-error__message{color:var(--color-text);margin:0;font-size:1rem}.scanner-result{background-color:var(--color-surface);border:2px solid var(--color-success);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.scanner-result__header{display:flex;align-items:center;gap:var(--spacing-md)}.scanner-result__icon{font-size:1.5rem}.scanner-result__header h3{margin:0;font-size:1.25rem;color:var(--color-text)}.scanner-result__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.scanner-result__info{padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.scanner-result__info p{margin:var(--spacing-sm) 0;color:var(--color-text)}.scanner-result__message{padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:500}.scanner-result__message.success{background-color:#22c55e1a;color:var(--color-success);border:1px solid var(--color-success)}.scanner-result__message.warning{background-color:#fbbf241a;color:#f59e0b;border:1px solid #f59e0b}.scanner-result__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.scanner-result__code{color:var(--color-text-secondary);font-family:monospace;font-size:.75rem;word-break:break-all;display:block;padding:var(--spacing-sm);background-color:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.scanner-result__actions{display:flex;gap:var(--spacing-md)}.scanner-button{flex:1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.scanner-button--primary{background-color:var(--color-primary);color:#fff}.scanner-button--primary:hover{background-color:var(--color-primary-dark)}.scanner-button--secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.scanner-button--secondary:hover{background-color:var(--color-surface-hover)}.scanner-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--color-text-secondary)}.scanner-status__indicator{width:12px;height:12px;background-color:var(--color-success);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media(max-width:767px){.scanner-page{max-width:100%}.scanner-result__actions{flex-direction:column}.scanner-button{width:100%}}.settings-page{max-width:860px}.settings-page__title{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--color-text)}.settings-page__layout{display:grid;grid-template-columns:196px 1fr;gap:var(--spacing-xl);align-items:start}.settings-nav{display:flex;flex-direction:column;gap:2px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm);position:sticky;top:var(--spacing-xl)}.settings-nav__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5625rem var(--spacing-md);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s;width:100%}.settings-nav__item:hover,.settings-nav__item--active{background:var(--color-surface-hover);color:var(--color-text)}.settings-nav__icon{font-size:1rem;width:1.25rem;text-align:center;flex-shrink:0}.settings-nav__label{flex:1}.settings-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-section__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.settings-section__title{font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:.1875rem}.settings-section__desc{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.settings-section__body{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-section__footer{padding:var(--spacing-md) var(--spacing-xl);background:#ffffff05;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.settings-field{display:flex;flex-direction:column;gap:.375rem}.settings-field__label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.settings-field__input,.settings-field__select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;color:var(--color-text);font-size:.875rem;transition:border-color .15s;width:100%;font-family:inherit}.settings-field__input:focus,.settings-field__select:focus{outline:none;border-color:var(--color-primary)}.settings-field__input:disabled,.settings-field__select:disabled{opacity:.5;cursor:not-allowed}.settings-field__input--readonly{cursor:default;opacity:.7}.settings-field__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.settings-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.settings-color-row{display:flex;align-items:center;gap:var(--spacing-sm)}.settings-color-swatch{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:2px;cursor:pointer;background:none;flex-shrink:0;overflow:hidden}.settings-save-status{font-size:.8125rem;color:var(--color-text-secondary)}.settings-save-status--success{color:var(--color-success)}.settings-save-status--error{color:var(--color-error)}.settings-info-row{display:flex;flex-direction:column;gap:.25rem}.settings-info-row__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.settings-info-row__value{font-size:.9375rem;color:var(--color-text)}.settings-danger-section{background:#ef44440a;border-color:#ef444440}.settings-danger-section .settings-section__title{color:var(--color-error)}.settings-logo-upload{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.settings-logo-preview{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);overflow:hidden;display:flex;align-items:center;justify-content:center}.settings-logo-preview__img{width:100%;height:100%;object-fit:contain}.settings-logo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.6875rem;color:var(--color-text-secondary);text-align:center;padding:var(--spacing-xs)}.settings-logo-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center}@media(max-width:640px){.settings-page__layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;position:static;overflow-x:auto;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav__item{white-space:nowrap;flex-shrink:0}.settings-field-row{grid-template-columns:1fr}}.create-card-options{max-width:900px;margin:0 auto;padding:var(--spacing-2xl);min-height:100%}.create-card-options__header{margin-bottom:var(--spacing-3xl)}.back-button{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-lg);display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:color .2s ease}.create-card-options__title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.create-card-options__subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0}.create-card-options__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.option-card{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);cursor:pointer;transition:all .3s ease;position:relative;text-align:center;outline:none}.option-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 24px #0000001f}.option-card:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.option-card__icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.option-card__title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.option-card__description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.option-card__badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}@media(max-width:768px){.create-card-options{padding:var(--spacing-md) var(--spacing-md) var(--spacing-2xl);min-height:calc(100vh - 64px)}.create-card-options__header{margin-bottom:var(--spacing-xl)}.back-button{margin-bottom:var(--spacing-md);font-size:.9rem}.create-card-options__title{font-size:1.75rem;margin-bottom:var(--spacing-md)}.create-card-options__subtitle{font-size:.9rem;line-height:1.4}.create-card-options__grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.option-card{padding:var(--spacing-xl);min-height:180px;display:flex;flex-direction:column;justify-content:center}.option-card__icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.option-card__title{font-size:1.125rem;margin-bottom:var(--spacing-sm)}.option-card__description{font-size:.813rem;line-height:1.4}.option-card__badge{font-size:.688rem;padding:6px 10px}.option-card:active{transform:scale(.98);border-color:var(--color-primary)}}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all .2s ease}.card--clickable{cursor:pointer}.card--clickable:hover:not(.card--disabled){background-color:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--disabled{opacity:.6;cursor:not-allowed;position:relative}.card--disabled:after{content:"Próximamente";position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-secondary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.card-type-selection{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl)}.card-type-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.page-title{font-size:2rem;font-weight:700;margin:0;color:var(--color-text)}.page-subtitle{color:var(--color-text-secondary);margin:0;font-size:1rem}.card-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.card-type-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);min-height:200px;justify-content:center;position:relative}.card-type-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.card-type-name{font-size:1.25rem;font-weight:600;margin:0;color:var(--color-text)}.card-type-description{color:var(--color-text-secondary);margin:0;font-size:.875rem}.card-type-badge{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-success);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.draft-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.draft-banner__icon{font-size:1.5rem;flex-shrink:0}.draft-banner__body{flex:1;min-width:0}.draft-banner__title{margin:0;font-size:.9375rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-banner__meta{margin:2px 0 0;font-size:.8125rem;color:var(--color-text-secondary)}.draft-banner__actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.draft-banner__btn-continue{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s ease}.draft-banner__btn-continue:hover{opacity:.88}.draft-banner__btn-discard{padding:var(--spacing-xs) var(--spacing-md);background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:color .2s ease,border-color .2s ease}.draft-banner__btn-discard:hover{color:var(--color-error);border-color:var(--color-error)}.draft-dialog{padding:0;border:none;border-radius:var(--radius-xl);box-shadow:0 24px 80px #00000059;background-color:var(--color-surface);max-width:420px;width:calc(100% - 2 * var(--spacing-lg));position:fixed;inset:0;margin:auto;height:fit-content}.draft-dialog::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.draft-dialog__content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.draft-dialog__icon{font-size:2.5rem}.draft-dialog__title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-text)}.draft-dialog__body{margin:0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.draft-dialog__actions{display:flex;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-sm)}.draft-dialog__btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.draft-dialog__btn--cancel{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.draft-dialog__btn--cancel:hover{background-color:var(--color-bg)}.draft-dialog__btn--confirm{background-color:var(--color-error);border:none;color:#fff}.draft-dialog__btn--confirm:hover{opacity:.88}@media(max-width:768px){.card-type-selection{padding:var(--spacing-md) var(--spacing-md) var(--spacing-2xl)}.card-type-container{gap:var(--spacing-lg)}.page-title{font-size:1.75rem}.page-subtitle{font-size:.9rem;line-height:1.4}.card-type-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.card-type-item{padding:var(--spacing-xl);min-height:180px}.card-type-icon{font-size:2.5rem}.card-type-name{font-size:1.125rem}.card-type-description{font-size:.813rem;line-height:1.4}.card-type-item:active{transform:scale(.98)}}.template-gallery{max-width:1400px;margin:0 auto;padding:var(--spacing-2xl)}.template-gallery-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.back-button{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;padding:var(--spacing-sm) 0;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:color .2s ease;align-self:flex-start}.back-button:hover{color:var(--color-text-primary)}.template-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.template-card{cursor:pointer;padding:var(--spacing-lg);border:2px solid transparent;transition:all .3s ease}.template-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.template-preview{margin-bottom:var(--spacing-md);display:flex;justify-content:center}.template-preview-phone{width:200px;height:400px;border-radius:30px;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:0 10px 40px #0000004d;border:8px solid #1a1a1a;position:relative}.template-preview-phone:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:80px;height:25px;background-color:#1a1a1a;border-radius:0 0 20px 20px}.template-preview-header{margin-top:var(--spacing-lg);text-align:center}.template-name-text{font-size:.75rem;font-weight:600;color:#333}.template-preview-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:var(--spacing-sm) 0}.template-stamp{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.template-stamp-icon{font-size:.6rem}.template-preview-footer{display:flex;justify-content:space-between;gap:var(--spacing-xs);margin-top:auto}.template-info-section{display:flex;flex-direction:column;gap:2px;flex:1}.template-info-label{font-size:.45rem;font-weight:600;color:#666;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-info-value{font-size:.5rem;color:#333;font-weight:500}.template-qr{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:var(--spacing-sm)}.template-qr-text{font-size:.45rem;color:#333;font-weight:500}.template-info{text-align:center}.template-title{font-size:1rem;font-weight:600;margin:0;color:var(--color-text)}.template-actions{position:sticky;bottom:0;padding:var(--spacing-lg) 0;background:linear-gradient(to top,var(--color-bg) 80%,transparent);margin-top:var(--spacing-xl)}@media(max-width:768px){.template-gallery{padding:var(--spacing-md) var(--spacing-md) var(--spacing-2xl)}.template-header{flex-direction:column;margin-bottom:var(--spacing-md)}.template-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.template-card{padding:var(--spacing-md)}.template-preview-phone{width:180px;height:360px}.template-actions{padding:var(--spacing-md) 0;position:sticky;bottom:0;background:linear-gradient(to top,var(--color-bg) 90%,transparent)}}.template-preview-phone{width:180px;height:360px}.step-indicator{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.step-indicator__steps{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;overflow-x:auto}.step-indicator__step{display:flex;align-items:center;gap:var(--spacing-sm);position:relative;flex-shrink:0}.step-indicator__step-content{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .2s ease;background-color:var(--color-surface);color:var(--color-text-secondary);border:2px solid var(--color-border)}.step-indicator__step--current .step-indicator__step-content{background-color:#fff;color:var(--color-bg);border-color:var(--color-primary)}.step-indicator__step--completed .step-indicator__step-content{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.step-indicator__step--disabled .step-indicator__step-content{opacity:.5}.step-indicator__check{font-size:1.25rem}.step-indicator__number{font-size:.875rem}.step-indicator__label{font-size:.875rem;font-weight:500;color:var(--color-text);white-space:nowrap}.step-indicator__step--current .step-indicator__label{color:var(--color-text);font-weight:600}.step-indicator__step--disabled .step-indicator__label{color:var(--color-text-secondary);opacity:.6}.step-indicator__connector{width:40px;height:2px;background-color:var(--color-border);margin:0 var(--spacing-sm)}.step-indicator__step--completed .step-indicator__connector{background-color:var(--color-success)}.step-indicator__actions{display:flex;align-items:center;gap:var(--spacing-md)}.step-indicator__action-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.step-indicator__action-btn--help{width:32px;height:32px;border-radius:50%;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.step-indicator__action-btn--help:hover{background-color:var(--color-surface-hover)}.step-indicator__action-btn--save{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-lg)}.step-indicator__action-btn--save:hover{background-color:var(--color-surface-hover)}@media(max-width:768px){.step-indicator{flex-direction:column;align-items:stretch}.step-indicator__steps{overflow-x:auto;padding-bottom:var(--spacing-sm)}.step-indicator__label{display:none}.step-indicator__connector{width:20px}.step-indicator__actions{justify-content:flex-end}.step-indicator__action-btn--save{flex:1}}.card-wizard-layout{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--color-bg);overflow:hidden}.card-wizard-header{background-color:#000;color:#fff;flex-shrink:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);gap:var(--spacing-xl)}.card-wizard-header__mobile-context{display:none}.card-wizard-header__mobile-business{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.card-wizard-header__mobile-sep{flex-shrink:0;color:#ffffffa6}.card-wizard-header__mobile-step{flex-shrink:0;color:#ffffffb3}.card-wizard-header__business{flex-shrink:0}.business-input-wrapper{position:relative;display:inline-block;width:100%;max-width:400px}.card-wizard-header__business-input{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;font-size:1.125rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);padding-right:2.5rem;width:100%;transition:border-color .2s ease}.card-wizard-header__business-input:focus{outline:none;border-color:var(--color-primary)}.card-wizard-header__business-input::placeholder{color:#ffffff80}.business-input-check{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:#10b981;font-size:1.25rem;font-weight:700;animation:checkmarkAppear .3s ease;pointer-events:none}@keyframes checkmarkAppear{0%{opacity:0;transform:translateY(-50%) scale(.5)}to{opacity:1;transform:translateY(-50%) scale(1)}}.business-input-tooltip{position:absolute;left:calc(100% + var(--spacing-md));top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--color-primary),#9333ea);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #ff6f004d;animation:tooltipSlide .4s ease;display:flex;align-items:center;gap:var(--spacing-xs);z-index:30}.business-input-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:8px solid transparent;border-right-color:var(--color-primary)}.tooltip-emoji{font-size:1rem;animation:pointingHand 1s ease-in-out infinite}@keyframes tooltipSlide{0%{opacity:0;transform:translateY(-50%) translate(-10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@keyframes pointingHand{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.card-wizard-content{display:grid;grid-template-columns:1fr 420px;grid-template-rows:1fr auto;flex:1;overflow:hidden;gap:0;min-height:0}.card-wizard-main{padding:0;background-color:var(--color-bg);overflow-y:auto;grid-column:1;grid-row:1}.card-wizard-main__content{padding:var(--spacing-xl);background-color:var(--color-background)}.card-wizard-main__footer{grid-column:1 / -1;grid-row:2;flex-shrink:0}.card-wizard-preview{background-color:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;grid-column:2;grid-row:1}.card-wizard-preview__container{padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);overflow-y:auto;overflow-x:hidden}.card-wizard-preview-toggle{display:none;position:fixed;bottom:calc(var(--spacing-xl) + 72px + env(safe-area-inset-bottom,0px));right:var(--spacing-xl);width:56px;height:56px;overflow:hidden;background-color:var(--color-primary);color:#fff;border:none;border-radius:28px;padding:0;box-shadow:0 4px 12px #00000059,0 2px 4px #0003;cursor:pointer;z-index:30;align-items:center;justify-content:center;gap:0;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),gap .3s ease,box-shadow .15s ease,transform .15s ease}.preview-toggle-icon{flex-shrink:0;font-size:1.5rem;line-height:1;pointer-events:none}.preview-toggle-label{white-space:nowrap;font-size:.875rem;font-weight:600;max-width:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease .08s}.card-wizard-preview-toggle:active{transform:scale(.95);box-shadow:0 2px 8px #0000004d}@media(hover:hover)and (pointer:fine){.card-wizard-preview-toggle:hover{width:168px;padding:0 var(--spacing-lg) 0 var(--spacing-md);gap:var(--spacing-sm);background-color:var(--color-primary-dark);box-shadow:0 6px 16px #0006,0 2px 6px #00000040}.card-wizard-preview-toggle:hover .preview-toggle-label{max-width:120px;opacity:1}}.card-wizard-preview-modal{display:none;position:fixed;inset:0;z-index:50}.card-wizard-preview-modal__overlay{position:absolute;inset:0;background-color:#000000b3}.card-wizard-preview-modal__content{position:absolute;inset:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--radius-lg);overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl)}.card-wizard-preview-modal__close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border-radius:50%;background-color:var(--color-bg);color:var(--color-text);border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.card-wizard-preview-modal__close:hover{background-color:var(--color-surface-hover)}@media(max-width:1024px){.card-wizard-content{grid-template-columns:1fr}.card-wizard-preview{display:none}.card-wizard-preview-toggle{display:flex}.card-wizard-preview-modal{display:block}.card-wizard-main{padding:0}}@media(max-width:768px){.card-wizard-header{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.card-wizard-header__mobile-context{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;color:#ffffffe6;overflow:hidden;width:100%;margin:0}.card-wizard-header__business,.step-indicator{display:none}.business-input-tooltip{left:50%;top:auto;bottom:calc(100% + var(--spacing-sm));transform:translate(-50%)}.business-input-tooltip:before{right:auto;top:100%;left:50%;transform:translate(-50%);border-right-color:transparent;border-top-color:var(--color-primary)}@keyframes tooltipSlide{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.card-wizard-main{padding:0}.card-wizard-preview-modal__content{inset:var(--spacing-md);padding:var(--spacing-lg)}}@media(max-width:650px){.card-wizard-main__content{padding:var(--spacing-md)}}.card-preview{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%;max-width:600px;margin:0 auto}.card-preview__status{text-align:center}.status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm)}.status-indicator--active{background-color:#10b9811a;color:var(--color-success)}.status-indicator--inactive{background-color:#ef44441a;color:var(--color-error)}.iphone-frame{width:300px;height:610px;border-radius:48px;background:linear-gradient(135deg,#e8e8ed,#f5f5f7,#e8e8ed);padding:12px;box-shadow:0 0 0 3px #b4b4be80,0 40px 100px #0000004d,inset 0 0 0 1px #fffc,inset 0 2px 4px #fff9;position:relative;display:flex;flex-direction:column}.iphone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:140px;height:32px;background:linear-gradient(180deg,#d8d8de,#e8e8ed);border-radius:0 0 20px 20px;z-index:100;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #0003,inset 0 1px 2px #ffffff80}.notch-camera{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#1e3a5f,#0a1929);box-shadow:0 0 0 1px #ffffff26}.notch-speaker{width:60px;height:7px;border-radius:4px;background:linear-gradient(180deg,#888,#666);box-shadow:inset 0 1px 2px #0000004d,0 1px 1px #ffffff4d}.wallet-background{flex:1;background:#f5f5f7;border-radius:36px;padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-xl);display:flex;flex-direction:column;align-items:center;position:relative;overflow-y:auto}.pkpass-card{width:100%;max-width:340px;border-radius:16px;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a;position:relative;overflow:hidden}.iphone-home-indicator{width:134px;height:5px;background:#ffffff4d;border-radius:100px;margin:8px auto;position:relative;z-index:100}.card-preview__header{text-align:left;min-height:24px;display:flex;align-items:center;justify-content:flex-start;margin-top:0}.business-name{font-size:.875rem;font-weight:700;font-style:italic}.business-logo{max-width:150px;max-height:30px;object-fit:contain}.stamp-background{position:absolute;top:50px;left:0;right:0;height:100px;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;z-index:0;border-radius:0}.card-preview__stamps{display:grid;grid-template-columns:repeat(auto-fill,32px);grid-auto-rows:32px;gap:8px;margin:var(--spacing-sm) auto;position:relative;z-index:1;max-width:192px;justify-content:center;width:fit-content;min-height:72px}.card-preview__stamps--text-mode{visibility:hidden}.stamp{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .2s ease}.stamp--filled{color:#fff}.stamp-icon-image{width:18px;height:18px;object-fit:contain}.card-preview__footer{display:flex;justify-content:space-between;gap:var(--spacing-xs);margin-top:auto;position:relative;z-index:1}.info-section{display:flex;flex-direction:column;gap:2px;flex:1}.info-label{font-size:.5rem;font-weight:700;text-transform:uppercase;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-value{font-size:.625rem;font-weight:600}.card-preview__qr{display:inline-flex;flex-direction:column;align-items:center;gap:5px;margin-top:var(--spacing-sm);padding:8px 8px 6px;background-color:#fff;border-radius:10px;box-shadow:0 2px 12px #0000002e;align-self:center;position:relative;z-index:1}.card-preview__qr-text{font-size:.42rem;font-weight:500;letter-spacing:.02em;color:#000}.card-preview__phone-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xl);transform-origin:top center;transition:transform .3s ease;margin-top:var(--spacing-md)}@media(max-height:800px){.card-preview__phone-wrapper{transform:scale(.75)}}@media(min-height:801px)and (max-height:900px){.card-preview__phone-wrapper{transform:scale(.85)}}@media(min-height:901px){.card-preview__phone-wrapper{transform:scale(1)}}.card-preview__iphone-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.card-preview__actions{display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center}.preview-action-btn{width:48px;height:48px;border-radius:50%;background-color:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.5rem}.preview-action-btn:hover{background-color:var(--color-surface-hover);transform:translateY(-2px)}.preview-action-btn--icon{background:linear-gradient(135deg,#f0f0f5,#fff,#f0f0f5);border:1px solid rgba(180,180,190,.4);box-shadow:0 2px 8px #0000001a,inset 0 1px 2px #fffc;color:#333}.preview-action-btn--icon:hover{background:linear-gradient(135deg,#e8e8ed,#f5f5f7,#e8e8ed);box-shadow:0 4px 12px #00000026,inset 0 1px 2px #ffffffe6;color:#000}.pkpass-mini-preview{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-sm)}.pkpass-card--mini{max-width:204px;border-radius:10px;padding:6px 12px 12px;gap:10px}.pkpass-card--mini .card-preview__header{min-height:14px}.pkpass-card--mini .business-name{font-size:.525rem}.pkpass-card--mini .business-logo{max-width:90px;max-height:18px}.pkpass-card--mini .stamp-background{top:30px;height:60px}.pkpass-card--mini .card-preview__stamps{grid-template-columns:repeat(auto-fill,19px);grid-auto-rows:19px;gap:5px;margin:6px auto;max-width:115px}.pkpass-card--mini .stamp{width:19px;height:19px;font-size:.525rem;border-width:1.2px}.pkpass-card--mini .stamp-icon-image{width:11px;height:11px}.pkpass-card--mini .card-preview__footer{gap:4px}.pkpass-card--mini .info-label{font-size:.3rem}.pkpass-card--mini .info-value{font-size:.375rem}.pkpass-details__card-description{font-size:1.25rem;font-weight:700;color:#000;text-align:center;margin:0 0 var(--spacing-md) 0;padding:0 var(--spacing-sm);line-height:1.3;white-space:nowrap;overflow:visible;width:100%}.pkpass-details{width:100%;max-width:340px;background-color:#fff;border-radius:16px;padding:var(--spacing-lg);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a}.pkpass-details__title{font-size:1rem;font-weight:700;color:#333;margin:0 0 var(--spacing-lg) 0;text-align:center}.pkpass-details__section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.pkpass-details__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pkpass-details__label{display:block;font-size:.6875rem;font-weight:700;color:#666;margin-bottom:var(--spacing-xs)}.pkpass-details__value{font-size:.8125rem;color:#333;margin:0;line-height:1.4}.pkpass-details__value--placeholder{color:#999;font-style:italic}@media(max-width:768px){.pkpass-details{max-width:280px;padding:var(--spacing-md)}.pkpass-details__card-description{font-size:1.25rem;margin-bottom:var(--spacing-lg)}.pkpass-card--mini{max-width:168px}.pkpass-details__title{font-size:.875rem}.pkpass-details__label{font-size:.625rem}.pkpass-details__value{font-size:.75rem}.iphone-frame{width:260px;height:530px}.iphone-notch{width:130px;height:30px}.card-preview__stamps{gap:6px}.stamp{font-size:.75rem}.iphone-home-indicator{width:110px}}.ajustes-step{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.btn-help{background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;font-size:1.125rem;line-height:1;color:var(--color-text-secondary);transition:all .2s ease;border-radius:var(--radius-sm)}.btn-help:hover{background-color:#ffffff1a;color:var(--color-text)}.settings-subsection{padding-bottom:var(--spacing-lg)}.settings-subsection--top-border{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.settings-subsection-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.program-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.program-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:border-color .15s ease,background-color .15s ease}.program-card:hover{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 5%,var(--color-bg))}.program-card--active{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg))}.program-card__emoji{font-size:1.75rem;line-height:1}.program-card__label{font-size:.875rem;font-weight:600;color:var(--color-text)}.program-card__desc{font-size:.6875rem;color:var(--color-text-secondary);line-height:1.4}.settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.settings-two-col__item{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.form-help{font-size:.75rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;font-family:inherit;box-sizing:border-box;transition:border-color .2s ease}.form-group{margin-top:var(--spacing-md)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.radio-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color .15s ease}.toggle-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--color-text);line-height:1.5}.toggle-row input[type=checkbox]{margin-top:3px;flex-shrink:0}.location-list{list-style:none;margin:0 0 var(--spacing-sm) 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.location-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem}.location-remove{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:.875rem;padding:var(--spacing-xs);opacity:.7;transition:opacity .2s ease}.location-remove:hover{opacity:1}.btn-secondary{padding:var(--spacing-xs) var(--spacing-md);background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-top:var(--spacing-xs)}.btn-secondary:hover{background-color:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-text-secondary)}@media(max-width:768px){.ajustes-step{max-width:100%}.step-title{font-size:1.5rem}.program-card-grid{grid-template-columns:repeat(2,1fr)}.settings-two-col{grid-template-columns:1fr}}.form-section-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--color-text)}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text)}.form-help{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;font-family:inherit;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-input--error,.form-textarea--error{border-color:var(--color-error)}.form-error{display:block;font-size:.75rem;color:var(--color-error);margin-top:var(--spacing-xs)}.form-textarea{resize:vertical;min-height:80px}.form-group{margin-top:var(--spacing-lg)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.radio-option{display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-md);border-radius:var(--radius-md);transition:background-color .2s ease}.radio-option:hover{background-color:var(--color-bg)}.radio-option input[type=radio]{margin-top:2px;flex-shrink:0}.radio-label{font-size:.875rem;color:var(--color-text)}.toggle-label{display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;font-size:.875rem;color:var(--color-text)}.toggle-label input[type=checkbox]{margin-top:2px;flex-shrink:0}.location-list{list-style:none;margin:0 0 var(--spacing-md) 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.location-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border-radius:var(--radius-md)}.location-remove{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1rem;padding:var(--spacing-xs);transition:opacity .2s ease}.location-remove:hover{opacity:.7}.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background-color:var(--color-surface-hover)}@media(max-width:768px){.ajustes-step{max-width:100%}.step-title{font-size:1.5rem}.form-section{padding:var(--spacing-md)}}.design-step{max-width:800px;margin:0 auto;padding:var(--spacing-xl);container-type:inline-size;container-name:design-step}.section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.design-subsection{padding-bottom:var(--spacing-lg)}.design-subsection--top-border{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.design-subsection-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.help-icon{width:20px;height:20px;border-radius:50%;background-color:var(--color-surface-hover);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:help}.stamp-config-row{display:grid;grid-template-columns:1fr 1fr;gap:0}.stamp-config-col{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);min-width:0}.stamp-config-col--border{border-left:1px solid var(--color-border)}.stamp-config-row--top-border{border-top:1px solid var(--color-border)}.stamp-count-stepper{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stamp-mode-toggle{display:inline-flex;align-self:flex-start;background-color:var(--color-surface-hover);border-radius:var(--radius-md);padding:3px;gap:2px}.stamp-mode-toggle__btn{padding:var(--spacing-xs) var(--spacing-lg);border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--color-text-secondary);font-size:.825rem;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap}.stamp-mode-toggle__btn--active{background-color:var(--color-surface);color:var(--color-text);font-weight:600;box-shadow:0 1px 3px #00000026}.stamp-slider-row{display:flex;align-items:center;gap:var(--spacing-xl)}.stamp-stepper-value{display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:56px}.stamp-stepper-number{font-size:2.5rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--color-text)}.stamp-stepper-label{font-size:.7rem;color:var(--color-text-secondary);font-weight:500;margin-top:2px}.stamp-range-track{flex:1;display:flex;flex-direction:column;gap:4px}.stamp-range-input{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--color-text) 0%,var(--color-text) calc((var(--value, 10) - 1) / (var(--max, 10) - 1) * 100%),var(--color-border) calc((var(--value, 10) - 1) / (var(--max, 10) - 1) * 100%),var(--color-border) 100%)}.stamp-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background-color:var(--color-text);border:3px solid var(--color-bg);box-shadow:0 0 0 1px var(--color-border);cursor:pointer;transition:box-shadow .15s ease}.stamp-range-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-text) 15%,transparent)}.stamp-range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background-color:var(--color-text);border:3px solid var(--color-bg);box-shadow:0 0 0 1px var(--color-border);cursor:pointer}.stamp-range-labels{position:relative;display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-secondary);padding:0 2px;height:16px}.stamp-range-threshold{position:absolute;left:31.03%;transform:translate(-50%);font-weight:700;color:var(--color-primary)}.stamp-range-threshold:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:2px;height:6px;background-color:var(--color-primary);border-radius:1px;opacity:.5}.stamp-icon-row{display:flex;align-items:center;gap:var(--spacing-xs)}.stamp-icon-row__select{flex:1;min-width:0;font-size:.8rem;padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamp-icon-row__chip{flex:1;min-width:0;display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px 4px 4px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);overflow:hidden}.stamp-icon-row__thumb{width:28px;height:28px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.stamp-icon-row__chip-label{flex:1;font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamp-icon-row__chip-remove{flex-shrink:0;width:18px;height:18px;border-radius:50%;background-color:var(--color-surface-hover);color:var(--color-text-secondary);border:none;font-size:.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.stamp-icon-row__chip-remove:hover{background-color:var(--color-border);color:var(--color-text)}.stamp-icon-row__upload-btn{flex-shrink:0;width:34px;height:34px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;line-height:1}.stamp-icon-row__upload-btn:hover{background-color:var(--color-surface-hover)}.file-preview{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg);display:flex;align-items:center;justify-content:center}.preview-image{max-width:100%;max-height:100%;object-fit:contain}.image-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.image-upload-card{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-lg);aspect-ratio:4 / 3;overflow:hidden;cursor:pointer;transition:border-color .18s ease,background-color .18s ease;display:flex;flex-direction:column;background-color:var(--color-bg)}.image-upload-card:hover{border-color:var(--color-text-secondary);background-color:var(--color-surface-hover)}.image-upload-card--filled{border-style:solid;border-color:var(--color-border);cursor:default}.image-upload-card__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-md);text-align:center}.image-upload-card__icon{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;color:var(--color-text-secondary);margin-bottom:4px;flex-shrink:0}.image-upload-card__label{font-size:.8rem;font-weight:600;color:var(--color-text)}.image-upload-card__spec{font-size:.65rem;color:var(--color-text-secondary);line-height:1.4}.image-upload-card__preview{width:100%;height:100%;object-fit:cover;display:block}.image-upload-card__remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:24px;height:24px;border-radius:50%;background-color:#0009;color:#fff;border:none;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;z-index:2}.image-upload-card__remove:hover{background-color:#000000d9}.image-upload-card__name{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(transparent,#0000008c);color:#fff;font-size:.7rem;font-weight:600;text-align:center}.file-upload-box{width:100%}.file-upload-placeholder{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:border-color .2s ease}.file-upload-placeholder:hover{border-color:var(--color-primary)}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.upload-help{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--spacing-sm);line-height:1.4}.file-preview-box{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);background-color:var(--color-bg)}.preview-image-large{max-width:100%;height:auto;display:block;margin:0 auto}.btn-remove{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:32px;height:32px;border-radius:50%;background-color:var(--color-error);color:#fff;border:none;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.btn-remove:hover{opacity:.8}.color-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg)}.color-picker-item{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.color-input-wrapper{display:flex;gap:var(--spacing-sm);align-items:center;min-width:0;width:100%}.color-input{width:60px;min-width:60px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:transparent}.color-text-input{flex:1;min-width:0;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.875rem;font-family:monospace}@media(max-width:1024px){.image-upload-grid{grid-template-columns:repeat(3,1fr)}}@container design-step (max-width: 520px){.design-step{max-width:100%;padding:var(--spacing-md)}.stamp-config-row{grid-template-columns:1fr}.stamp-config-col{padding:var(--spacing-md)}.stamp-config-col--border{border-left:none;border-top:1px solid var(--color-border)}.stamp-config-row--top-border{border-top:1px solid var(--color-border)}.stamp-count-stepper{padding:var(--spacing-md)}.stamp-stepper-number{font-size:2rem}.image-upload-grid{grid-template-columns:repeat(2,1fr)}.color-picker-grid{grid-template-columns:1fr}}@container design-step (max-width: 360px){.image-upload-grid{grid-template-columns:1fr}.image-upload-card{aspect-ratio:3 / 1}.image-upload-card__empty{flex-direction:row;justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md);text-align:left}.image-upload-card__icon{margin-bottom:0;flex-shrink:0}.image-upload-card__label,.image-upload-card__spec{text-align:left}.stamp-slider-row{flex-direction:column;align-items:stretch}.stamp-stepper-value{flex-direction:row;gap:var(--spacing-sm);align-items:baseline}.stamp-range-track{max-width:100%}}.informacion-step{max-width:800px;margin:0 auto;padding:var(--spacing-xl)}.step-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-2xl);color:var(--color-text)}.form-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.form-section-title{font-size:1rem;font-weight:600;margin:0;color:var(--color-text);line-height:1.5}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.btn-ai,.btn-help{background:transparent;border:none;padding:var(--spacing-xs);cursor:pointer;font-size:1.125rem;line-height:1;color:var(--color-text-secondary);transition:all .2s ease;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.btn-ai:hover,.btn-help:hover{background-color:#ffffff1a;color:var(--color-text)}.info-subsection{padding-bottom:var(--spacing-lg)}.info-subsection--top-border{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.info-subsection-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.info-subsection-desc{font-size:.8125rem;color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.form-group{margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-help{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.form-error{font-size:.8125rem;color:var(--color-danger, #e53e3e);margin-top:var(--spacing-xs)}.form-hint{font-size:.8125rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:.875rem;box-sizing:border-box}.form-input--full{width:100%}.form-input--error{border-color:var(--color-danger, #e53e3e)}.form-input::placeholder{color:var(--color-text-secondary);opacity:.6}.info-tc-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.info-tc-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 12%,transparent);padding:2px 8px;border-radius:99px}.info-tc-textarea{resize:vertical;min-height:120px;line-height:1.6;font-family:inherit}.info-tc-counter{font-size:.75rem;color:var(--color-text-secondary);text-align:right;margin-top:var(--spacing-xs)}.info-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.info-two-col__item{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:.875rem;cursor:pointer;box-sizing:border-box}.btn-variable{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text-secondary);cursor:pointer;margin-top:var(--spacing-sm);display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;transition:all .2s ease}.btn-variable:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary)}.variable-icon{font-size:.875rem}@media(max-width:768px){.informacion-step{max-width:100%}.info-two-col{grid-template-columns:1fr}}width: 100%; } .card-wizard{height:100%;display:flex;flex-direction:column}.card-wizard__content{flex:1;min-height:0;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-background)}.card-wizard__footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background-color:var(--color-surface);border-top:1px solid var(--color-border);gap:var(--spacing-md)}.wizard-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.wizard-btn--primary{background-color:#000;color:#fff}.wizard-btn--primary:hover:not(:disabled){background-color:#333}.wizard-btn--primary:disabled{opacity:.5;cursor:not-allowed}.wizard-btn--secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.wizard-btn--secondary:hover{background-color:var(--color-surface-hover)}@media(max-width:768px){.card-wizard__content{padding:var(--spacing-md) var(--spacing-lg);padding-bottom:80px}.card-wizard__footer{padding:var(--spacing-md) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -2px 8px #0000001a}.wizard-btn{min-width:100px;font-size:.8125rem;padding:var(--spacing-sm) var(--spacing-lg)}}.poster-page{min-height:100vh;background-color:var(--color-bg);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl) var(--spacing-lg);gap:var(--spacing-lg)}.poster-actions{display:flex;align-items:center;gap:var(--spacing-md);width:210mm}.poster-actions__back{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;transition:color .15s ease}.poster-actions__back:hover{color:var(--color-text)}.poster-actions__spacer{flex:1}.poster-actions__btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease;border:none}.poster-actions__btn--print{background-color:var(--color-primary);color:#fff}.poster-actions__btn--print:hover{background-color:var(--color-primary-dark)}.poster-sheet{width:210mm;height:297mm;background-color:#fff;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:8mm;box-sizing:border-box;box-shadow:0 8px 40px #00000059;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.flier-card{display:flex;flex-direction:row;align-items:center;padding:6mm 5mm 6mm 6mm;gap:4mm;box-sizing:border-box;background:#fff}.flier-card:nth-child(-n+2){border-bottom:1.5px dashed #94a3b8}.flier-card:nth-child(odd){border-right:1.5px dashed #94a3b8}.flier-card__text{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:1.8mm;min-width:0;padding-top:1mm}.flier-card__logo{width:auto;max-width:30mm;max-height:9mm;object-fit:contain;display:block;margin-bottom:1mm}.flier-card__logo-placeholder{width:30mm;height:9mm;border:1px dashed #cbd5e1;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.48rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1mm;box-sizing:border-box}.flier-card__business{font-size:.58rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:0}.flier-card__reward{font-size:1.1rem;font-weight:800;color:#111827;line-height:1.2;letter-spacing:-.02em;margin:0}.flier-card__rule{font-size:.62rem;color:#475569;line-height:1.5;margin:0}.flier-card__badge{margin-top:.5mm;font-size:.55rem;font-weight:700;color:#6366f1;letter-spacing:.04em}.flier-card__qr-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2mm;flex-shrink:0}.flier-card__qr-box{width:34mm;height:34mm;flex-shrink:0}.flier-card__qr-box svg{width:100%!important;height:auto!important;display:block}.flier-card__cta{font-size:.55rem;font-weight:600;color:#64748b;text-align:center;letter-spacing:.02em;margin:0;white-space:nowrap}.flier-card__wallet-badges{display:flex;flex-direction:column;gap:1.2mm;width:100%;margin-top:1mm}.wallet-badge{display:flex;align-items:center;justify-content:center;gap:2.5px;padding:2.5px 5px;border-radius:3px;font-size:.46rem;font-weight:600;letter-spacing:.015em;white-space:nowrap;line-height:1}.wallet-badge--apple{background-color:#000;color:#fff}.wallet-badge--google{background-color:transparent;color:#111827;border:1px solid #d1d5db}@media print{.poster-actions,.sidebar,.sidebar-overlay,.topbar{display:none!important}.app-layout{display:block!important}.main-wrapper,.main-wrapper--collapsed{margin-left:0!important;height:auto!important;overflow:visible!important}.main-content{padding:0!important;overflow:visible!important}.poster-page{background:#fff;padding:0;gap:0;min-height:unset;display:block}.poster-sheet{width:210mm;height:297mm;box-shadow:none;margin:0;page-break-inside:avoid}@page{size:A4 portrait;margin:0}}.join{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-image:radial-gradient(ellipse 60% 40% at 50% 0%,color-mix(in srgb,var(--join-primary) 12%,transparent) 0%,transparent 70%)}.join__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-xl);width:100%;max-width:460px;box-shadow:0 20px 60px #0000004d}.join__header{margin-bottom:var(--spacing-lg)}.join__biz-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:color-mix(in srgb,var(--join-primary) 15%,transparent);color:var(--join-primary);border:1px solid color-mix(in srgb,var(--join-primary) 30%,transparent);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.25rem .625rem;margin-bottom:var(--spacing-md)}.join__biz-dot{width:6px;height:6px;border-radius:50%;background:var(--join-primary);flex-shrink:0}.join__biz-name{font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1.25;margin-bottom:var(--spacing-sm)}.join__biz-hint{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.join__divider{height:1px;background:var(--color-border);margin-bottom:var(--spacing-lg)}.join__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.join__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.join__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.join__label{font-size:.875rem;font-weight:600;color:var(--color-text)}.join__required{color:var(--color-error);margin-left:1px}.join__optional{color:var(--color-text-secondary);font-weight:400;font-size:.8125rem}.join__input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;padding:.6875rem var(--spacing-md);transition:border-color .2s ease,box-shadow .2s ease;outline:none;width:100%}.join__input::placeholder{color:var(--color-text-secondary);opacity:.6}.join__input:focus{border-color:var(--join-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--join-primary) 20%,transparent)}.join__input:disabled{opacity:.5;cursor:not-allowed}.join__input--date{color-scheme:dark}.join__error{font-size:.875rem;color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 25%,transparent);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);line-height:1.5}.join__submit{background:var(--join-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;padding:.875rem var(--spacing-xl);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:var(--spacing-xs)}.join__submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.join__submit:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.join__spinner{display:inline-block;width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:join-spin .65s linear infinite}@keyframes join-spin{to{transform:rotate(360deg)}}.join__footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:.8125rem;opacity:.7}.join__footer-logo{width:16px;height:16px;opacity:.7}.join__card--success{text-align:center}.join__success-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.join__success-title{font-size:1.375rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.join__success-subtitle{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.join__stamp-track{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.join__stamp{width:32px;height:32px;border-radius:50%;border:2px solid var(--join-primary);transition:background .2s ease}.join__stamp--filled{background:var(--join-primary)}.join__stamp--empty{background:transparent}.join__success-reward{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.join__success-reward span{color:var(--join-secondary);font-weight:600}.join__wallet-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--join-primary);color:#fff;border-radius:var(--radius-md);font-size:1rem;font-weight:600;padding:.875rem var(--spacing-xl);text-decoration:none;transition:all .2s ease;margin-bottom:var(--spacing-lg)}.join__wallet-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media(max-width:480px){.join{padding:var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-2xl)}.join__card{padding:var(--spacing-lg)}.join__row{grid-template-columns:1fr}.join__biz-name{font-size:1.25rem}}