.login-page{background:var(--surface-2);min-height:100dvh;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow-x:clip}.login-header{z-index:2;justify-content:space-between;align-items:center;gap:16px;height:80px;padding-inline:16px;display:flex;position:relative}@media (min-width:640px){.login-header{padding-inline:24px}}@media (min-width:1024px){.login-header{padding-inline:32px}}@media (min-width:1280px){.login-header{padding-inline:80px}}.login-brand{color:var(--ink);align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.login-brand:hover{opacity:.8}.login-mark{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:11px;place-items:center;font-size:26px;line-height:1;display:grid}.login-locale{color:var(--ink-muted);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.login-locale:hover{color:var(--accent)}.login-locale svg{width:16px;height:16px}.login-main{z-index:1;flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex;position:relative}.login-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:32px;width:100%;max-width:1280px;display:grid}.login-hero-col{display:none}.login-card-col{justify-content:center;display:flex}@media (min-width:1024px){.login-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.login-hero-col{justify-content:center;align-items:center;height:600px;display:flex}.login-card-col{justify-content:flex-end;padding-inline-end:48px}}.login-card{background:var(--surface);border-radius:8px;width:100%;max-width:448px;padding:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (min-width:640px){.login-card{padding:32px}}.login-card[data-enter]{animation:.8s ease-out both login-card-in}@keyframes login-card-in{0%{opacity:0;transform:translateX(var(--login-enter-from,400px))}to{opacity:1;transform:none}}[dir=rtl] .login-card{--login-enter-from:-400px}.login-head{text-align:center;margin-bottom:32px}.login-title{color:var(--ink);font-size:30px;font-weight:700;line-height:36px}.login-subtitle{color:var(--ink-muted);margin-top:8px;font-size:14px;line-height:20px}.login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;line-height:20px}.login-back{color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.login-back:hover{color:var(--ink)}.login-back svg{width:16px;height:16px}[dir=rtl] .login-back svg{transform:scaleX(-1)}.login-resend{margin-top:24px}.login-methods{gap:8px;margin-bottom:16px;display:flex}.login-method{border:1px solid var(--line-strong);background:var(--pan-ground,#eef1ef);color:var(--ink);white-space:nowrap;cursor:pointer;border-radius:8px;flex:1;padding:8px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.login-method:hover{border-color:var(--ink-muted)}.login-method[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-label{color:var(--ink);font-size:14px;font-weight:500}.login-input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-width:0;height:42px;color:var(--ink);border-radius:8px;padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.login-input::placeholder{color:var(--ink-muted);opacity:.6}.login-input:focus-visible,.login-otp-box:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.login-dial:has(select:focus-visible){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.login-phone{gap:8px;display:flex}.login-dial{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;flex:none;align-items:center;gap:6px;height:42px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.login-dial:hover{border-color:var(--ink-muted)}.login-dial-code{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.login-dial-caret{width:14px;height:14px;color:var(--ink-muted)}.login-dial-select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.login-password{position:relative}.login-password .login-input{padding-inline-end:48px}.login-eye{inset-inline-end:6px;width:34px;height:34px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.login-eye:hover{color:var(--ink)}.login-eye svg{width:20px;height:20px}.login-submit{width:100%;min-height:42px;box-shadow:none;border-radius:8px;font-size:16px;font-weight:600}.login-otp{flex-direction:column;gap:8px;display:flex}.login-otp-set{border:0;min-inline-size:0;margin:0;padding:0}.login-otp-set>.login-label{inline-size:100%;display:block}.login-otp .login-label,.login-hint{text-align:center}.login-hint{color:var(--ink-muted);font-size:12px}.login-otp-boxes{justify-content:center;gap:8px;margin-top:8px;display:flex}.login-otp-box{min-inline-size:0;border:2px solid var(--line-strong);background:var(--surface-2);height:56px;color:var(--ink);caret-color:#0000;font-variant-numeric:tabular-nums;text-align:center;border-radius:8px;flex:0 48px;padding:0;font-size:20px;font-weight:600;transition:border-color .15s,box-shadow .15s}.login-otp-box::placeholder{color:var(--ink-muted);opacity:.35}.login-otp-set:disabled .login-otp-box{opacity:.5;cursor:not-allowed}.login-input-code{text-align:center;letter-spacing:.4em;font-variant-numeric:tabular-nums}.login-blobs{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}@media (min-width:1024px){.login-blobs{display:none}}.login-blobs span{filter:blur(64px);border-radius:50%;position:absolute}.login-blobs span:first-child{background:color-mix(in srgb, var(--accent) 42%, transparent);width:384px;height:384px;animation:12s ease-in-out infinite login-blob-a;top:-96px;right:-96px}.login-blobs span:nth-child(2){background:color-mix(in srgb, var(--accent) 36%, transparent);width:448px;height:448px;animation:15s ease-in-out 2s infinite login-blob-b;bottom:-80px;left:-96px}.login-blobs span:nth-child(3){background:color-mix(in srgb, var(--accent) 20%, transparent);width:256px;height:256px;animation:18s ease-in-out 5s infinite login-blob-c;top:33%;left:25%}@keyframes login-blob-a{0%,to{opacity:.7;transform:translate(0)scale(1)}25%{opacity:1;transform:translate(45px,30px)scale(1.15)}50%{opacity:.4;transform:translate(15px,60px)scale(.9)}75%{opacity:.9;transform:translate(60px,20px)scale(1.1)}}@keyframes login-blob-b{0%,to{opacity:.6;transform:translate(0)scale(1)}25%{opacity:1;transform:translate(-35px,-40px)scale(.85)}50%{opacity:.35;transform:translate(-10px,-15px)scale(1.2)}75%{opacity:.85;transform:translate(-50px,-55px)scale(.95)}}@keyframes login-blob-c{0%,to{opacity:.3;transform:translate(0)scale(1)}25%{opacity:.8;transform:translate(25px,-30px)scale(1.3)}50%{opacity:.2;transform:translate(-20px,20px)scale(.8)}75%{opacity:.7;transform:translate(40px,-10px)scale(1.1)}}.login-hero{width:100%;max-width:560px;height:500px;position:relative}.login-hero-glow{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-weak) 80%, transparent), color-mix(in srgb, var(--accent) 14%, transparent));filter:blur(48px);border-radius:24px;position:absolute;inset:0}.login-hero-orbits{width:100%;height:100%;position:absolute;inset:0}.login-hero-orbits ellipse{stroke:color-mix(in srgb, var(--accent) 35%, transparent);stroke-width:1.5px}.login-hero-pos,.login-hero-receipt{background:var(--surface);box-shadow:0 24px 48px -12px #0f3c2d47, 0 0 0 1px var(--line);position:absolute}.login-hero-pos{z-index:1;--login-float:-20px;border-radius:14px;width:60%;padding:14px;animation:6s ease-in-out infinite login-float;top:17%;left:6%}.login-hero-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.login-hero-mark{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:6px;flex:none;place-items:center;font-size:16px;line-height:1;display:grid}.login-hero-mark.is-small{border-radius:5px;width:16px;height:16px;font-size:12px}.login-hero-line{background:var(--line);border-radius:4px;width:100%;height:8px;display:block}.login-hero-pill{background:var(--accent-weak);color:var(--accent);border-radius:999px;margin-inline-start:auto;padding:2px 8px;font-size:11px;font-weight:700}.login-hero-body{grid-template-columns:1.35fr 1fr;gap:12px;display:grid}.login-hero-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.login-hero-tile{border-radius:10px;flex-direction:column;align-items:center;gap:7px;padding:11px 6px 9px;display:flex}.login-hero-tile svg{width:22px;height:22px}.login-hero-tile .login-hero-line{background:#00000014;width:70%;height:5px}.login-hero-tile[data-tone=green]{background:var(--accent-weak);color:var(--accent)}.login-hero-tile[data-tone=amber]{color:#b45309;background:#fef3c7}.login-hero-tile[data-tone=rose]{color:#be123c;background:#ffe4e6}.login-hero-tile[data-tone=sky]{color:#0369a1;background:#e0f2fe}.login-hero-order{background:var(--surface-2);border-radius:10px;flex-direction:column;gap:9px;padding:10px;display:flex}.login-hero-row{align-items:center;gap:8px;display:flex}.login-hero-row .login-hero-line{flex:1;height:6px}.login-hero-price{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.login-hero-total{border-top:1px dashed var(--line-strong);color:var(--ink);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding-top:8px;font-size:14px;font-weight:700;display:flex}.login-hero-pay{background:var(--accent);border-radius:6px;height:22px}.login-hero-receipt{z-index:2;--login-float:-25px;border-radius:10px 10px 0 0;flex-direction:column;align-items:center;gap:7px;width:27%;padding:12px 12px 14px;animation:8s ease-in-out infinite login-float;display:flex;top:52%;left:64%}.login-hero-receipt .login-hero-line{height:5px}.login-hero-receipt:after{content:"";inset-inline:0;background:radial-gradient(circle at 5px 0, var(--surface) 5px, transparent 5.5px) repeat-x;background-size:10px 8px;height:8px;position:absolute;bottom:-8px}.login-hero-qr{width:64%;height:auto;fill:var(--ink);margin:4px 0}.login-hero-badge{z-index:3;background:var(--surface);width:56px;height:56px;color:var(--accent);box-shadow:0 12px 24px -8px #0f3c2d59, 0 0 0 1px var(--line);--login-float:-10px;border-radius:50%;place-items:center;animation:5s ease-in-out infinite login-float;display:grid;position:absolute}.login-hero-badge svg{width:26px;height:26px}.login-hero-badge.is-whatsapp{color:#fff;background:#25d366;box-shadow:0 12px 24px -8px #25d3668c}.login-hero-badge.is-accent{background:var(--accent);color:var(--accent-ink);box-shadow:0 12px 24px -8px color-mix(in srgb, var(--accent) 60%, transparent)}.login-hero-badge.is-ink{background:var(--ink);color:#fff}.login-hero-badge[data-at=whatsapp]{top:7%;left:1%}.login-hero-badge[data-at=card]{animation-delay:-1.5s;top:62%;left:-2%}.login-hero-badge[data-at=qr]{animation-delay:-3s;top:5%;left:71%}.login-hero-badge[data-at=printer]{animation-delay:-2s;top:29%;left:89%}.login-hero-badge[data-at=coffee]{animation-delay:-4s;top:85%;left:42%}.login-hero-badge[data-at=sales]{animation-delay:-2.5s;top:79%;left:15%}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(var(--login-float,-20px))}}@media (prefers-reduced-motion:reduce){.login-card[data-enter],.login-blobs span,.login-hero-pos,.login-hero-receipt,.login-hero-badge{animation:none}}