:root{--background: #FAF7F2;--foreground: #1C1A17;--card: #FFFFFF;--card-foreground: #1C1A17;--muted: #EFEAE2;--muted-foreground: #6B6253;--primary: #B85C38;--primary-foreground: #FFF7F2;--accent: #C9A227;--accent-foreground: #1C1A17;--border: #E4DCD0;--input: #E4DCD0;--ring: #B85C38;--success: #2E7D5B;--success-foreground: #FFFFFF;--warning: #C98A12;--warning-foreground: #1C1A17;--destructive: #B3261E;--destructive-foreground: #FFFFFF;--info: #2D6CB5;--info-foreground: #FFFFFF;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 999px;--t-fast: .15s;--t-base: .22s;--t-slow: .3s;--ease-out: cubic-bezier(.22, .61, .36, 1);--font-display: "Fraunces", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-400-normal-6IfK1voy.woff2) format("woff2"),url(/assets/fraunces-latin-400-normal-NUPT2cO8.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-500-normal-DnGCNyPD.woff2) format("woff2"),url(/assets/fraunces-latin-500-normal-BTR4KCeb.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2) format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2) format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff) format("woff")}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-400-italic-ChpO6tcr.woff2) format("woff2"),url(/assets/fraunces-latin-400-italic-B7iDoVhm.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-ext-400-normal-D8gbi3Gu.woff2) format("woff2"),url(/assets/fraunces-latin-ext-400-normal-UihxqfOe.woff) format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-ext-600-normal-BtzmzP0X.woff2) format("woff2"),url(/assets/fraunces-latin-ext-600-normal-B0Dy4lqi.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff")}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.page{min-height:100dvh;display:flex;flex-direction:column}.hero{position:relative;background:linear-gradient(135deg,#b85c38,#7a3a22 55%,#3a2417);background-size:cover;background-position:center;color:#fff;padding:22px 18px;display:flex;flex-direction:column;justify-content:space-between;min-height:188px;gap:28px}.hero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,#14100c00 30%,#14100cb8)}.hero .brand,.hero .heroTitle{position:relative}.hero .brand{display:flex;align-items:center;gap:9px}.hero .brandMark{width:34px;height:34px;border-radius:9px;background:#ffffff29;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:16px;flex:none}.hero .brandName{font-size:13px;font-weight:600}.hero .brandSub{font-size:11px;opacity:.85}.hero .heroTitle .t{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.1}.hero .heroTitle .s{font-size:12.5px;opacity:.9;margin-top:3px}.content{flex:1;padding:18px;width:100%;max-width:520px;margin:0 auto}.content.tight{padding-bottom:24px}.sticky-action{position:sticky;bottom:0;left:0;right:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--background) 92%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--border)}@media (min-width: 880px){.shell{width:100%;max-width:960px;margin:32px auto;border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 30px 60px -24px #00000040;display:flex;min-height:520px;background:var(--card)}.shell .hero{flex:1;min-height:520px;padding:34px}.shell .hero .heroTitle .t{font-size:34px;line-height:1.08}.shell .hero .heroTitle .s{font-size:14px;margin-top:8px}.shell .panel{width:420px;flex:none;display:flex;flex-direction:column;background:var(--background)}.shell .panel .content{flex:1;max-width:none;padding:34px 32px}.shell .panel .sticky-action{position:static;background:transparent;backdrop-filter:none;border-top:0;padding:0 32px 28px}.shell.centered{max-width:560px;flex-direction:column;min-height:auto}.shell.centered .panel{width:100%}}.h-hero{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--foreground)}.muted{color:var(--muted-foreground)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.center{text-align:center}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg)}.row{display:flex;align-items:center}.between{justify-content:space-between}.btn-primary{height:48px;min-height:44px;border-radius:var(--r-md);background:var(--primary);color:var(--primary-foreground);font-weight:600;font-size:15px;font-family:var(--font-sans);display:flex;align-items:center;justify-content:center;gap:8px;border:none;width:100%;cursor:pointer;transition:transform var(--t-fast) var(--ease-out),opacity var(--t-fast)}.btn-primary:active{transform:scale(.96);opacity:.92}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary svg{width:18px;height:18px}.btn-primary.amber{background:var(--warning);color:var(--warning-foreground)}.btn-ghost{height:48px;min-height:44px;border-radius:var(--r-md);background:transparent;color:var(--primary);font-weight:600;font-size:14px;font-family:var(--font-sans);border:1px solid var(--border);width:100%;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-ghost.calm{color:var(--foreground)}.btn-link{background:transparent;border:none;color:var(--primary);font-weight:600;font-size:13px;font-family:var(--font-sans);cursor:pointer;padding:6px 4px;min-height:44px}.btn-link:disabled{color:var(--muted-foreground);cursor:default}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:var(--r-full);line-height:1;white-space:nowrap}.badge svg{width:12px;height:12px;flex:none}.b-pending{background:color-mix(in srgb,var(--warning) 22%,transparent);color:#9a6a08;border:1px solid color-mix(in srgb,var(--warning) 55%,transparent);font-weight:700}.b-paid{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.otp{display:flex;gap:9px;justify-content:center}.otp .cell{width:44px;height:52px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--foreground)}.otp .cell.filled{border-color:var(--primary)}.otp .cell.caret{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 22%,transparent)}.otp .cell.err{border-color:var(--destructive);color:var(--destructive)}.otp-wrap{position:relative;display:flex;justify-content:center}.otp-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;background:transparent;cursor:pointer;font-size:16px}.payln{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border);gap:12px}.payln:last-child{border-bottom:0}.payln .k{font-size:12px;color:var(--muted-foreground)}.payln .v{font-weight:700;font-size:15px}.payln .v.mono{font-family:var(--font-mono)}.copybtn{width:44px;height:44px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--primary);flex:none;cursor:pointer}.copybtn svg{width:16px;height:16px}.copybtn.ok{color:var(--success);border-color:var(--success)}.op-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:var(--r-full)}.op-mtn{background:#ffcb05;color:#1a1a1a}.op-orange{background:#f60;color:#fff}.op-neutral{background:var(--muted);color:var(--muted-foreground)}.op-badge .d{width:8px;height:8px;border-radius:99px;background:currentColor;opacity:.85}.callout{display:flex;gap:10px;align-items:flex-start;padding:13px;border-radius:var(--r-md);line-height:1.5;font-size:12.5px}.callout svg{width:18px;height:18px;flex:none;margin-top:1px}.callout.warn{background:color-mix(in srgb,var(--warning) 14%,transparent);border:1px solid color-mix(in srgb,var(--warning) 40%,transparent);color:var(--foreground)}.callout.warn svg{color:#9a6a08}.callout.warn b{color:#9a6a08}.callout.info{background:color-mix(in srgb,var(--info) 12%,transparent);border:1px solid color-mix(in srgb,var(--info) 35%,transparent);color:var(--foreground)}.callout.info svg{color:var(--info)}.steps3{display:flex;gap:0;margin:4px 0 2px}.steps3 .s{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.steps3 .s .n{width:24px;height:24px;border-radius:99px;background:var(--muted);color:var(--muted-foreground);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:2}.steps3 .s.on .n{background:var(--primary);color:var(--primary-foreground)}.steps3 .s .n svg{width:12px;height:12px}.steps3 .s .l{font-size:9.5px;color:var(--muted-foreground);text-align:center}.steps3 .s.on .l{color:var(--foreground);font-weight:600}.steps3 .s:not(:last-child):after{content:"";position:absolute;top:12px;left:60%;right:-40%;height:2px;background:var(--border);z-index:1}.offline{display:flex;gap:9px;align-items:center;padding:10px 12px;border-radius:var(--r-md);background:var(--muted);border:1px solid var(--border);font-size:12px;color:var(--muted-foreground)}.offline svg{width:16px;height:16px;flex:none}.offline-banner{position:sticky;top:0;z-index:50;display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 12px;background:var(--muted);border-bottom:1px solid var(--border);font-size:12.5px;color:var(--muted-foreground)}.offline-banner svg{width:15px;height:15px;flex:none}.secure{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted-foreground);font-size:11.5px;text-align:center}.secure svg{width:13px;height:13px;flex:none}.secure strong{color:var(--primary)}.fullstate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;gap:6px;max-width:420px;margin:0 auto}.empty-ill{width:64px;height:64px;border-radius:var(--r-full);background:var(--muted);display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);margin:0 auto 8px}.empty-ill svg{width:30px;height:30px}.empty-ill.danger{background:color-mix(in srgb,var(--destructive) 12%,transparent);color:var(--destructive)}.empty-ill.warn{background:color-mix(in srgb,var(--warning) 14%,transparent);color:#9a6a08}.skel{background:linear-gradient(90deg,var(--muted) 25%,color-mix(in srgb,var(--muted) 60%,var(--card)) 37%,var(--muted) 63%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:8px}.spinner{width:46px;height:46px;border-radius:99px;border:3px solid var(--muted);border-top-color:var(--primary);margin:0 auto;animation:spin 1s linear infinite}.statecircle{width:80px;height:80px;border-radius:99px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.statecircle.pending{width:74px;height:74px;background:color-mix(in srgb,var(--warning) 16%,transparent);color:#9a6a08}.statecircle.success{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.statecircle svg{width:36px;height:36px}.halo{position:absolute;inset:0;border-radius:999px;border:2px solid var(--accent);animation:haloPulse 1.4s var(--ease-out) .3s 1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes haloPulse{0%{transform:scale(.7);opacity:.5}70%{transform:scale(1.5);opacity:0}to{opacity:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}.anim{animation:fadeUp var(--t-slow) var(--ease-out) both}.d1{animation-delay:.05s}.d2{animation-delay:.12s}.d3{animation-delay:.2s}.d4{animation-delay:.28s}.check-draw{stroke-dasharray:30;stroke-dashoffset:30;animation:drawCheck .5s var(--ease-out) .2s forwards}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.field-label{font-size:11px;font-weight:600;color:var(--muted-foreground);display:block}.field{height:48px;width:100%;border:1px solid var(--input);border-radius:var(--r-md);padding:0 12px;margin-top:6px;font-size:14px;font-family:var(--font-mono);color:var(--foreground);background:var(--card)}.field::placeholder{color:var(--muted-foreground);opacity:.7}.field:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 18%,transparent)}.lines .line{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;padding:10px 0;border-bottom:1px solid var(--border);gap:12px}.lines .line:last-child{border-bottom:0}.lines .line .label{flex:1}.lines .line .qty{color:var(--muted-foreground);font-size:12px}.totals .trow{display:flex;justify-content:space-between;font-size:13.5px;padding:7px 0}.totals .trow.grand{border-top:1px solid var(--border);margin-top:4px;padding-top:11px;font-weight:700;font-size:15px}