:root{--m-accent:#ff6d00;--m-accent-light:#ff8f33;--m-accent-dark:#e05f00;--m-accent-2:#1b70f2;--m-accent-2-light:#4d94ff;--m-cyan:#06b6d4;--m-gold:#ffaa35;--m-green:#22c55e;--m-grad-orange:linear-gradient(135deg,#ff6d00 0%,#ff8f33 100%);--m-grad-blue:linear-gradient(135deg,#1b70f2 0%,#4d94ff 100%);--m-grad-mixed:linear-gradient(135deg,#ff6d00 0%,#1b70f2 100%);--m-grad-green:linear-gradient(135deg,#22c55e 0%,#06b6d4 100%);--m-grad-hero:linear-gradient(180deg,#0f1117 0%,#13151d 50%,#101218 100%);--m-bg-dark:#0f1117;--m-bg-1:#13151d;--m-bg-2:#181b25;--m-bg-section:#11131a;--m-bg-card:#ffffff08;--m-bg-card-hover:#ffffff0f;--m-bg-glass:#ffffff05;--m-white:#fff;--m-text:#ffffffe0;--m-text-muted:#ffffff8c;--m-text-subtle:#ffffff4d;--m-border:#ffffff12;--m-border-hover:#ffffff24;--m-border-accent:#ff6d0040;--m-shadow-sm:0 1px 4px #0003;--m-shadow-md:0 4px 16px #00000040;--m-shadow-lg:0 8px 32px #0000004d;--m-shadow-xl:0 16px 48px #00000059;--m-shadow-glow:0 0 24px #ff6d0014;--m-shadow-glow-blue:0 0 24px #1b70f214;--m-radius-sm:8px;--m-radius-md:12px;--m-radius-lg:16px;--m-radius-xl:24px;--m-radius-2xl:32px;--m-radius-full:9999px;--m-ease:cubic-bezier(.16,1,.3,1);--m-ease-spring:cubic-bezier(.22,1,.36,1);--m-transition:.2s cubic-bezier(.16,1,.3,1);--m-transition-slow:.35s cubic-bezier(.16,1,.3,1);--m-container:1200px;--m-container-narrow:880px;--m-font:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body:has(.main-landing){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;font-family:var(--m-font)!important;background:var(--m-bg-dark)!important;color:var(--m-text)!important}a{color:inherit;text-decoration:none}button{font-family:var(--m-font);cursor:pointer}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--m-bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--m-white);font-weight:700;line-height:1.2}.section-title{margin-bottom:1rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:800}.section-subtitle{color:var(--m-text-muted);max-width:640px;margin:0 auto;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.7}.text-gradient{background:var(--m-grad-orange);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-blue{background:var(--m-grad-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-green{background:var(--m-grad-green);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.main-container{max-width:var(--m-container);margin:0 auto;padding:0 24px}.main-container-narrow{max-width:var(--m-container-narrow);margin:0 auto;padding:0 24px}.section{padding:clamp(64px,8vw,112px) 0;position:relative}.text-center{text-align:center}.main-starfield{z-index:-10;background:var(--m-bg-dark);position:fixed;inset:0}.main-starfield:before,.main-starfield:after,.star{display:none}.main-nebula{filter:blur(160px);pointer-events:none;z-index:-9;opacity:.035;border-radius:50%;position:fixed}.main-nebula--orange{background:#ff6d00;width:600px;height:600px;top:-10%;right:-10%}.main-nebula--blue{background:#1b70f2;width:500px;height:500px;bottom:15%;left:-10%}.main-nebula--purple{display:none}.main-nav{z-index:1000;transition:all .3s var(--m-ease);-webkit-backdrop-filter:blur(16px);background:#0f111799;border-bottom:1px solid #0000;padding:16px 0;position:fixed;top:0;left:0;right:0}.main-nav.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--m-border);background:#0f1117eb;padding:10px 0}.nav-content{max-width:var(--m-container);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.nav-logo{align-items:center;display:flex}.nav-logo img,.nav-logo-img{width:100%;max-width:200px;transition:opacity .2s;height:auto!important}@media (max-width:768px){.nav-logo img,.nav-logo-img{max-width:150px}}.nav-links{align-items:center;gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--m-text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--m-white)}@media (max-width:900px){.nav-links{display:none}.nav-desktop-only{display:none!important}}.nav-actions{align-items:center;gap:10px;display:flex}.btn{border-radius:var(--m-radius-sm);cursor:pointer;transition:all var(--m-transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn-primary{background:var(--m-accent);color:var(--m-white);box-shadow:0 1px 3px #ff6d0033}.btn-primary:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn-primary:hover{background:var(--m-accent-light);transform:translateY(-1px);box-shadow:0 2px 8px #ff6d004d}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--m-text);border:1px solid var(--m-border);background:#ffffff0d}.btn-secondary:hover{border-color:var(--m-border-hover);background:#ffffff17;transform:translateY(-1px)}.btn-ghost{color:var(--m-text-muted);border:1px solid var(--m-border);background:0 0}.btn-ghost:hover{color:var(--m-white);border-color:var(--m-border-hover);background:#ffffff0a}.btn-gradient{background:var(--m-accent);color:var(--m-white);border:none}.btn-gradient:hover{background:var(--m-accent-light);transform:translateY(-1px)}.btn-lg{border-radius:var(--m-radius-md);padding:14px 32px;font-size:1rem}.btn-sm{padding:7px 16px;font-size:.84rem}.btn-icon{width:18px;height:18px}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2;max-width:820px;position:relative}.hero-badge{border-radius:var(--m-radius-full);color:var(--m-accent-light);letter-spacing:.01em;animation:heroFadeIn .6s var(--m-ease)both;background:#ff6d0014;border:1px solid #ff6d002e;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font-size:.84rem;font-weight:600;display:inline-flex}.hero-title{color:var(--m-white);letter-spacing:-.035em;animation:heroFadeIn .6s var(--m-ease)80ms both;margin-bottom:24px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.08}.hero-description{color:var(--m-text-muted);max-width:660px;animation:heroFadeIn .6s var(--m-ease).15s both;margin:0 auto 36px;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.75}.hero-cta{animation:heroFadeIn .6s var(--m-ease).22s both;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#ff6d000a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-indicator{color:var(--m-text-subtle);animation:2.5s ease-in-out infinite scrollBounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes scrollBounce{0%,to{opacity:.5;transform:translate(-50%)translateY(0)}50%{opacity:.2;transform:translate(-50%)translateY(8px)}}.usp-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}@media (max-width:900px){.usp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.usp-grid{grid-template-columns:1fr}}.usp-card{background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);transition:all .2s var(--m-ease);padding:28px 24px;position:relative}.usp-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff05 0%,#0000 100%);position:absolute;inset:0}.usp-card:hover{border-color:var(--m-border-hover);background:var(--m-bg-card-hover);transform:translateY(-2px)}.usp-icon{border-radius:var(--m-radius-sm);width:44px;height:44px;color:var(--m-accent);background:#ff6d0014;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.usp-icon svg{width:22px;height:22px}.usp-icon--blue{color:var(--m-accent-2);background:#1b70f214}.usp-icon--blue svg{color:var(--m-accent-2)}.usp-icon--green{color:var(--m-green);background:#22c55e14}.usp-icon--green svg{color:var(--m-green)}.usp-icon--cyan{color:var(--m-cyan);background:#06b6d414}.usp-icon--cyan svg{color:var(--m-cyan)}.usp-card h3{color:var(--m-white);margin:0 0 8px;font-size:1.05rem;font-weight:600}.usp-card p{color:var(--m-text-muted);margin:0;font-size:.88rem;line-height:1.65}.usp-badge{border-radius:var(--m-radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.usp-badge--live{color:var(--m-green);background:#22c55e14;border:1px solid #22c55e26}.usp-badge--soon{color:var(--m-gold);background:#ffaa3514;border:1px solid #ffaa3526}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;display:grid}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-card{text-align:center;background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);padding:32px 20px}.stat-number{background:var(--m-grad-orange);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.stat-label{color:var(--m-text-muted);font-size:.88rem}.cta-banner{text-align:center;background:var(--m-bg-2);border:1px solid var(--m-border);border-radius:var(--m-radius-xl);padding:56px 40px}.cta-banner h2{margin-bottom:14px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.cta-banner p{color:var(--m-text-muted);max-width:600px;margin:0 auto 32px;font-size:1.05rem;line-height:1.65}.roadmap-section{overflow:hidden}.roadmap-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}@media (max-width:900px){.roadmap-grid{grid-template-columns:1fr}}.roadmap-card{background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);padding:28px 24px;transition:border-color .2s}.roadmap-card:hover{border-color:var(--m-border-hover)}.roadmap-card--live{border-color:#22c55e26}.roadmap-card--dev{border-color:#ffaa3526}.roadmap-card--planned{border-color:#1b70f21a}.roadmap-card h3{margin:0 0 16px;font-size:1.1rem;font-weight:700}.roadmap-status{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:12px;font-size:.75rem;font-weight:600;display:inline-flex}.roadmap-status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.roadmap-status--live{color:var(--m-green)}.roadmap-status--live .roadmap-status-dot{background:var(--m-green)}.roadmap-status--dev{color:var(--m-gold)}.roadmap-status--dev .roadmap-status-dot{background:var(--m-gold)}.roadmap-status--planned{color:var(--m-accent-2-light)}.roadmap-status--planned .roadmap-status-dot{background:var(--m-accent-2-light)}.roadmap-features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roadmap-features li{color:var(--m-text-muted);align-items:center;gap:10px;font-size:.88rem;display:flex}.roadmap-features svg.rf-check{color:var(--m-green);flex-shrink:0}.roadmap-features svg.rf-wrench{color:var(--m-gold);flex-shrink:0}.roadmap-features svg.rf-plan{color:var(--m-accent-2-light);flex-shrink:0}.trust-bar{background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);align-items:flex-start;gap:16px;margin-top:48px;padding:24px 28px;display:flex}.trust-bar-icon{border-radius:var(--m-radius-sm);width:44px;height:44px;color:var(--m-green);background:#22c55e14;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-bar h4{margin:0 0 4px;font-size:.95rem;font-weight:600}.trust-bar p{color:var(--m-text-muted);margin:0;font-size:.85rem;line-height:1.6}.pricing-section{background:var(--m-bg-section);border-top:1px solid var(--m-border);border-bottom:1px solid var(--m-border)}.billing-toggle-wrap{justify-content:center;align-items:center;gap:12px;margin-top:32px;display:flex}.billing-toggle{border:1px solid var(--m-border);border-radius:var(--m-radius-full);background:#ffffff0a;padding:4px;display:inline-flex;position:relative}.billing-toggle-btn{z-index:1;font-size:.9rem;font-weight:600;font-family:var(--m-font);color:var(--m-text-muted);cursor:pointer;border-radius:var(--m-radius-full);white-space:nowrap;background:0 0;border:none;padding:10px 28px;transition:color .25s;position:relative}.billing-toggle-btn.active{color:var(--m-white)}.billing-toggle-slider{background:var(--m-accent);border-radius:var(--m-radius-full);width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .3s var(--m-ease);position:absolute;top:4px;left:4px;box-shadow:0 2px 12px #ff6d0040}.billing-toggle-slider.right{transform:translate(100%)}.billing-save-pill{color:var(--m-green);border-radius:var(--m-radius-full);letter-spacing:.02em;white-space:nowrap;animation:pill-pop .3s var(--m-ease);background:#22c55e1f;padding:4px 10px;font-size:.72rem;font-weight:700}@keyframes pill-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:48px;display:grid}.pricing-card{background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);flex-direction:column;padding:32px 24px;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;position:relative;overflow:hidden}.pricing-card:hover{border-color:var(--m-border-hover);box-shadow:var(--m-shadow-md);transform:translateY(-2px)}.pricing-card.featured{background:#ff6d0008;border-color:#ff6d004d}.pricing-card.featured:hover{border-color:#ff6d0080;box-shadow:0 8px 32px #ff6d001a}.pricing-badge{background:var(--m-grad-orange);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--m-radius-full);padding:4px 12px;font-size:.7rem;font-weight:700;position:absolute;top:16px;right:16px}.pricing-card-icon{border-radius:var(--m-radius-md);width:40px;height:40px;color:var(--m-accent);background:#ff6d0014;border:1px solid #ff6d0026;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.pricing-card.featured .pricing-card-icon{background:#ff6d001f;border-color:#ff6d0040}.pricing-name{color:var(--m-white);margin-bottom:4px;font-size:1.3rem;font-weight:700}.pricing-description{color:var(--m-text-muted);margin-bottom:20px;font-size:.85rem;line-height:1.5}.pricing-price-block{margin-bottom:24px}.pricing-amount{color:var(--m-white);align-items:baseline;gap:2px;font-size:2.2rem;font-weight:800;display:flex}.pricing-amount.pricing-free{background:var(--m-grad-green);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pricing-currency{color:var(--m-text-muted);margin-right:2px;font-size:1.4rem;font-weight:700}.pricing-period{color:var(--m-text-muted);margin-left:4px;font-size:.85rem;font-weight:500}.pricing-yearly-detail{color:var(--m-text-muted);margin-top:4px;font-size:.82rem}.pricing-savings{color:var(--m-green);margin-left:8px;font-weight:600}.pricing-divider{background:var(--m-border);height:1px;margin-bottom:20px}.pricing-features{flex-direction:column;flex-grow:1;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--m-text-muted);align-items:flex-start;gap:10px;font-size:.88rem;display:flex}.pricing-features li.feature-inclusive{color:var(--m-accent);font-weight:600}.pricing-feature-check{width:20px;height:20px;color:var(--m-green);background:#22c55e1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.pricing-features li.feature-inclusive .pricing-feature-check{color:var(--m-accent);background:#ff6d001a}.pricing-feature-title{color:var(--m-text);font-size:.87rem;font-weight:600;display:block}.pricing-feature-desc{color:var(--m-text-subtle);margin-top:1px;font-size:.78rem;line-height:1.4;display:block}.pricing-cta{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;display:flex}.pricing-netto-hint{color:var(--m-text-subtle);text-align:center;margin-top:24px;font-size:.8rem}.compare-link{color:var(--m-accent);cursor:pointer;background:0 0;border:none;margin:28px auto 0;font-size:.9rem;font-weight:600;transition:color .2s;display:block}.compare-link:hover{color:var(--m-accent-light)}.checkout-modal{max-width:600px!important}.checkout-header-left{align-items:center;gap:12px;display:flex}.checkout-header-icon{color:var(--m-accent)}.checkout-header-sub{color:var(--m-text-subtle);margin-top:2px;font-size:.78rem;display:block}.checkout-progress{justify-content:center;align-items:center;gap:0;margin:20px 0 24px;display:flex}.checkout-progress-step{color:var(--m-text-subtle);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.checkout-progress-step.active{color:var(--m-accent)}.checkout-progress-step.done{color:var(--m-green)}.checkout-progress-dot{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:700;display:flex}.checkout-progress-step.active .checkout-progress-dot{background:var(--m-accent);border-color:var(--m-accent);color:var(--m-white)}.checkout-progress-step.done .checkout-progress-dot{background:var(--m-green);border-color:var(--m-green);color:var(--m-white)}.checkout-progress-label{white-space:nowrap}.checkout-progress-line{background:var(--m-border);flex-shrink:0;width:40px;height:1px;margin:0 12px}.checkout-plan-card{border-radius:var(--m-radius-md);background:#ff6d000d;border:1px solid #ff6d0026;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 20px;display:flex}.checkout-plan-info{flex-direction:column;gap:2px;display:flex}.checkout-plan-label{color:var(--m-text-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.checkout-plan-name{color:var(--m-white);font-size:1.1rem;font-weight:700}.checkout-plan-price-wrap{align-items:baseline;gap:2px;display:flex}.checkout-plan-price{background:var(--m-grad-orange);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.checkout-plan-price-free{color:var(--m-green);font-size:1.2rem;font-weight:700}.checkout-plan-period{color:var(--m-text-muted);font-size:.85rem}.checkout-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--m-text-muted);font-size:.88rem;font-weight:600}.form-input{border:1px solid var(--m-border);border-radius:var(--m-radius-sm);color:var(--m-white);font-size:.95rem;font-family:var(--m-font);background:#ffffff0a;padding:12px 16px;transition:border-color .2s,background .2s}.form-input::placeholder{color:var(--m-text-subtle)}.form-input:focus{border-color:var(--m-accent);background:#ff6d000a;outline:none}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:500px){.form-row{grid-template-columns:1fr}}.checkout-continue-btn{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.checkout-error{color:#ef4444;border-radius:var(--m-radius-sm);background:#ef444414;border:1px solid #ef444433;padding:12px 16px;font-size:.88rem;font-weight:500}.checkout-warning{color:#f59e0b;border-radius:var(--m-radius-sm);background:#f59e0b14;border:1px solid #f59e0b33;padding:12px 16px;font-size:.88rem;font-weight:500}.payment-methods{flex-direction:column;gap:10px;display:flex}.payment-method{border:1px solid var(--m-border);border-radius:var(--m-radius-md);cursor:pointer;background:#ffffff05;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.payment-method:hover,.payment-method.selected{border-color:var(--m-accent);background:#ff6d000f}.payment-method input[type=radio]{display:none}.payment-method-radio{border:2px solid var(--m-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s;display:flex}.payment-method.selected .payment-method-radio{border-color:var(--m-accent)}.payment-method.selected .payment-method-radio:after{content:"";background:var(--m-accent);border-radius:50%;width:10px;height:10px}.payment-method-icon{object-fit:contain;width:48px;height:32px}.payment-method-name{font-size:.95rem;font-weight:600}.checkout-secure{color:var(--m-text-subtle);justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:.82rem;display:flex}.checkout-actions{gap:12px;margin-top:8px;display:flex}.checkout-actions .btn{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.checkout-status-view{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.checkout-status-view h3{margin:0;font-size:1.15rem;font-weight:700}.checkout-status-view p{color:var(--m-text-muted);margin:0;font-size:.92rem;line-height:1.6}.checkout-spinner{border:3px solid var(--m-border);border-top-color:var(--m-accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite checkout-spin}@keyframes checkout-spin{to{transform:rotate(360deg)}}.checkout-success-icon{width:64px;height:64px;color:var(--m-green);background:#22c55e1a;border:1px solid #22c55e40;border-radius:50%;justify-content:center;align-items:center;display:flex}.checkout-footer{border-top:1px solid var(--m-border);color:var(--m-text-subtle);justify-content:center;align-items:center;gap:20px;padding:16px 24px;font-size:.78rem;display:flex}.checkout-footer span{align-items:center;gap:4px;display:flex}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;padding:24px;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-content{background:var(--m-bg-2);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);flex-direction:column;width:100%;max-height:85vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--m-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{margin:0;font-size:1.15rem;font-weight:700}.modal-close{color:var(--m-text-muted);background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s}.modal-close:hover{color:var(--m-white)}.modal-body{padding:0 24px 24px;overflow-y:auto}.cmp-table{margin-top:16px}.cmp-row{border-radius:6px;align-items:center;padding:10px 12px;font-size:.85rem;display:grid}.cmp-row.cmp-even{background:#ffffff05}.cmp-header{text-transform:uppercase;letter-spacing:.04em;color:var(--m-text-muted);border-bottom:1px solid var(--m-border);margin-bottom:8px;padding-bottom:12px;font-size:.8rem;font-weight:700}.cmp-label{color:var(--m-text);font-size:.85rem}.cmp-cell{text-align:center;color:var(--m-text-muted);justify-content:center;align-items:center;font-size:.84rem;display:flex}.cmp-cell.cmp-pro{color:var(--m-accent);font-weight:700}.cmp-cell.cmp-price{color:var(--m-white);font-size:.9rem;font-weight:700}.cmp-text{font-size:.82rem}.cmp-check{color:var(--m-green)}.cmp-minus,.cmp-cross{color:var(--m-text-subtle)}.cmp-category{text-transform:uppercase;letter-spacing:.04em;color:var(--m-accent);padding:16px 12px 6px;font-size:.78rem;font-weight:700}.cmp-price-row{border-top:1px solid var(--m-border);margin-top:12px;padding-top:16px;font-weight:700}.main-footer{border-top:1px solid var(--m-border);background:var(--m-bg-section);padding:56px 0 0}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}@media (max-width:900px){.footer-content{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:500px){.footer-content{grid-template-columns:1fr}}.footer-brand p{color:var(--m-text-muted);max-width:300px;margin-top:14px;font-size:.88rem;line-height:1.6}.footer-column h4{text-transform:uppercase;letter-spacing:.04em;color:var(--m-text-muted);margin-bottom:14px;font-size:.85rem;font-weight:700}.footer-links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-links a,.footer-links button{color:var(--m-text-muted);text-align:left;background:0 0;border:none;padding:0;font-size:.88rem;transition:color .15s}.footer-links a:hover,.footer-links button:hover{color:var(--m-white)}.footer-bottom{border-top:1px solid var(--m-border);justify-content:space-between;align-items:center;margin-top:40px;padding:24px 0;display:flex}.footer-bottom p{color:var(--m-text-subtle);margin:0;font-size:.82rem}.footer-social{gap:14px;display:flex}.footer-social a{color:var(--m-text-muted);transition:color .15s}.footer-social a:hover{color:var(--m-white)}@media (max-width:500px){.footer-bottom{flex-direction:column;gap:12px}}.fade-in{opacity:0;transition:opacity .5s var(--m-ease),transform .5s var(--m-ease);transform:translateY(12px)}.fade-in.visible{opacity:1;transform:translateY(0)}.scale-in{opacity:0;transition:opacity .5s var(--m-ease),transform .5s var(--m-ease);transform:scale(.97)}.scale-in.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transition:opacity .4s var(--m-ease),transform .4s var(--m-ease);transform:translateY(10px)}.stagger-children.visible>:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.stagger-children.visible>:nth-child(2){opacity:1;transition-delay:60ms;transform:translateY(0)}.stagger-children.visible>:nth-child(3){opacity:1;transition-delay:.12s;transform:translateY(0)}.stagger-children.visible>:nth-child(4){opacity:1;transition-delay:.18s;transform:translateY(0)}.stagger-children.visible>:nth-child(5){opacity:1;transition-delay:.24s;transform:translateY(0)}.stagger-children.visible>:nth-child(6){opacity:1;transition-delay:.3s;transform:translateY(0)}.stagger-children.visible>:nth-child(7){opacity:1;transition-delay:.36s;transform:translateY(0)}.stagger-children.visible>:nth-child(8){opacity:1;transition-delay:.42s;transform:translateY(0)}.lora-section,.lora-hero,.lora-logo-frame,.lora-ambient-a,.lora-ambient-b,.lora-feature-grid{display:none}.register-two-col{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:48px;display:grid}@media (max-width:900px){.register-two-col{grid-template-columns:1fr;gap:32px}}@media (max-width:1024px){.register-branding{text-align:center;padding-right:0}}.register-branding h2{margin-bottom:16px;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.register-branding .register-subtitle{color:var(--m-text-muted);margin-bottom:32px;font-size:1rem;line-height:1.7}.register-features{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}@media (max-width:1024px){.register-features{text-align:left;display:inline-block}}.register-features li{color:var(--m-text-muted);align-items:center;gap:10px;font-size:.92rem;display:flex}.register-features svg{color:var(--m-green);flex-shrink:0}.register-card{background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-xl);padding:40px 32px}.register-card h3{text-align:center;margin-bottom:24px;font-size:1.3rem;font-weight:700}@media (max-width:768px){.hero{min-height:auto;padding:100px 20px 60px}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-cta{flex-direction:column;align-items:center}.btn-lg{width:100%;max-width:320px}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin-top:32px;margin-left:auto;margin-right:auto}.billing-toggle-wrap{margin-top:24px}.billing-toggle-btn{padding:8px 18px;font-size:.84rem}.pricing-card{padding:24px 20px}.pricing-amount{font-size:1.8rem}.pricing-features{gap:8px;margin-bottom:20px}.pricing-feature-desc{font-size:.74rem}.pricing-badge{font-size:.65rem;top:12px;right:12px}.pricing-section .section-title{font-size:1.5rem}.pricing-section .section-subtitle{font-size:.88rem}.checkout-modal{margin:12px}.checkout-plan-card{flex-direction:column;align-items:flex-start;gap:12px}.checkout-actions{flex-direction:column}.checkout-footer{flex-wrap:wrap;gap:12px}.checkout-progress-label{display:none}.checkout-progress-line{width:24px;margin:0 6px}.cmp-row{padding:8px;font-size:.78rem}.cmp-label{font-size:.78rem}.cmp-category{font-size:.72rem}}.main-landing{background:var(--m-bg-dark);min-height:100vh;position:relative}.main-landing:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--m-accent)50%,transparent 100%);opacity:.3;z-index:1001;height:1px;position:fixed;top:0;left:0;right:0}.legal-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.legal-modal-content{background:var(--m-bg-2);border:1px solid var(--m-border);border-radius:var(--m-radius-lg);flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex;overflow:hidden}.legal-modal-header{border-bottom:1px solid var(--m-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.legal-modal-header h3{margin:0;font-size:1.15rem;font-weight:700}.legal-modal-header button{color:var(--m-text-muted);background:0 0;border:none;border-radius:6px;padding:4px}.legal-modal-header button:hover{color:var(--m-white)}.legal-modal-body{color:var(--m-text);padding:24px;font-size:.9rem;line-height:1.7;overflow-y:auto}.legal-modal-body h4{margin:24px 0 8px;font-size:1rem;font-weight:700}.legal-modal-body p{margin:0 0 12px}.section+.section{border-top:1px solid #ffffff0a}.bringos-section{background:var(--m-bg-section);border-top:1px solid var(--m-border);padding-top:80px;padding-bottom:80px}.bringos-logo-wrap{justify-content:center;margin-bottom:0;display:flex}.bringos-logo-img{opacity:.9;width:240px;height:auto}.bringos-highlights{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;display:grid}.bringos-highlight-card{text-align:center;background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-md);padding:24px 16px;transition:border-color .2s}.bringos-highlight-card:hover{border-color:var(--m-border-hover)}.bringos-highlight-label{background:var(--m-grad-orange);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2px;font-size:1.5rem;font-weight:800;display:block}.bringos-highlight-sub{color:var(--m-text-muted);font-size:.82rem;display:block}.bringos-preview{border-radius:var(--m-radius-xl);border:1px solid var(--m-border);margin-top:48px;position:relative;overflow:hidden}.bringos-preview-glow{display:none}.bringos-preview-img{border-radius:var(--m-radius-xl);width:100%;height:auto;display:block}.bringos-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;display:grid}.bringos-feature-card{background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-md);padding:24px 20px;transition:border-color .2s}.bringos-feature-card:hover{border-color:var(--m-border-hover)}.bringos-feature-icon{border-radius:var(--m-radius-sm);width:40px;height:40px;color:var(--m-accent);background:#ff6d000f;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.bringos-feature-icon svg{width:20px;height:20px}.bringos-feature-card h4{color:var(--m-white);margin:0 0 6px;font-size:.95rem;font-weight:600}.bringos-feature-card p{color:var(--m-text-muted);margin:0;font-size:.84rem;line-height:1.6}@media (max-width:1024px){.bringos-grid,.bringos-highlights{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bringos-grid,.bringos-highlights{grid-template-columns:1fr}.bringos-section{padding-top:48px;padding-bottom:48px}}.hero-modules{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.hero-module-pill{border-radius:var(--m-radius-full);border:1px solid var(--m-border);color:var(--m-text-muted);background:#ffffff0a;align-items:center;gap:7px;padding:7px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.hero-module-pill:hover{border-color:var(--m-border-hover);color:var(--m-white);background:#ffffff14}.hero-module-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.hero-module-dot--orange{background:var(--m-accent)}.hero-module-dot--green{background:var(--m-green)}.hero-module-dot--blue{background:var(--m-accent-2)}.hero-module-dot--cyan{background:var(--m-cyan)}.module-section{position:relative}.module-badge{border-radius:var(--m-radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:18px;padding:5px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.module-badge--orange{color:var(--m-accent);background:#ff6d0014;border:1px solid #ff6d002e}.module-badge--green{color:var(--m-green);background:#22c55e14;border:1px solid #22c55e2e}.module-badge--blue{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f62e}.module-badge--cyan{color:var(--m-cyan);background:#06b6d414;border:1px solid #06b6d42e}.module-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;display:grid}.module-feature-card{background:var(--m-bg-card);border:1px solid var(--m-border);border-radius:var(--m-radius-md);padding:24px;transition:border-color .2s}.module-feature-card:hover{border-color:var(--m-border-hover)}.module-feature-icon{border-radius:var(--m-radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;display:flex}.module-feature-icon--orange{color:var(--m-accent);background:#ff6d0014}.module-feature-icon--green{color:var(--m-green);background:#22c55e14}.module-feature-icon--blue{color:#3b82f6;background:#3b82f614}.module-feature-icon--cyan{color:var(--m-cyan);background:#06b6d414}.module-feature-card h4{color:var(--m-white);margin:0 0 6px;font-size:.98rem;font-weight:600}.module-feature-card p{color:var(--m-text-muted);margin:0;font-size:.85rem;line-height:1.6}.module-cta{text-align:center;margin-top:36px}@media (max-width:1024px){.module-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.module-grid{grid-template-columns:1fr}}.nav-mobile-toggle{color:var(--m-white);cursor:pointer;background:0 0;border:none;padding:6px;display:none}@media (max-width:900px){.nav-mobile-toggle{display:flex}}.nav-mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--m-border);z-index:100;background:#0f1117f7;flex-direction:column;align-items:center;gap:4px;padding:20px 24px;display:flex;position:absolute;top:100%;left:0;right:0}.nav-mobile-link{color:var(--m-text);text-align:center;border-radius:8px;width:100%;padding:12px 20px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .15s;display:block}.nav-mobile-link:hover{color:var(--m-white);background:#ffffff0d}.nav-mobile-actions{border-top:1px solid var(--m-border);justify-content:center;gap:12px;width:100%;margin-top:12px;padding-top:16px;display:flex}
html[data-app=merchants]{--c-bg:#eef4fb;--c-accent-1:#ff6d00;--c-accent-2:#1b70f2;--c-text:#182538;--brand-text:var(--c-text);--od-bg:#eef4fb;--od-surface:#ffffffe0;--od-card:#ffffffd6;--od-card-solid:#fff;--od-text:#182538;--od-text-muted:#425266;--od-text-light:#18253899;--od-accent-primary:#ff6d00;--od-accent-primary-light:#ff8f33;--od-accent-secondary:#1b70f2;--od-accent-success:#00e676;--od-accent-warning:#ffaa35;--od-accent-danger:#ff4c4c;--dock-accent-core:var(--od-accent-primary);--dock-accent-core-soft:var(--od-accent-primary-light);--dock-accent-commerce:var(--od-accent-secondary);--dock-accent-commerce-soft:color-mix(in srgb,var(--od-accent-primary)40%,var(--od-accent-secondary)60%);--dock-accent-docs:color-mix(in srgb,#ff8f33 60%,var(--od-accent-primary)40%);--dock-accent-data:color-mix(in srgb,#1acafc 60%,var(--od-accent-secondary)40%);--dock-accent-people:color-mix(in srgb,#00e676 60%,var(--od-accent-secondary)40%);--dock-accent-support:var(--od-accent-danger);--dock-accent-dev:color-mix(in srgb,#1b70f2 55%,var(--od-accent-primary)45%);--dock-accent-attention:var(--od-accent-warning);--dock-accent-neutral:#8e8e93;--od-border:#0000001a;--od-border-light:#0000000d;--od-shadow:0 24px 55px #00000026;--od-shadow-soft:0 12px 28px #0000001a;--od-shadow-card:0 4px 16px #00000014;--od-icon-shadow:drop-shadow(0 1.5px 2.5px #0000002e);--od-icon-shadow-strong:drop-shadow(0 3px 8px #00000042);--mb-primary:#ff6d00;--mb-primary-contrast:#fff;--mb-bg:transparent;--mb-fg:#1e2a3a;--mb-muted:#3d4a5c;--mb-card:#ffffffb3;--mb-border:#0000001a;--mb-radius:12px;--mb-shadow:var(--od-shadow-card);--background:var(--od-bg);--surface:var(--od-surface);--surface-solid:var(--od-card-solid);--surface-secondary:color-mix(in srgb,var(--od-card-solid)78%,#e6eef8 22%);--surface-hover:color-mix(in srgb,var(--surface-secondary)84%,#d9e7f7 16%);--border:#16233424;--foreground:var(--od-text);--muted:var(--od-text-muted);--accent:#ff6d00;--success:#00e676;--success-bg:#00e67626;--success-border:#00e6764d;--error:#ff4c4c;--error-bg:#ff4c4c26;--error-border:#ff4c4c4d;--warning:#ffaa35;--warning-bg:#ffaa3526;--warning-border:#ffaa354d;--info:#1acafc;--info-bg:#1acafc26;--info-border:#1acafc4d;--overlay-bg-subtle:#0000000f;--overlay-bg-soft:#0006;--overlay-bg:#00000080;--overlay-bg-strong:#000000b3;--provider-stripe:#635bff;--provider-stripe-hover:#5851ea;--provider-paypal:#003087;--provider-paypal-hover:#001f5c;--dev-bg:color-mix(in srgb,var(--dock-accent-dev)16%,transparent);--od-radius-sm:8px;--od-radius:12px;--od-radius-lg:20px;--od-radius-xl:24px;--os-bg:var(--od-bg);--os-text:var(--od-text);--os-text-secondary:var(--od-text-muted);--os-border:var(--od-border);--glass-base:#ffffffe6;--glass-border:#0f172a1f;--glass-highlight:#ffffffdb;--dock-bg:#ffffffe0;--dock-border:#0f172a1f;--window-bg:#fff;--window-header:#f3f4f6;--window-header-hover:#e8edf5;--sidebar-bg:#f3f4f6cc;--sidebar-hover:#e5e7eb;--card-bg:#f9fafbe0;--input-bg:#fff;--input-border:#d1d5db;--input-text:#1f2937;--os-widget-bg:#ffffffb8;--os-widget-bg-hover:#ffffffd1;--os-widget-bg-dragging:#ffffffe6;--os-widget-border:#0f172a29;--card:var(--od-card-solid);--card-foreground:var(--od-text);--popover:var(--od-card-solid);--popover-foreground:var(--od-text);--primary:var(--od-accent-primary);--primary-foreground:#fff;--secondary:#e2e8f0;--secondary-foreground:#1e293b;--muted-foreground:var(--od-text-muted);--accent-foreground:#fff;--destructive:#dc2626;--destructive-foreground:#fff;--input:var(--od-card-solid);--ring:#ff6d0073;--radius:.5rem;--od-focus:0 0 0 3px #ff6d0040;--od-gradient-primary:linear-gradient(135deg,#ff6d00 0%,#1b70f2 100%);--od-font-body:"DM Sans","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--od-transition-fast:.15s ease;--od-transition:.2s ease;--od-transition-slow:.3s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-app=merchants].dark{--c-bg:#0a0732;--c-text:#f1f5f9;--od-bg:#0a0732;--od-surface:#ffffff0a;--od-card:#ffffff0d;--od-card-solid:#16102a;--od-text:#f1f5f9;--od-text-muted:#ffffff8c;--od-text-light:#ffffff59;--surface:var(--od-surface);--surface-solid:var(--od-card-solid);--surface-secondary:#1b0a2a;--surface-hover:color-mix(in srgb,var(--surface-secondary)78%,#2a1540 22%);--foreground:var(--od-text);--muted:var(--od-text-muted);--border:#ffffff14;--accent:var(--od-accent-primary);--overlay-bg-subtle:#0000002e;--overlay-bg-soft:#00000080;--overlay-bg:#0009;--overlay-bg-strong:#000000c7;--provider-stripe:#635bff;--provider-stripe-hover:#5851ea;--provider-paypal:#003087;--provider-paypal-hover:#001f5c;--dev-bg:color-mix(in srgb,var(--dock-accent-dev)22%,transparent);--od-border:#ffffff29;--od-border-light:#ffffff0d;--od-shadow:0 24px 55px #00000073;--od-shadow-soft:0 12px 28px #0000004d;--od-shadow-card:0 4px 16px #00000040;--mb-bg:#0f172a;--mb-fg:#f1f5f9;--mb-muted:#94a3b8;--mb-card:#1e293bb3;--mb-border:#ffffff1a;--glass-base:#110822db;--glass-border:#ffffff14;--glass-highlight:#ffffff0f;--dock-bg:#110822eb;--dock-border:#ffffff14;--window-bg:#110822;--window-header:#0d0620;--window-header-hover:#16082e;--sidebar-bg:#11082280;--sidebar-hover:#1d0b2ccc;--card-bg:#11082266;--input-bg:#110822;--input-border:#ffffff14;--input-text:#fff;--os-widget-bg:#11082275;--os-widget-bg-hover:#1108229e;--os-widget-bg-dragging:#110822c7;--os-widget-border:#ffffff24;--background:var(--od-bg);--card:var(--od-card-solid);--card-foreground:var(--od-text);--popover:var(--od-card-solid);--popover-foreground:var(--od-text);--primary:var(--od-accent-primary);--primary-foreground:#fff;--secondary:#334155;--secondary-foreground:#f8fafc;--muted-foreground:var(--od-text-muted);--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--input:#152237;--ring:#ff6d0073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-app=merchants]{background:var(--c-bg);color:var(--od-text)}html[data-app=merchants] svg.lucide,html[data-app=merchants] svg[class*=w-][class*=h-]:not(.w-full):not(.h-full){filter:var(--od-icon-shadow)}.merchants-emoji-icon{filter:var(--od-icon-shadow);line-height:1;display:inline-block}.dashboard-layout{background-color:var(--c-bg);z-index:0;--dock-h:72px;--dock-offset:24px;min-height:100vh;font-family:var(--od-font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative}.dashboard-layout:before{content:"";z-index:-2;filter:blur();opacity:.95;background-image:url(/assets/bringshop_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:12s ease-in-out infinite merchants-bg-blur;position:fixed;inset:0;transform:translateZ(0)}.dashboard-layout:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0f141e66,#0a0f1980);position:fixed;inset:0}html[data-app=merchants].dark .dashboard-layout:after,html[data-app=merchants].dark .dashboard-layout:before{display:none}html[data-app=merchants].dark .dashboard-layout{color:var(--od-text);background-color:#0000}@keyframes merchants-bg-blur{0%{filter:blur()}50%{filter:blur(3px)}to{filter:blur()}}@media (prefers-reduced-motion:reduce){.dashboard-layout:before{filter:blur();animation:none}}.dashboard-content{z-index:1;max-width:1600px;padding-bottom:calc(var(--dock-h) + var(--dock-offset) + 16px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(var(--dock-h) + var(--dock-offset) + 16px + env(safe-area-inset-bottom,0px));margin:0 auto;position:relative}.os-dock{background:var(--dock-bg);border:1px solid var(--dock-border);box-shadow:var(--od-shadow-soft);-webkit-backdrop-filter:blur(18px);border-radius:20px}.os-dock .dock-app-btn{transform-origin:50% 72%;will-change:transform,box-shadow,filter;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),background-color .22s,filter .28s}.os-dock .dock-app-icon{transform:translate(var(--icon-offset-x,0px),var(--icon-offset-y,0px));transition:transform .3s cubic-bezier(.22,1,.36,1),filter .26s}.os-dock .dock-app-halo{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--dock-accent)44%,transparent),transparent 72%);opacity:0;pointer-events:none;border-radius:12px;transition:opacity .24s,transform .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:9px;transform:scale(.9)}.os-dock .dock-app-btn[data-active=true] .dock-app-halo,.os-dock .dock-app-btn[data-open=true] .dock-app-halo{opacity:.4;transform:scale(1)}@media (hover:hover) and (pointer:fine){.os-dock .dock-app-btn:hover{box-shadow:0 12px 24px color-mix(in srgb,var(--dock-accent)26%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--dock-accent)18%,transparent);transform:translateY(-2.5px)scale(1.08)}.os-dock .dock-app-btn:hover .dock-app-halo{opacity:.72;transform:scale(1)}.os-dock .dock-app-btn:hover .dock-app-icon{transform:translate(var(--icon-offset-x,0px),calc(var(--icon-offset-y,0px) - .6px))scale(1.065);filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--dock-accent)34%,transparent))}.os-dock .dock-app-btn:active{transition-duration:.12s;transform:translateY(-.5px)scale(.975)}}@media (max-width:768px){.dashboard-layout{--dock-h:76px;--dock-offset:8px}.os-dock{scrollbar-width:none;-ms-overflow-style:none;border-radius:18px;max-width:calc(100vw - 12px);overflow-x:auto}.os-dock::-webkit-scrollbar{display:none}}.merchants-footer{z-index:50;pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:fixed;bottom:12px;right:20px}.merchants-footer-inner{color:var(--od-text-muted);opacity:.7;align-items:center;gap:8px;font-size:13px;transition:opacity .2s;display:flex}.merchants-footer:hover .merchants-footer-inner{opacity:1}.merchants-footer-powered{font-weight:500}.merchants-footer-brand{opacity:.8;font-weight:700}.merchants-footer-version{color:var(--od-text-light);letter-spacing:.02em;font-size:9px;font-weight:500}@media (max-width:768px){.merchants-footer{bottom:80px;right:12px}}.card{background:var(--od-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--od-border-light);border-radius:var(--od-radius-lg);box-shadow:var(--od-shadow-card);transition:transform var(--od-transition),box-shadow var(--od-transition);position:relative}.card:hover{box-shadow:var(--od-shadow-soft);transform:translateY(-2px)}.glass-panel{background:var(--od-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--od-border);box-shadow:var(--od-shadow-card);transition:all var(--od-transition)}.glass-panel:hover{background:color-mix(in srgb,var(--od-surface)95%,white);box-shadow:var(--od-shadow-soft);transform:translateY(-1px)}.glass-header{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--od-border);background:#ffffffd9;position:sticky;top:0}html[data-app=merchants].dark .glass-header{background:#0f172ad9}.glass-button{background:var(--od-card-solid);border:1px solid var(--od-border);box-shadow:var(--od-shadow-card);color:var(--od-text);transition:all var(--od-transition-fast)}.glass-button:hover{background:var(--od-surface);box-shadow:var(--od-shadow-soft);transform:translateY(-1px)}.glass-button:active{transform:translateY(0)}.input{width:100%;font-family:var(--od-font-body);color:var(--od-text);border:1px solid var(--od-border);border-radius:var(--od-radius);transition:border-color var(--od-transition-fast),box-shadow var(--od-transition-fast);padding:10px 14px;font-size:.875rem;background:var(--od-card-solid)!important}.input:focus{border-color:var(--od-accent-primary);box-shadow:var(--od-focus);outline:none}.input::placeholder{color:var(--od-text-light)}select,textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local]{background-color:var(--od-card-solid)!important}[data-app=merchants] .btn{font-family:var(--od-font-body);border-radius:var(--od-radius);cursor:pointer;transition:all var(--od-transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;display:inline-flex}[data-app=merchants] .btn:disabled{opacity:.5;cursor:not-allowed}[data-app=merchants] .btn-primary{color:#fff;background:var(--od-gradient-primary);box-shadow:0 4px 12px #0096ff40}[data-app=merchants] .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0096ff4d}[data-app=merchants] .btn-secondary{color:var(--od-text);border:1px solid var(--od-border);background:#fffc}[data-app=merchants] .btn-secondary:hover:not(:disabled){border-color:var(--od-accent-primary);background:#fff}[data-app=merchants] .btn-ghost{color:var(--od-text-muted);background:0 0}[data-app=merchants] .btn-ghost:hover:not(:disabled){color:var(--od-text);background:#0000000d}[data-app=merchants] .btn-danger{color:#fff;background:var(--od-accent-danger)}[data-app=merchants] .btn-danger:hover:not(:disabled){background:#dc2626}.mb-btn-primary{background:var(--od-gradient-primary);color:var(--mb-primary-contrast);border-radius:var(--od-radius);padding:10px 18px}.alert{border-radius:var(--od-radius);align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:#166534}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:#991b1b}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:#854d0e}.alert-info{background:var(--info-bg);border:1px solid var(--info-border);color:var(--od-accent-primary)}.badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#00a000;background:#00c8001a}.badge-warning{color:var(--od-accent-warning);background:#eab3081a}.badge-danger{color:var(--od-accent-danger);background:#ef44441a}.badge-info{color:var(--od-accent-primary);background:#0096ff1a}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes card-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.btn:focus-visible,.input:focus-visible{outline:2px solid var(--od-accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.card,.btn,.input{transition:none;animation:none}}html[data-app=merchants] .os-window,html[data-app=merchants] .os-window *{color-scheme:normal}html[data-app=merchants] .os-window{color:var(--os-text);background-color:var(--window-bg)!important}html[data-app=merchants] .os-window :is(input,select,textarea){background-color:var(--input-bg)!important;border-color:var(--input-border)!important;color:var(--input-text)!important}html[data-app=merchants] .bg-blue-600,html[data-app=merchants] .bg-blue-500{background-color:var(--accent)!important}html[data-app=merchants] .hover\:bg-blue-700:hover,html[data-app=merchants] .hover\:bg-blue-600:hover{background-color:color-mix(in srgb,var(--accent)86%,#000 14%)!important}html[data-app=merchants] .text-blue-600,html[data-app=merchants] .text-blue-500,html[data-app=merchants] .text-blue-400{color:var(--accent)!important}html[data-app=merchants] .border-blue-600,html[data-app=merchants] .border-blue-500{border-color:var(--accent)!important}html[data-app=merchants] .ring-blue-500,html[data-app=merchants] .focus\:ring-blue-500:focus{--tw-ring-color:color-mix(in srgb,var(--accent)50%,transparent)!important}html[data-app=merchants] .focus\:border-blue-500:focus{border-color:var(--accent)!important}html[data-app=merchants] .bg-emerald-500{background-color:var(--success)!important}html[data-app=merchants] .hover\:bg-emerald-400:hover,html[data-app=merchants] .hover\:bg-emerald-500:hover{background-color:color-mix(in srgb,var(--success)86%,#000 14%)!important}html[data-app=merchants] .text-emerald-700,html[data-app=merchants] .text-emerald-600,html[data-app=merchants] .text-emerald-500{color:var(--success)!important}html[data-app=merchants] .bg-emerald-50,html[data-app=merchants] .bg-emerald-100{background-color:var(--success-bg)!important}html[data-app=merchants] .border-emerald-100,html[data-app=merchants] .border-emerald-200{border-color:var(--success-border)!important}html[data-app=merchants] .border-blue-500.border-t-transparent,html[data-app=merchants] .border-b-2.border-\[\#0096ff\]{border-color:var(--accent)!important;border-top-color:#0000!important}html[data-app=merchants] .bg-blue-50{background-color:var(--info-bg)!important}html[data-app=merchants] .border-blue-200{border-color:var(--info-border)!important}html[data-app=merchants] .text-blue-800,html[data-app=merchants] .text-blue-700{color:var(--info)!important}html[data-app=merchants] .hover\:text-blue-300:hover{color:var(--accent)!important}html[data-app=merchants] input:focus,html[data-app=merchants] select:focus,html[data-app=merchants] textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent)15%,transparent)!important}html[data-app=merchants] .bg-green-50,html[data-app=merchants] .bg-green-100{background-color:var(--success-bg)!important}html[data-app=merchants] .text-green-800,html[data-app=merchants] .text-green-700{color:var(--success)!important}html[data-app=merchants] .hover\:bg-green-100:hover,html[data-app=merchants] .hover\:bg-green-200:hover{background-color:color-mix(in srgb,var(--success)22%,transparent)!important}html[data-app=merchants] .bg-red-50,html[data-app=merchants] .bg-red-100{background-color:var(--error-bg)!important}html[data-app=merchants] .text-red-900,html[data-app=merchants] .text-red-800{color:var(--error)!important}html[data-app=merchants] .hover\:bg-red-50:hover,html[data-app=merchants] .hover\:bg-red-100:hover,html[data-app=merchants] .hover\:bg-red-200:hover,html[data-app=merchants] .hover\:bg-red-400:hover{background-color:color-mix(in srgb,var(--error)22%,transparent)!important}html[data-app=merchants] .bg-orange-50,html[data-app=merchants] .bg-orange-100{background-color:var(--warning-bg)!important}html[data-app=merchants] .text-orange-800,html[data-app=merchants] .text-orange-700{color:var(--warning)!important}html[data-app=merchants] .hover\:bg-orange-100:hover,html[data-app=merchants] .hover\:bg-orange-200:hover{background-color:color-mix(in srgb,var(--warning)24%,transparent)!important}html[data-app=merchants] .bg-purple-50,html[data-app=merchants] .bg-purple-100{background-color:color-mix(in srgb,var(--dock-accent-dev)16%,transparent)!important}html[data-app=merchants] .text-purple-900,html[data-app=merchants] .text-purple-800,html[data-app=merchants] .text-purple-700{color:var(--dock-accent-dev)!important}html[data-app=merchants] .hover\:bg-purple-100:hover,html[data-app=merchants] .hover\:bg-purple-200:hover{background-color:color-mix(in srgb,var(--dock-accent-dev)24%,transparent)!important}html[data-app=merchants] .bg-blue-100,html[data-app=merchants] .bg-blue-200{background-color:var(--info-bg)!important}html[data-app=merchants] .hover\:bg-blue-100:hover,html[data-app=merchants] .hover\:bg-blue-200:hover,html[data-app=merchants] .hover\:bg-blue-50:hover{background-color:color-mix(in srgb,var(--info)22%,transparent)!important}@media (max-width:767px){.dashboard-layout .text-xs{font-size:.9rem!important;line-height:1.35rem!important}.dashboard-layout .text-sm{font-size:1rem!important;line-height:1.5rem!important}.dashboard-layout .text-base{font-size:1.08rem!important;line-height:1.58rem!important}.dashboard-layout .text-lg{font-size:1.2rem!important;line-height:1.7rem!important}.dashboard-layout .text-xl{font-size:1.35rem!important;line-height:1.9rem!important}.dashboard-layout .text-2xl{font-size:1.62rem!important;line-height:2.1rem!important}.dashboard-layout [class*="text-[10px]"],.dashboard-layout [class*="text-[11px]"],.dashboard-layout [class*="text-[12px]"]{font-size:.92rem!important;line-height:1.38rem!important}.dashboard-layout [class*="text-[13px]"],.dashboard-layout [class*="text-[14px]"]{font-size:1rem!important;line-height:1.48rem!important}.dashboard-layout .mobile-side-nav-button{min-height:58px;text-align:center!important;justify-content:center!important;padding-block:.8rem!important;padding-inline:1rem!important}.dashboard-layout .mobile-side-nav-button>*{text-align:center!important;justify-content:center!important}.dashboard-layout .mobile-side-nav-header-btn{min-height:44px;padding-inline:.9rem!important;font-size:1rem!important}}
.merchants-login-page{--ml-bg:#0a0732;--ml-surface:#110822d9;--ml-text:#fff;--ml-text-muted:#ffffff8c;--ml-text-light:#ffffff59;--ml-accent:#ff6d00;--ml-accent-hover:#ff8f33;--ml-accent-secondary:#1b70f2;--ml-border:#ffffff14;--ml-border-focus:#ff6d0080;--ml-shadow:0 24px 48px #0006,inset 0 1px 0 #ffffff0d;--ml-focus-ring:0 0 0 3px #ff6d0033;--ml-gradient:linear-gradient(135deg,#ff6d00 0%,#ff8f33 55%,#ffa726 100%);--ml-radius:20px;--ml-radius-sm:12px;--ml-input-bg:#ffffff0a;--ml-font:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;width:100%;min-height:100vh;font-family:var(--ml-font);color:var(--ml-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:linear-gradient(135deg,#1d0b2c 0%,#120826 40%,#0a0732 100%);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;font-weight:600;display:flex;position:relative}.merchants-login-page:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 20%,#fff9 50%,#0000 100%),radial-gradient(1px 1px at 30% 70%,#ffffff80 50%,#0000 100%),radial-gradient(1.5px 1.5px at 50% 10%,#ffffffb3 50%,#0000 100%),radial-gradient(1px 1px at 70% 40%,#fff6 50%,#0000 100%),radial-gradient(1px 1px at 90% 80%,#ffffff80 50%,#0000 100%),radial-gradient(1px 1px at 20%,#ffffff4d 50%,#0000 100%),radial-gradient(1px 1px at 80% 15%,#fff6 50%,#0000 100%),radial-gradient(1.5px 1.5px at 45% 90%,#fff9 50%,#0000 100%),radial-gradient(1px 1px at 60% 60%,#ffffff59 50%,#0000 100%),radial-gradient(1px 1px at 15% 85%,#ffffff80 50%,#0000 100%);animation:8s ease-in-out infinite alternate ml-twinkle;position:fixed;inset:0}.merchants-login-page:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 25% 30%,#ff6d000f 0%,#0000 55%),radial-gradient(at 75% 70%,#1b70f20d 0%,#0000 55%);animation:16s ease-in-out infinite alternate ml-nebula-pulse;position:fixed;inset:0}@keyframes ml-twinkle{0%{opacity:.6}to{opacity:1}}@keyframes ml-nebula-pulse{0%{opacity:.7}to{opacity:1}}.merchants-login-header{text-align:center;z-index:1;width:100%;max-width:480px;margin-bottom:24px;position:relative}.merchants-login-logo{object-fit:contain;filter:drop-shadow(0 4px 12px #0000004d);width:100%;max-width:320px;height:auto;margin:0 auto}.merchants-login-card{z-index:1;background:var(--ml-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ml-border);border-radius:var(--ml-radius);width:100%;max-width:480px;box-shadow:var(--ml-shadow);padding:clamp(24px,4vw,36px);animation:.52s cubic-bezier(.22,1,.36,1) both ml-card-rise;position:relative;overflow:hidden}.merchants-login-card:before{content:"";background:linear-gradient(90deg,#ff6d00,#ff8f33,#1b70f2);width:100%;height:3px;position:absolute;top:0;left:0}@keyframes ml-card-rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.merchants-login-title{text-align:center;color:var(--ml-text);letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.merchants-login-subtitle{text-align:center;color:var(--ml-text-muted);margin-top:8px;font-size:.875rem;font-weight:500}.merchants-login-form{margin-top:24px}.merchants-login-field{margin-bottom:18px}.merchants-login-label{letter-spacing:.02em;color:var(--ml-text-muted);text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.merchants-login-input{border:1px solid var(--ml-border);border-radius:var(--ml-radius-sm);width:100%;font-size:14px;font-family:var(--ml-font);background:var(--ml-input-bg);color:var(--ml-text);box-shadow:none;padding:12px 14px;font-weight:500;transition:border-color .16s,box-shadow .16s}.merchants-login-input:focus{border-color:var(--ml-border-focus);box-shadow:var(--ml-focus-ring);outline:none}.merchants-login-input::placeholder{color:var(--ml-text-light);font-weight:400}.merchants-login-helper{color:var(--ml-text-muted);margin-top:4px;font-size:12px;font-weight:400}.merchants-login-btn{font-weight:600;font-family:var(--ml-font);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.merchants-login-btn-primary{color:#fff;background:var(--ml-gradient);width:100%;box-shadow:0 4px 20px #ff6d004d}.merchants-login-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 28px #ff6d0059}.merchants-login-btn-primary:active{transform:translateY(0);box-shadow:0 4px 16px #ff6d0040}.merchants-login-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.merchants-login-btn-secondary{width:100%;color:var(--ml-text-muted);border:1px solid var(--ml-border);background:0 0;margin-top:12px}.merchants-login-btn-secondary:hover{background:#ffffff0a;border-color:#ffffff26}.merchants-login-btn-link{color:var(--ml-text-muted);font-size:13px;font-weight:500;font-family:var(--ml-font);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s}.merchants-login-btn-link:hover{color:var(--ml-accent);text-decoration:underline}.merchants-login-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.merchants-login-submit-wrapper{justify-content:center;margin-top:8px;display:flex}.merchants-login-passkey-panel{border-radius:var(--ml-radius-sm);background:#ff6d000d;border:1px solid #ff6d0026;margin-top:24px;padding:20px}.merchants-login-passkey-title{color:var(--ml-text);margin:0;font-size:1rem;font-weight:600}.merchants-login-passkey-desc{color:var(--ml-text-muted);margin-top:8px;font-size:.875rem}.merchants-login-passkey-actions{gap:12px;margin-top:16px;display:flex}.merchants-login-passkey-note{color:var(--ml-text-light);text-align:center;margin:10px 0 0;font-size:12px}.merchants-login-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;opacity:0;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s forwards ml-modal-backdrop-in;display:flex;position:fixed;inset:0}@keyframes ml-modal-backdrop-in{to{opacity:1}}.merchants-login-modal{border:1px solid var(--ml-border);border-radius:var(--ml-radius);background:#110822f2;width:100%;max-width:420px;padding:32px;animation:.3s cubic-bezier(.22,1,.36,1) both ml-modal-slide-in;position:relative;box-shadow:0 24px 55px #00000080}@keyframes ml-modal-slide-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.merchants-login-modal-close{cursor:pointer;width:32px;height:32px;color:var(--ml-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.merchants-login-modal-close:hover{color:var(--ml-text);background:#ffffff0d}.merchants-login-modal-title{color:var(--ml-text);margin:0 0 8px;font-size:1.25rem;font-weight:700}.merchants-login-modal-desc{color:var(--ml-text-muted);margin:0 0 24px;font-size:.875rem}.merchants-login-modal-success{text-align:center;padding:20px 0}.merchants-login-modal-success-icon{width:64px;height:64px;color:var(--ml-accent);background:#ff6d001a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.merchants-login-footer{text-align:center;z-index:1;width:100%;max-width:480px;margin-top:32px;animation:.52s .2s both ml-fade-up;position:relative}.merchants-login-copyright{color:var(--ml-text-light);font-size:13px}.merchants-login-copyright a{color:var(--ml-text-muted);-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3}.merchants-login-branding{justify-content:center;align-items:center;gap:0;margin-top:12px;display:flex}.merchants-login-branding a{align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}.merchants-login-powered{color:var(--ml-text-light);margin-right:4px;font-size:11px;line-height:1}.merchants-login-bringos-logo{object-fit:contain;filter:drop-shadow(0 2px 8px #0000004d);width:200px;height:auto;display:block}.merchants-login-version{color:var(--ml-text-light);margin-top:8px;font-size:9px}@keyframes ml-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.merchants-login-error{border-radius:var(--ml-radius-sm);color:#ff4c4c;background:#ff4c4c1a;border:1px solid #ff4c4c33;margin-bottom:16px;padding:12px 16px;font-size:13px}.merchants-login-input-error{border-color:#ff4c4c}.merchants-login-input-error:focus{box-shadow:0 0 0 3px #ff4c4c33}.merchants-user-grid{grid-template-columns:1fr;gap:12px;margin:24px 0;display:grid}.merchants-user-card{border:1px solid var(--ml-border);border-radius:var(--ml-radius-sm);cursor:pointer;text-align:left;font-family:var(--ml-font);background:#ffffff08;align-items:center;gap:16px;padding:16px 20px;transition:all .18s;display:flex}.merchants-user-card:hover{border-color:var(--ml-accent);background:#ffffff0f;transform:translateY(-2px);box-shadow:0 8px 24px #ff6d0026}.merchants-user-avatar{background:var(--ml-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.merchants-user-info{flex:1;min-width:0}.merchants-user-name{color:var(--ml-text);margin-bottom:2px;font-size:1rem;font-weight:600}.merchants-user-role{color:var(--ml-text-muted);font-size:.8125rem;font-weight:500}.merchants-pin-input-wrapper{flex-direction:column;align-items:center;gap:16px;margin:24px 0;display:flex}.merchants-pin-input{text-align:center;letter-spacing:.5em;border:1px solid var(--ml-border);border-radius:var(--ml-radius-sm);background:var(--ml-input-bg);width:100%;max-width:280px;color:var(--ml-text);font-size:max(1.5rem,16px);font-weight:700;font-family:var(--ml-font);appearance:none;padding:18px 20px;transition:all .18s}.merchants-pin-input:focus{border-color:var(--ml-border-focus);box-shadow:var(--ml-focus-ring);outline:none}.merchants-pin-input::placeholder{letter-spacing:.3em;color:var(--ml-text-light)}.merchants-pin-dots{justify-content:center;gap:16px;display:flex}.merchants-pin-dot{background:#ffffff1a;border:2px solid #ffffff26;border-radius:50%;width:16px;height:16px;transition:all .2s}.merchants-pin-dot.filled{background:var(--ml-accent);border-color:var(--ml-accent);box-shadow:0 0 10px #ff6d0066}.merchants-admin-setup-icon{text-align:center;margin-bottom:16px;font-size:48px}.merchants-login-processing-spinner{border:3px solid var(--ml-border);border-top-color:var(--ml-accent);border-radius:999px;width:42px;height:42px;margin:20px auto 0;animation:.85s linear infinite ml-spin}@keyframes ml-spin{to{transform:rotate(360deg)}}.merchants-login-dev{text-align:center;margin-top:16px}.merchants-login-dev-btn{color:var(--ml-text-muted);cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}@media (max-width:640px){.merchants-login-page{padding:24px 16px}.merchants-login-card{padding:24px 20px}.merchants-login-actions{flex-direction:column;align-items:stretch}.merchants-login-passkey-actions{flex-direction:column}.merchants-login-btn{width:100%}.merchants-login-branding{flex-direction:column;gap:4px}.merchants-pin-input-wrapper{margin:20px 0}.merchants-pin-input{letter-spacing:.4em;-webkit-text-security:disc;max-width:220px;padding:16px;font-size:16px}.merchants-pin-dots{gap:12px}.merchants-pin-dot{width:14px;height:14px}.merchants-user-card{gap:12px;padding:14px 16px}.merchants-user-avatar{width:40px;height:40px;font-size:1rem}}@media (prefers-reduced-motion:reduce){.merchants-login-page:before,.merchants-login-page:after,.merchants-login-card,.merchants-login-modal,.merchants-login-modal-backdrop,.merchants-login-footer{animation:none}.merchants-login-input,.merchants-login-btn{transition:none}}