:root{--theme-accent: #1eb397;--theme-accent-secondary: #0284c7;--theme-accent-dark: #0f766e;--theme-accent-light: rgba(30, 179, 151, .28);--theme-accent-soft: rgba(30, 179, 151, .1);--theme-accent-glow: rgba(30, 179, 151, .18);--theme-accent-shadow: rgba(30, 179, 151, .4);--theme-gradient: linear-gradient(135deg, #1eb397 0%, #0284c7 100%);--theme-glow-1: rgba(30, 179, 151, .22);--theme-glow-1-fade: rgba(30, 179, 151, .05);--theme-glow-2: rgba(2, 132, 199, .2);--theme-glow-2-fade: rgba(2, 132, 199, .05);--theme-btn-bg: linear-gradient(135deg, #0d9488 0%, #059669 45%, #0284c7 100%);--theme-btn-shadow: rgba(13, 148, 136, .45);--theme-card-top-line: linear-gradient(90deg, #10b981, #0284c7, #8b5cf6, #10b981);--theme-pill-bg: linear-gradient(135deg, #ecfdf5 0%, #e0f2fe 100%)}.login-page-root{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:36px clamp(16px,4vw,44px);background-color:#070e17;background-image:radial-gradient(ellipse at 15% 15%,rgba(16,185,129,.22) 0%,transparent 45%),radial-gradient(ellipse at 85% 20%,rgba(14,165,233,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(16,185,129,.14) 0%,transparent 50%),linear-gradient(135deg,#070f18,#0c1b29,#06231c);color:#f8fafc;font-family:var(--font-body, "Inter", system-ui, sans-serif);overflow-x:hidden;box-sizing:border-box}.login-page-root.has-custom-bg{background-size:cover;background-position:center;background-repeat:no-repeat}.login-page-root.is-dark-theme .login-brand-title,.login-page-root.is-dark-theme .login-hero-headline{color:#fff}.login-page-root.is-dark-theme .login-hero-desc{color:#cbd5e1}.login-page-root.is-dark-theme .login-feature-item{background:#0f172abf;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.login-page-root.is-dark-theme .login-feature-item:hover{background:#0f172ae6;border-color:var(--theme-accent, #38bdf8)}.login-page-root.is-dark-theme .login-feature-text h4{color:#f8fafc}.login-page-root.is-dark-theme .login-feature-text p{color:#94a3b8}.login-page-root.is-dark-theme .login-status-card{background:#0f172ad9;border-color:var(--theme-accent-light, #38bdf8);color:#e2e8f0}.login-bg-mesh{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(15,23,42,.05) 1px,transparent 0);background-size:24px 24px;mask-image:radial-gradient(ellipse at center,black 65%,transparent 95%);-webkit-mask-image:radial-gradient(ellipse at center,black 65%,transparent 95%);pointer-events:none;z-index:0}.login-glow-orb-1{position:absolute;top:-100px;left:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--theme-glow-1, rgba(16, 185, 129, .22)) 0%,var(--theme-glow-1-fade, rgba(13, 148, 136, .06)) 50%,transparent 70%);filter:blur(45px);pointer-events:none;z-index:0}.login-glow-orb-2{position:absolute;bottom:-80px;right:-60px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,var(--theme-glow-2, rgba(14, 165, 233, .2)) 0%,var(--theme-glow-2-fade, rgba(99, 102, 241, .06)) 50%,transparent 70%);filter:blur(45px);pointer-events:none;z-index:0}.login-shell{position:relative;z-index:1;width:100%;max-width:1060px;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}@media (max-width: 940px){.login-shell{grid-template-columns:1fr;max-width:460px;gap:24px}}.login-brand-panel{display:flex;flex-direction:column;gap:28px;padding:12px 0}@media (max-width: 940px){.login-brand-panel{display:none}}.login-brand-badge{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:inherit;width:fit-content}.login-brand-logo{width:52px;height:52px;border-radius:14px;background:var(--theme-gradient, linear-gradient(135deg, #059669 0%, #0284c7 100%));display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display, serif);font-weight:700;font-size:24px;box-shadow:0 10px 24px -4px var(--theme-accent-shadow, rgba(5, 150, 105, .4)),inset 0 1px 1px #fff6;border:1.5px solid rgba(255,255,255,.9);flex-shrink:0;overflow:hidden}.login-brand-logo img{width:100%;height:100%;object-fit:contain;padding:6px}.login-brand-meta{display:flex;flex-direction:column}.login-brand-title{font-family:var(--font-display, "Fraunces", serif);font-size:26px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2}.login-brand-subtitle{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#34d399;margin-top:3px}.login-brand-hero{display:flex;flex-direction:column;gap:10px}.login-hero-headline{font-size:30px;font-weight:700;line-height:1.25;color:#fff;letter-spacing:-.02em;font-family:var(--font-display, "Fraunces", serif)}.login-hero-headline span.accent{background:linear-gradient(135deg,#34d399,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-hero-desc{font-size:15px;line-height:1.6;color:#94a3b8;max-width:450px}.login-feature-list{display:flex;flex-direction:column;gap:14px;margin-top:4px}.login-feature-item{display:flex;align-items:flex-start;gap:14px;padding:11px 16px;border-radius:12px;background:#0f172abf;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 14px #00000040;transition:all .2s ease}.login-feature-item:hover{background:#0f172aeb;transform:translate(4px);border-color:#34d39980;box-shadow:0 6px 20px #10b98133}.login-feature-icon{width:38px;height:38px;border-radius:10px;background:#10b98126;border:1px solid rgba(52,211,153,.35);display:flex;align-items:center;justify-content:center;color:#34d399;flex-shrink:0}.login-feature-item:nth-child(2) .login-feature-icon{background:#0ea5e926;border-color:#38bdf859;color:#38bdf8}.login-feature-item:nth-child(3) .login-feature-icon{background:#a855f726;border-color:#c084fc59;color:#c084fc}.login-feature-text h4{font-family:var(--font-body, inherit);font-size:14px;font-weight:700;color:#fff;margin:0}.login-feature-text p{font-size:12.5px;color:#94a3b8;margin-top:2px;line-height:1.45}.login-status-card{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:9999px;background:#0f172ad9;border:1px solid rgba(52,211,153,.35);box-shadow:0 4px 14px #0000004d;width:fit-content;font-size:12.5px;color:#e2e8f0}.login-status-dot{width:9px;height:9px;border-radius:50%;background:var(--theme-accent, #10b981);box-shadow:0 0 10px var(--theme-accent, #10b981);position:relative}.login-status-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--theme-accent-light, rgba(16, 185, 129, .4));animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.7);opacity:0}}.login-card-surface{width:100%;background:#0f172aeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(255,255,255,.16);border-radius:24px;padding:clamp(24px,5vw,38px);box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff14,0 4px 6px -2px #0006;position:relative;overflow:hidden}.login-card-surface:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#0284c7,#8b5cf6,#10b981)}.login-mobile-brand{display:none;align-items:center;gap:12px;margin-bottom:20px}@media (max-width: 940px){.login-mobile-brand{display:flex}}.login-mobile-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#059669,#0284c7);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display, serif);font-weight:700;font-size:20px;flex-shrink:0;box-shadow:0 6px 14px #05966959;border:1.5px solid rgba(255,255,255,.9)}.login-mobile-meta h3{font-family:var(--font-display, "Fraunces", serif);font-size:19px;color:#fff;margin:0;font-weight:700}.login-mobile-meta p{font-size:11px;color:#34d399;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin:0}.login-top-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.login-onboarding-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:9999px;background:#10b9811f;border:1px solid rgba(52,211,153,.3);color:#6ee7b7;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;justify-content:space-between}.login-onboarding-pill:hover{background:#10b98133;border-color:#34d399;color:#a7f3d0;transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.login-onboarding-pill span{display:inline-flex;align-items:center;gap:6px}.login-form-header{margin-bottom:20px}.login-form-header h2{font-family:var(--font-display, "Fraunces", serif);font-size:25px;font-weight:700;color:#fff;margin:0;letter-spacing:-.015em}.login-form-header p{font-size:14px;color:#94a3b8;margin-top:5px;line-height:1.45}.login-mode-tabs{display:flex;background:#0b1522;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.1);gap:4px;margin-bottom:22px}.login-mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:600;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .18s ease;white-space:nowrap}.login-mode-tab:hover{color:#f8fafc;background:#ffffff0f}.login-mode-tab.active{background:#1e293b;color:#34d399;font-weight:700;box-shadow:0 2px 8px #0006,0 0 0 1px #34d39966}.login-form-body{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field-header{display:flex;align-items:center;justify-content:space-between}.login-field-label{font-size:13px;font-weight:600;color:#cbd5e1;display:flex;align-items:center;gap:6px}.login-input-wrap{position:relative;display:flex;align-items:center;width:100%}.login-input-icon{position:absolute;left:14px;color:#64748b;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.login-input-wrap:focus-within .login-input-icon{color:#34d399}.login-input{width:100%;padding:12px 14px 12px 42px;background:#0b1522;border:1.5px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:14.5px;font-family:inherit;transition:all .2s ease;outline:none;box-sizing:border-box}.login-input::placeholder{color:#64748b}.login-input:focus{border-color:#10b981;background:#070e17;box-shadow:0 0 0 4px #10b98138,0 1px 3px #0000004d}.login-input-with-toggle{padding-right:44px}.login-toggle-btn{position:absolute;right:12px;background:transparent;border:none;color:#64748b;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.login-toggle-btn:hover{color:#34d399;background:#ffffff14}.login-field-hint{font-size:12px;color:#64748b;margin-top:2px}.login-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 4px}.login-checkbox-label{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.login-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;border-radius:5px;border:1.5px solid rgba(255,255,255,.25);background:#0b1522;cursor:pointer;display:grid;place-content:center;transition:all .18s ease;margin:0}.login-checkbox:checked{background:#10b981;border-color:#10b981}.login-checkbox:checked:before{content:"";width:9px;height:9px;background-color:#fff;clip-path:polygon(14% 44%,0 60%,40% 100%,100% 20%,84% 8%,38% 66%)}.login-link-btn{background:transparent;border:none;color:#38bdf8;font-size:13px;font-weight:600;cursor:pointer;padding:0;text-decoration:none;transition:color .15s ease}.login-link-btn:hover{color:#7dd3fc;text-decoration:underline}.login-btn-row{display:flex;gap:10px;margin-top:6px}.login-btn-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:12px;background:linear-gradient(135deg,#0d9488,#059669,#0284c7);color:#fff;font-size:15px;font-weight:700;border:none;cursor:pointer;box-shadow:0 6px 20px -3px #0d94888c;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 25px -3px #0d9488a6}.login-btn-primary:active:not(:disabled){transform:translateY(0)}.login-btn-primary:disabled{opacity:.65;cursor:not-allowed}.login-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:12px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.14);color:#cbd5e1;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s ease}.login-btn-ghost:hover:not(:disabled){background:#ffffff24;color:#fff}.login-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.login-alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:12px;font-size:13.5px;line-height:1.45;margin-bottom:18px;animation:loginFadeIn .25s ease-out}.login-alert-icon{flex-shrink:0;margin-top:2px}.login-alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.login-alert-danger .login-alert-icon{color:#dc2626}.login-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.login-alert-success .login-alert-icon{color:#059669}.login-alert-info{background:#f0f9ff;border:1px solid #bae6fd;color:#075985}.login-alert-info .login-alert-icon{color:#0284c7}.login-trust-footer{margin-top:24px;padding-top:18px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;align-items:center}.login-trust-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#64748b;font-weight:500}.login-contact-strip{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#64748b;flex-wrap:wrap;justify-content:center}.login-contact-strip a{color:var(--theme-accent, #059669);font-weight:600;text-decoration:none;transition:color .15s ease}.login-contact-strip a:hover{color:var(--theme-accent-dark, #047857);text-decoration:underline}.login-spin{animation:loginSpinner 1s linear infinite}@keyframes loginSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}:root{--ink: #142322;--paper: #F6F8F6;--paper-raised: #FFFFFF;--teal-900: #0E3B39;--teal-700: #14524E;--teal-500: #1B7A72;--mint-500: #1FAE8E;--mint-100: #DFF3EC;--amber-500: #E8A33D;--amber-100: #FBEBD1;--clay-500: #C4634B;--line: #D9E3DF;--line-strong: #B7C7C2;--shadow: 0 1px 2px rgba(14, 59, 57, .06), 0 8px 24px rgba(14, 59, 57, .06);--radius: 10px;--font-display: "Fraunces", serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0;color:var(--teal-900)}h1{font-size:28px;letter-spacing:-.01em}h2{font-size:21px}h3{font-size:16px}p{margin:0}a{color:var(--teal-700)}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--mint-500);outline-offset:2px}.login-onboarding-link{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--teal-700);text-decoration:none;font-size:13px;font-weight:600;transition:background-color .16s ease,border-color .16s ease}.login-onboarding-link:hover{background:var(--mint-100);border-color:var(--mint-500)}.onboarding-page{min-height:100vh;padding:32px clamp(20px,5vw,76px) 64px;background-color:#f8fafc;background-image:radial-gradient(ellipse at 15% 10%,rgba(16,185,129,.2) 0%,transparent 45%),radial-gradient(ellipse at 85% 15%,rgba(14,165,233,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(20,184,166,.16) 0%,transparent 50%),linear-gradient(160deg,#f0fdf4,#f8fafc 40%,#f0f9ff);color:#0f172a}.onboarding-header{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.onboarding-brand,.onboarding-login-link{display:inline-flex;align-items:center;gap:10px;color:#0f172a;text-decoration:none;font-size:15px;font-weight:700}.onboarding-login-link{color:#059669;gap:6px;background:#fff;padding:8px 16px;border-radius:10px;border:1.5px solid #a7f3d0;box-shadow:0 2px 8px #10b9811f;transition:all .2s ease}.onboarding-login-link:hover{background:#ecfdf5;color:#047857;border-color:#6ee7b7;transform:translateY(-1px)}.onboarding-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#059669,#0284c7);color:#fff;font-family:var(--font-display);font-size:18px;font-weight:700;box-shadow:0 6px 16px #05966959}.onboarding-layout{max-width:1180px;margin:clamp(40px,7vh,70px) auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,470px);align-items:start;gap:clamp(32px,5vw,64px)}.onboarding-intro{padding-top:12px}.onboarding-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:9999px;background:linear-gradient(135deg,#ecfdf5,#e0f2fe);border:1px solid #a7f3d0;color:#047857;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.onboarding-intro h1{max-width:580px;margin:16px 0;font-size:clamp(34px,4.5vw,54px);line-height:1.1;color:#0f172a}.onboarding-intro>p{max-width:520px;color:#475569;font-size:16.5px;line-height:1.6}.onboarding-benefits{display:grid;gap:12px;margin-top:24px;color:#1e293b;font-size:14.5px;font-weight:600}.onboarding-benefits div{display:flex;align-items:center;gap:10px}.onboarding-benefits svg{color:#059669}.onboarding-form-panel{background:#fffffff0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1.5px solid rgba(255,255,255,.95);border-radius:20px;padding:clamp(22px,3vw,32px);box-shadow:0 25px 50px -12px #0f766e29,0 0 0 1px #e2e8f0cc,0 4px 6px -2px #0f172a0a;max-width:490px;width:100%}.onboarding-form-heading{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.onboarding-step{color:#059669;font-family:var(--font-mono);font-size:12px;font-weight:700}.onboarding-form-heading h2,.onboarding-success h2{font-family:var(--font-display);font-size:22px;color:#0f172a;margin:0;font-weight:700}.onboarding-form-heading p,.onboarding-success p{margin-top:3px;color:#64748b;font-size:13px}.onboarding-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.onboarding-field-grid label{display:grid;gap:6px;color:#334155;font-size:12px;font-weight:700;letter-spacing:.02em}.onboarding-field-grid input,.onboarding-field-grid select,.onboarding-field-grid textarea{width:100%;border:1.5px solid #cbd5e1;border-radius:10px;background:#fff;padding:9px 12px;color:#0f172a;font-size:13.5px;font-weight:500;outline:none;resize:vertical;transition:all .14s ease;box-sizing:border-box}.onboarding-field-grid select option{background:#fff;color:#0f172a}.onboarding-field-grid input::placeholder,.onboarding-field-grid textarea::placeholder{color:#94a3b8;font-weight:400}.onboarding-field-grid input:focus,.onboarding-field-grid select:focus,.onboarding-field-grid textarea:focus{border-color:#059669;background:#fff;color:#0f172a;box-shadow:0 0 0 3px #10b98129}.onboarding-field-wide{grid-column:1 / -1}.onboarding-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;border:none;border-radius:12px;padding:13px 20px;background:linear-gradient(135deg,#0d9488,#059669 45%,#0284c7);color:#fff;cursor:pointer;font-size:14.5px;font-weight:700;transition:all .16s ease;box-shadow:0 6px 20px -3px #0d948873}.onboarding-submit:hover{background:linear-gradient(135deg,#0f766e,#047857 45%,#0369a1);transform:translateY(-2px);box-shadow:0 10px 25px -3px #0d94888c}.onboarding-privacy{margin-top:10px;color:#64748b;font-size:11.5px;text-align:center}.onboarding-success{text-align:center;padding:18px 8px 6px}.onboarding-success-icon{display:inline-flex;padding:12px;border-radius:50%;background:#ecfdf5;color:#059669}.onboarding-success h2{margin-top:14px;font-size:22px;color:#0f172a}.onboarding-success p{max-width:380px;margin:6px auto 18px;line-height:1.5;font-size:13.5px;color:#475569}.onboarding-contact-actions{display:grid;gap:10px}.onboarding-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;color:#fff;text-decoration:none;font-size:13.5px;font-weight:700;box-shadow:0 4px 12px #0000001a}.onboarding-action-whatsapp{background:#16a34a}.onboarding-action-whatsapp:hover{background:#15803d}.onboarding-action-email{background:#0d9488}.onboarding-action-email:hover{background:#0f766e}.onboarding-edit-button{margin-top:14px;border:0;background:none;color:#059669;cursor:pointer;font-size:13px;font-weight:700;text-decoration:underline}@media (max-width: 820px){.onboarding-layout{grid-template-columns:1fr;margin-top:36px;gap:28px}.onboarding-intro{padding-top:0}.onboarding-intro h1{font-size:38px}}@media (max-width: 560px){.onboarding-page{padding-inline:16px}.onboarding-header{align-items:flex-start}.onboarding-login-link{font-size:13px}.onboarding-field-grid{grid-template-columns:1fr}.onboarding-field-wide{grid-column:auto}.onboarding-intro h1{font-size:30px}}.onboarding-overview{max-width:1180px;margin:70px auto 0;padding-top:40px;border-top:1.5px solid #e2e8f0}.onboarding-overview-heading{max-width:650px}.onboarding-overview-heading h2{margin:10px 0 8px;font-size:30px;line-height:1.2;color:#0f172a}.onboarding-overview-heading p{color:#475569;font-size:15px}.onboarding-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.onboarding-feature{padding:22px 20px;border:1.5px solid rgba(226,232,240,.9);border-radius:16px;background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 25px -5px #0f172a0d;transition:transform .16s ease,border-color .16s ease}.onboarding-feature:hover{transform:translateY(-3px);border-color:#a7f3d0;box-shadow:0 14px 30px -5px #10b98126}.onboarding-feature svg{color:#059669}.onboarding-feature h3{margin:14px 0 6px;font-family:var(--font-display);font-size:18px;color:#0f172a;font-weight:700}.onboarding-feature p{color:#475569;font-size:13px;line-height:1.55;margin:0}.onboarding-process{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;padding:24px;border-radius:16px;background:#ffffffe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(226,232,240,.9);box-shadow:0 10px 25px -5px #0f172a0a}.onboarding-process div{display:grid;grid-template-columns:auto 1fr;column-gap:14px}.onboarding-process span{grid-row:span 2;color:#059669;font-family:var(--font-mono);font-size:16px;font-weight:800}.onboarding-process strong{color:#0f172a;font-size:14px;font-weight:700}.onboarding-process p{grid-column:2;margin-top:3px;color:#64748b;font-size:12.5px;margin-bottom:0}@media (max-width: 820px){.onboarding-overview{margin-top:50px}.onboarding-feature-grid{grid-template-columns:1fr 1fr}.onboarding-process{grid-template-columns:1fr;gap:16px}}@media (max-width: 560px){.onboarding-overview{margin-top:54px;padding-top:34px}.onboarding-overview-heading h2{font-size:26px}.onboarding-feature-grid,.onboarding-process{grid-template-columns:1fr}.onboarding-process{gap:20px}}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--teal-900);color:#eaf3f1;display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 6px 22px;border-bottom:1px solid rgba(234,243,241,.14);margin-bottom:18px}.rx-mark{width:34px;height:34px;border-radius:8px;background:var(--mint-500);color:var(--teal-900);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:17px;flex-shrink:0}.sidebar-brand-text{line-height:1.2}.sidebar-brand-text .name{font-family:var(--font-display);font-weight:600;font-size:12px}.sidebar-brand-text .tag{font-size:11px;color:#9fc3bc;letter-spacing:.04em;text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#c7deda;text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s ease,color .15s ease}.nav-item:hover{background:#eaf3f114;color:#fff}.nav-item.active{background:var(--mint-500);color:var(--teal-900)}.sidebar-nav-button,.sidebar-signout-button{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.sidebar-scroll-area{scrollbar-width:none;-ms-overflow-style:none}.sidebar-scroll-area::-webkit-scrollbar{display:none}.sidebar-nav-button:hover{background-color:#2dd4bf29!important;border-color:#2dd4bf61!important;color:#fff!important;transform:translate(2px)}.sidebar-nav-button.active:hover{background-color:#1eb397!important;border-color:transparent!important;color:#062d25!important;transform:none}.sidebar-nav-button:focus-visible,.sidebar-signout-button:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}.sidebar-signout-button:hover{background-color:#e07a5f2e!important;border-color:#e07a5f!important;color:#fff!important}.nav-divider{border:none;border-top:1px solid rgba(234,243,241,.14);margin:14px 6px}.sidebar-footer{margin-top:auto;padding:12px 6px 0}.user-chip{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:#eaf3f10f;margin-bottom:8px}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--amber-500);color:var(--teal-900);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.user-chip-text{line-height:1.25;overflow:hidden}.user-chip-text .u-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip-text .u-role{font-size:11px;color:#9fc3bc}.signout-btn{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(234,243,241,.18);background:transparent;color:#c7deda;cursor:pointer;font-size:13px;font-weight:500;text-align:left}.signout-btn:hover{background:#eaf3f114;color:#fff}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{padding:18px 32px;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper-raised)}.topbar .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mint-500);margin-bottom:3px;display:block}.page-content{padding:28px 32px 60px;max-width:1400px;width:100%}.page-enter-smooth{animation:pageEnterSmooth .16s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity,transform}@keyframes pageEnterSmooth{0%{opacity:.88;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px 22px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden}.stat-card .label{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-500);font-weight:600}.stat-card .value{font-family:var(--font-display);font-size:26px;font-weight:600;margin-top:6px;color:var(--teal-900)}.stat-card .sub{font-size:12px;color:#6c8582;margin-top:3px}.stat-card.tone-warn{border-color:#c7913d}.stat-card.tone-warn .label{color:#96631e}.stat-card.tone-warn .value{color:#7a4f16}.stat-card.tone-danger{border-color:#b25b44}.stat-card.tone-danger .label{color:#8c4432}.stat-card.tone-danger .value{color:#7a3a29}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-subtitle{color:#6c8582;margin-top:4px;margin-bottom:20px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:13.5px;cursor:pointer;text-decoration:none;transition:transform .05s ease,opacity .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--mint-500);color:#06322d}.btn-primary:hover{background:#199c7f}.btn-secondary{background:var(--paper-raised);color:var(--teal-900);border-color:var(--line-strong)}.btn-secondary:hover{background:var(--mint-100)}.btn-danger{background:#fbe8e3;color:#8a3220;border-color:#efc3b6}.btn-danger:hover{background:#f6d5cb}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 11px;font-size:12.5px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-size:12.5px;font-weight:600;color:var(--teal-700)}.field input,.field select,.field textarea{padding:9px 11px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint-500)}.field .hint{font-size:11.5px;color:#7d908d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}table.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--teal-500);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}table.data-table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}table.data-table tr:last-child td{border-bottom:none}table.data-table tr:hover td{background:var(--mint-100)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.pill-ok{background:var(--mint-100);color:var(--teal-700)}.pill-warn{background:var(--amber-100);color:#8a5a15}.pill-danger{background:#fbe8e3;color:#8a3220}.pill-muted{background:#edf1f0;color:#5c716d}.mono{font-family:var(--font-mono);font-size:12.5px}.login-screen{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:linear-gradient(#0f172abf,#1e293bd9),url(https://images.unsplash.com/photo-1602665742701-389671bc40c0?q=80&w=1920&auto=format&fit=crop) center/cover no-repeat!important}.login-card{width:100%;max-width:380px;background:var(--paper-raised);border-radius:14px;padding:34px 30px;box-shadow:0 30px 60px #00000059}.login-mark{width:46px;height:46px;border-radius:10px;background:var(--mint-500);color:var(--teal-900);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:22px;margin-bottom:16px}.login-error{background:#fbe8e3;border:1px solid #EFC3B6;color:#8a3220;padding:9px 12px;border-radius:7px;font-size:13px;margin-bottom:14px}.receipt{width:340px;background:#fff;border-radius:4px;padding:22px 20px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink);position:relative;background-image:repeating-linear-gradient(to bottom,transparent,transparent 27px,var(--line) 27px,var(--line) 28px);border:1px solid var(--line-strong)}.receipt:before,.receipt:after{content:"";position:absolute;left:0;right:0;height:14px;background-image:radial-gradient(circle,var(--paper) 5px,transparent 5.5px);background-size:16px 16px;background-position:0 -8px}.receipt:before{top:-7px}.receipt:after{bottom:-7px;transform:rotate(180deg)}.receipt h3{font-family:var(--font-mono);text-align:center;letter-spacing:.03em}.receipt .shop-name{text-align:center;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--teal-900);margin-top:4px}.receipt .shop-meta{text-align:center;color:#6c8582;font-size:11px;margin-top:2px}.receipt .rule{border-top:1px dashed var(--line-strong);margin:12px 0}.receipt .row{display:flex;justify-content:space-between;margin-bottom:4px}.receipt .total-row{font-weight:700;font-size:13.5px}.flex{display:flex}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.muted{color:#6c8582}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.empty-state{text-align:center;padding:40px 20px;color:#6c8582}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e3b3973;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-card{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;box-shadow:0 30px 60px #0000004d}.print-only-inventory-sheet,.printable-inventory-sheet{display:none}@media print{.sidebar,.topbar,.no-print,.inventory-screen-only{display:none!important}.page-content{padding:0!important;max-width:100%!important}body{background:#fff!important}.print-only-inventory-sheet,.printable-inventory-sheet{display:block!important}.printable-inventory-sheet{width:100%!important;font-size:11px!important;color:#0f172a!important}.printable-inventory-sheet table{width:100%!important;border-collapse:collapse!important;margin-top:12px!important}.printable-inventory-sheet th,.printable-inventory-sheet td{border:1px solid #cbd5e1!important;padding:5px 7px!important;font-size:10.5px!important}.printable-inventory-sheet th{background:#f1f5f9!important;font-weight:700!important;text-transform:uppercase!important;font-size:9.5px!important;color:#0f172a!important}.printable-inventory-sheet tr{page-break-inside:avoid!important}[data-print-only]{display:block!important;margin-bottom:16px}.card{box-shadow:none;break-inside:avoid}.receipt-thermal{border:none!important;border-radius:0!important;background-image:none!important;box-shadow:none!important;padding:4px 3mm!important;font-size:11px!important;margin:0 auto!important}.receipt-thermal:before,.receipt-thermal:after{display:none!important}.receipt-thermal .shop-name{font-size:13px!important}}@media (max-width: 860px){.sidebar{position:fixed;z-index:40;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.page-content{padding:20px}.topbar{padding:14px 20px}.form-row{grid-template-columns:1fr}.topbar .btn-secondary{display:inline-flex!important}}