@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--color-red-50:#fef2f2;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-green-50:#f0fdf4;--color-green-600:#00a544;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-900:#101828;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--default-mono-font-family:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--color-text-primary:#1b2023;--color-bg:#e4eaef}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-\[3px\]{top:3px}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-11\.5{right:calc(var(--spacing) * 11.5)}.right-\[3px\]{right:3px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-0{left:calc(var(--spacing) * 0)}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[61\]{z-index:61}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-\[5px\]{height:5px}.h-full{height:100%}.h-px{height:1px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-\[5px\]{width:5px}.w-\[85\%\]{width:85%}.w-\[90\%\]{width:90%}.w-full{width:100%}.max-w-\[160px\]{max-width:160px}.max-w-\[260px\]{max-width:260px}.max-w-\[320px\]{max-width:320px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[16px\]{min-width:16px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:24px}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:10px}.rounded-xl{border-radius:20px}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#384B16\]{border-color:#384b16}.border-border{border-color:#c4ced8}.border-border-light{border-color:#d4dce5}.border-border-subtle{border-color:#e4eaef}.border-current{border-color:currentColor}.border-danger{border-color:#c75050}.border-gray-100{border-color:var(--color-gray-100)}.border-primary{border-color:#384b16}.border-white{border-color:var(--color-white)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}.bg-\[\#384B16\]{background-color:#384b16}.bg-\[\#F5F7FA\]{background-color:#f5f7fa}.bg-bg{background-color:#e4eaef}.bg-bg-light{background-color:#f5f7fa}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-border{background-color:#c4ced8}.bg-border-subtle{background-color:#e4eaef}.bg-copper{background-color:#d18e38}.bg-copper-soft{background-color:#d18e381f}.bg-danger{background-color:#c75050}.bg-danger-light{background-color:#ffebee}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-info{background-color:#4a607a}.bg-info-light{background-color:#e3f2fd}.bg-primary{background-color:#384b16}.bg-primary-50{background-color:#f5f7f0}.bg-primary-100{background-color:#e8ede0}.bg-red-50{background-color:var(--color-red-50)}.bg-red-600{background-color:var(--color-red-600)}.bg-success{background-color:#85b085}.bg-success-light{background-color:#e8f5e9}.bg-surface{background-color:#f5f7fa}.bg-transparent{background-color:#0000}.bg-warning{background-color:#d18e38}.bg-warning-light{background-color:#fff3e0}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary{--tw-gradient-from:#384b16;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-light{--tw-gradient-to:#4a6a1d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-pre-line{white-space:pre-line}.text-\[\#1B2023\]{color:#1b2023}.text-\[\#6A7A8A\]{color:#6a7a8a}.text-\[\#384B16\]{color:#384b16}.text-border{color:#c4ced8}.text-copper{color:#d18e38}.text-danger{color:#c75050}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-info{color:#4a607a}.text-primary{color:#384b16}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-success{color:#85b085}.text-text-muted{color:#6a7a8a}.text-text-primary{color:#1b2023}.text-text-secondary{color:#3a4a5a}.text-warning{color:#d18e38}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-card{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000008);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px var(--tw-shadow-color,#00000012);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-nav{--tw-shadow:0 -4px 10px var(--tw-shadow-color,#00000005);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-primary{--tw-shadow:0 8px 16px var(--tw-shadow-color,#384b1640);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-text-muted::placeholder{color:#6a7a8a}.placeholder\:text-text-muted\/40::placeholder{color:#6a7a8a66;color:lab(50.3335% -3.28627 -10.8278/.4)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-copper:focus-within{border-color:#d18e38}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-copper\/10:focus-within{--tw-ring-color:#d18e381a}@supports (color:lab(0% 0 0)){.focus-within\:ring-copper\/10:focus-within{--tw-ring-color:lab(64.8174% 20.7376 54.3232/.1)}}@media (hover:hover){.hover\:border-primary\/50:hover{border-color:#384b1680;border-color:lab(29.3431% -14.7775 27.8969/.5)}.hover\:bg-\[\#E4EAEF\]:hover{background-color:#e4eaef}.hover\:bg-bg-light:hover{background-color:#f5f7fa}.hover\:bg-black\/50:hover{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/50:hover{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.hover\:bg-border-subtle:hover{background-color:#e4eaef}.hover\:bg-copper-mid:hover{background-color:#d18e3840}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-primary:hover{background-color:#384b16}.hover\:bg-primary-dark:hover{background-color:#2a3910}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:text-primary:hover{color:#384b16}.hover\:text-text-secondary:hover{color:#3a4a5a}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-danger:focus{border-color:#c75050}.focus\:border-primary:focus{border-color:#384b16}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-bg-light:active{background-color:#f5f7fa}.active\:bg-primary-dark:active{background-color:#2a3910}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}}:root{--loka-primary:#384b16;--loka-primary-dark:#2a3910;--loka-accent-copper:#d18e38;--loka-accent-brown:#57280d;--loka-text-primary:#1b2023;--loka-text-secondary:#3a4a5a;--loka-text-muted:#6a7a8a;--loka-bg:#e4eaef;--loka-bg-light:#f9f7f2;--loka-bg-card:#fff;--loka-bg-dark:#1b2023;--loka-border:#c4ced8;--loka-border-light:#d4dce5;--loka-success:#85b085;--loka-danger:#c75050;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--loka-bg);color:var(--loka-text-primary);overscroll-behavior:none;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-container{background:var(--loka-bg-card);flex-direction:column;width:100%;max-width:100%;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow:hidden auto}.scroll-container::-webkit-scrollbar{display:none}.scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow:auto hidden}.scroll-x::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}input,select,textarea{appearance:none;font-family:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:none}button{cursor:pointer;appearance:none;background:0 0;border:none;font-family:inherit}.touch-target{min-width:44px;min-height:44px}::selection{color:#1b2023;background:#d1dbc1}:focus-visible{outline:2px solid var(--loka-primary);outline-offset:2px}.disabled,[disabled]{cursor:not-allowed}input[disabled],select[disabled],textarea[disabled]{opacity:.5;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rotate-hint{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.animate-fadeIn{animation:.3s ease-out fadeIn}.animate-slideUp{animation:.4s ease-out slideUp}.chip{white-space:nowrap;cursor:pointer;border-radius:100px;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip-sm{padding:3px 10px;font-size:12px}.chip-primary{background:var(--loka-primary);color:#fff}.chip-secondary{color:var(--loka-primary);background:#384b1614}.chip-outline{color:var(--loka-primary);border:1.5px solid var(--loka-primary);background:0 0}.chip-ghost{color:var(--loka-primary);background:#384b160f}.chip-copper{color:#fff;background:#d18e38}.chip-dark{background:var(--loka-bg-dark);color:#fff}.chip-green{color:#0f5132;background:#d1e7dd}.chip-blue{color:#084298;background:#cfe2ff}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--loka-primary);color:#fff}.btn-copper{background:var(--loka-accent-copper);color:#fff}.btn-secondary{color:var(--loka-primary);background:#384b1614}.btn-outline{color:var(--loka-primary);border:1.5px solid var(--loka-primary);background:0 0}.btn-ghost{color:var(--loka-text-muted);background:0 0}.btn-pill{border-radius:100px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:#0f5132;background:#d1e7dd}.badge-amber{color:#664d03;background:#fff3cd}.badge-red{color:#842029;background:#f8d7da}.badge-dark{background:var(--loka-bg-dark);color:#fff}.skeleton{background:linear-gradient(90deg,#e8ecef 25%,#f0f2f4 50%,#e8ecef 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite skeleton-loading}.overlay{z-index:100;position:fixed;inset:0}.overlay-backdrop{background:#00000080;position:absolute;inset:0}.section-title{color:var(--loka-text-primary);font-size:18px;font-weight:700}.section-title-sm{font-size:16px;font-weight:600}.section-subtitle{color:var(--loka-text-muted);margin-top:2px;font-size:14px}.link{color:var(--loka-primary);font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.divider{background:var(--loka-border-light);height:1px;margin:0 20px}.splash-page{z-index:100;background:var(--loka-bg-dark);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-icon{margin-bottom:16px;font-size:64px;line-height:1;animation:3s ease-in-out infinite float}.splash-title{letter-spacing:10px;color:#f5f0e8;text-align:center;font-family:Playfair Display,Georgia,serif;font-size:42px;font-weight:700}.splash-tagline{letter-spacing:3px;color:#8a9199;text-transform:uppercase;margin-top:8px;font-size:13px;font-weight:400}.splash-loading{color:#6a7a8a;letter-spacing:1px;align-items:center;gap:8px;margin-top:32px;font-size:12px;display:flex}.splash-spinner{border:2px solid #ffffff1f;border-top-color:var(--loka-primary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.auth-page{min-height:100dvh;padding:20px;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));background:var(--loka-bg-light);flex-direction:column;display:flex}.back-btn{width:40px;height:40px;color:var(--loka-text-primary);background:#384b160f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.back-btn svg{width:20px;height:20px}.auth-heading{color:var(--loka-text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.auth-subheading{color:var(--loka-text-muted);margin-bottom:28px;font-size:15px}.auth-label{color:var(--loka-text-secondary);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.auth-btn{background:var(--loka-primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;height:52px;margin-top:auto;font-size:16px;font-weight:600;transition:transform .15s;display:flex}.auth-btn:active{transform:scale(.97)}.auth-btn:disabled{opacity:.4}.auth-btn-secondary{border:1.6px solid var(--loka-border);width:100%;height:52px;color:var(--loka-text-secondary);background:0 0;border-radius:16px;justify-content:center;align-items:center;margin-top:12px;font-size:16px;font-weight:500;transition:transform .15s;display:flex}.auth-btn-secondary:active{transform:scale(.97)}.phone-wrapper{border:1.6px solid var(--loka-border);background:var(--loka-bg-card);border-radius:16px;align-items:center;gap:12px;height:56px;padding:0 18px;display:flex}.phone-prefix{color:var(--loka-text-primary);white-space:nowrap;font-size:16px;font-weight:600}.phone-divider{background:var(--loka-border);width:1px;height:24px}.phone-input{color:var(--loka-text-primary);background:0 0;border:none;flex:1;padding:0;font-size:17px;font-weight:500}.phone-hint{color:var(--loka-text-muted);margin-top:8px;padding-left:2px;font-size:13px}.auth-legal{text-align:center;color:var(--loka-text-muted);margin-bottom:16px;font-size:13px;line-height:1.6}.auth-legal-link{color:var(--loka-primary);cursor:pointer;font-weight:600}.otp-grid{justify-content:center;gap:10px;margin:20px 0;display:flex}.otp-box{border:1.5px solid var(--loka-border);background:var(--loka-bg-card);text-align:center;width:46px;height:56px;color:var(--loka-text-primary);caret-color:var(--loka-primary);border-radius:14px;font-size:22px;font-weight:600;transition:border-color .2s,box-shadow .2s}.otp-box:focus{border-color:var(--loka-primary);box-shadow:0 0 0 3px #384b1626}.otp-box.filled{border-color:var(--loka-accent-copper);background:#fffcf7}.otp-status{text-align:center;margin-top:16px;font-size:14px}.otp-resend{text-align:center;color:var(--loka-text-muted);margin-top:16px;font-size:14px}.input-field{border:1.6px solid var(--loka-border);background:var(--loka-bg-card);width:100%;height:56px;color:var(--loka-text-primary);border-radius:16px;padding:0 18px;font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--loka-primary);box-shadow:0 0 0 3px #384b161a}.terms-content{color:var(--loka-text-secondary);font-size:14px;line-height:1.7}.terms-content h3{color:var(--loka-text-primary);margin:20px 0 8px;font-size:15px;font-weight:700}.terms-content p{margin-bottom:12px}.terms-content ul{margin-bottom:12px;margin-left:18px}.terms-content li{margin-bottom:4px}.auth-loading-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#1b202399;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-loading-box{text-align:center;background:#fff;border-radius:20px;width:180px;padding:32px 24px;box-shadow:0 20px 60px #0003}.auth-loading-box .spinner{border:3px solid #e8ecef;border-top-color:var(--loka-primary);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}.auth-loading-box p{color:var(--loka-text-primary);font-size:15px;font-weight:600}.status-bar{color:var(--loka-text-primary);background:var(--loka-bg-light);border-bottom:1px solid #e8e5df;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;font-size:11px;font-weight:500;display:flex}.home-header{padding:max(14px, env(safe-area-inset-top,0px)) 20px 12px;background:var(--loka-bg-light);border-bottom:1px solid #e8e5df;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.greeting-text{text-transform:uppercase;letter-spacing:.1em;color:var(--loka-text-muted);font-size:10px;font-weight:500}.user-name{color:var(--loka-accent-copper);letter-spacing:-.3px;font-family:Playfair Display,serif;font-size:24px;font-weight:700}.header-icons{gap:12px;display:flex}.icon-btn{width:40px;height:40px;color:var(--loka-text-primary);cursor:pointer;background:#ffffffd9;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:20px;transition:transform .1s,background .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.icon-btn:active{background:#fff;transform:scale(.95)}.notif-dot{background:#c75050;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.home-scroll{flex-direction:column;flex:1;gap:20px;padding:20px 16px 12px;display:flex;overflow-y:auto}.wallet-card{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f2e0b 0%,#384b16 100%);border-radius:28px;flex-shrink:0;padding:20px;position:relative;overflow:hidden;box-shadow:0 20px 36px -12px #1f2e0b59,0 8px 16px -6px #1f2e0b33}.wallet-card:before{content:"";filter:blur(40px);background:#ffffff0d;border-radius:50%;width:140px;height:140px;position:absolute;top:-30px;right:-30px}.wallet-card>*{z-index:1;position:relative}.wallet-row{justify-content:space-between;align-items:center;display:flex}.balance-label{letter-spacing:.1em;text-transform:uppercase;opacity:.85;align-items:center;gap:6px;font-size:10px;display:flex}.topup-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:40px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.topup-btn:hover{background:#ffffff47}.amount{letter-spacing:-1px;margin-top:10px;font-size:40px;font-weight:800;line-height:1}.points-badge{-webkit-backdrop-filter:blur(8px);background:#d18e3859;border:1px solid #d18e3873;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.wallet-chip-row{gap:12px;margin-top:18px;display:flex}.wallet-chip{-webkit-backdrop-filter:blur(4px);cursor:pointer;color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:40px;align-items:center;gap:6px;padding:10px 18px;font-size:11px;font-weight:600;transition:background .2s;display:flex}.wallet-chip:hover{background:#fff3}.carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;gap:16px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel-dots{flex-shrink:0;justify-content:center;gap:6px;margin-top:10px;display:flex}.dot{background:var(--loka-border-light);cursor:pointer;border:none;border-radius:10px;width:8px;height:8px;padding:0;transition:all .3s}.dot.active{background:var(--loka-primary);width:24px}.info-card{scroll-snap-align:start;background-color:#d4c9a8;border-radius:24px;flex:0 0 100%;height:210px;position:relative;overflow:hidden}.info-card .card-bg-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.info-card:before{content:"";z-index:1;background:linear-gradient(135deg,#00000040 0%,#0000008c 100%);position:absolute;inset:0}.info-content{z-index:2;color:#fff;flex-direction:column;justify-content:flex-end;height:100%;padding:20px;display:flex;position:relative}.info-badge{background:var(--loka-accent-copper);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;width:fit-content;margin-bottom:12px;padding:4px 12px;font-size:10px;font-weight:700}.info-title{font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1.2}.info-desc{opacity:.9;margin-top:6px;font-size:13px}.info-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:0 0;border:1.5px solid #fff;border-radius:40px;width:fit-content;margin-top:14px;padding:8px 20px;font-size:12px;font-weight:600;transition:background .2s}.info-btn:hover{background:#ffffff26}.promo-card{scroll-snap-align:start;background-color:#2a3910;border-radius:24px;flex:0 0 100%;height:180px;position:relative;overflow:hidden}.promo-card .card-bg-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.promo-card:before{content:"";z-index:1;background:linear-gradient(#00000026 0%,#0009 100%);position:absolute;inset:0}.promo-content{z-index:2;color:#fff;flex-direction:column;justify-content:flex-end;height:100%;padding:20px;display:flex;position:relative}.promo-title{text-shadow:0 2px 6px #0000004d;font-size:17px;font-weight:700;line-height:1.3}.promo-sub{opacity:.9;margin-top:4px;font-size:12px}.promo-btn{color:var(--loka-primary);cursor:pointer;background:#fff;border:none;border-radius:40px;width:fit-content;margin-top:12px;padding:8px 20px;font-size:12px;font-weight:600;transition:transform .1s;box-shadow:0 4px 12px #00000026}.promo-btn:active{transform:scale(.97)}.home-section-title{color:var(--loka-text-primary);margin-bottom:12px;font-family:Playfair Display,serif;font-size:18px;font-weight:700}.product-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.product-scroll::-webkit-scrollbar{display:none}.product-card{cursor:pointer;background:#fff;border-radius:20px;flex-shrink:0;width:148px;transition:transform .15s;overflow:hidden;box-shadow:0 8px 20px -6px #00000014}.product-card:active{transform:scale(.97)}.product-img{background-color:#f3eee5;height:110px;position:relative;overflow:hidden}.product-img .card-bg-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.product-info{padding:12px}.product-name{color:var(--loka-text-primary);font-size:14px;font-weight:700}.product-price{color:var(--loka-text-muted);margin:4px 0 10px;font-size:12px}.add-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;justify-content:center;align-items:center;gap:4px;width:100%;padding:10px;font-size:11px;font-weight:600;transition:background .15s,transform .1s;display:flex}.add-btn:hover{background:var(--loka-primary-dark)}.add-btn:active{transform:scale(.97)}.bottom-nav{-webkit-backdrop-filter:blur(12px);padding:10px 8px calc(10px + var(--safe-bottom));background:#ffffffe6;border-top:1px solid #e8e5df;flex-shrink:0;justify-content:space-around;display:flex;box-shadow:0 -4px 16px #0000000a}.nav-item{color:#8a9aaa;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:10px;transition:color .2s;display:flex}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--loka-primary);font-weight:600}.install-banner{z-index:200;-webkit-backdrop-filter:blur(12px);color:#fff;opacity:0;pointer-events:none;background:#1b2023eb;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:14px;width:calc(100% - 32px);max-width:360px;padding:14px 20px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 16px 32px #0000004d}.install-banner.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.install-icon{background:var(--loka-accent-copper);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.install-text{flex:1}.install-title{font-size:14px;font-weight:600}.install-sub{opacity:.75;margin-top:2px;font-size:11px}.install-btn{color:var(--loka-primary);cursor:pointer;background:#fff;border:none;border-radius:40px;flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:700}.dismiss-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px}.qr-screen{z-index:150;background:#1b2023;flex-direction:column;display:flex;position:fixed;inset:0}.qr-header{color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.qr-title{letter-spacing:-.3px;font-size:20px;font-weight:700}.qr-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:26px;transition:background .2s;display:flex}.qr-close-btn:hover{background:#ffffff1a}.scanner-area{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.viewfinder{width:250px;height:250px;position:relative}.viewfinder:before{content:"";z-index:1;border-radius:24px;position:absolute;inset:-3px;box-shadow:0 0 0 2000px #0009}.border-frame{border:3px solid var(--loka-accent-copper);z-index:2;border-radius:24px;position:absolute;inset:0;box-shadow:0 0 20px #d18e384d}.corner{border-color:var(--loka-accent-copper);z-index:3;border-style:solid;width:28px;height:28px;position:absolute}.corner-tl{border-width:4px 0 0 4px;border-radius:4px 0 0;top:-3px;left:-3px}.corner-tr{border-width:4px 4px 0 0;border-radius:0 4px 0 0;top:-3px;right:-3px}.corner-bl{border-width:0 0 4px 4px;border-radius:0 0 0 4px;bottom:-3px;left:-3px}.corner-br{border-width:0 4px 4px 0;border-radius:0 0 4px;bottom:-3px;right:-3px}.qr-hint{text-align:center;color:#fffc;letter-spacing:.2px;font-size:15px;font-weight:500;position:absolute;bottom:80px;left:0;right:0}.notif-screen{background:var(--loka-bg-light);flex-direction:column;min-height:100%;display:flex}.notif-header{border-bottom:1px solid var(--loka-border-light);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-title{color:var(--loka-text-primary);letter-spacing:-.3px;font-size:20px;font-weight:700}.notif-close-btn{color:var(--loka-text-primary);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background .2s;display:flex}.notif-close-btn:hover{background:#00000008}.notif-content{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.notif-empty{text-align:center;max-width:280px}.notif-empty-icon{color:var(--loka-border-light);margin-bottom:20px;font-size:64px}.notif-empty-title{color:var(--loka-text-primary);margin-bottom:8px;font-size:19px;font-weight:600}.notif-empty-desc{color:var(--loka-text-muted);font-size:14px;line-height:1.5}.notif-list{flex-direction:column;flex:1;gap:12px;padding:16px 20px 20px;display:flex;overflow-y:auto}.notif-card{border:1px solid var(--loka-border-light);cursor:pointer;background:#fff;border-radius:20px;align-items:flex-start;gap:14px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.notif-card:active{transform:scale(.98);box-shadow:0 4px 12px #0000000a}.notif-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.notif-icon-order{background:var(--loka-primary)}.notif-icon-reward{background:var(--loka-accent-copper)}.notif-icon-event{background:var(--loka-accent-brown)}.notif-icon-info{background:var(--loka-text-muted)}.notif-body{flex:1;min-width:0}.notif-heading{color:var(--loka-text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.notif-desc{color:var(--loka-text-secondary);margin-bottom:4px;font-size:13px;line-height:1.4}.notif-time{color:var(--loka-text-muted);margin-top:4px;font-size:11px}.notif-unread-dot{background:#c75050;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.menu-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex;overflow:hidden}.menu-header{background:var(--loka-bg-card);border-bottom:1px solid var(--loka-border-light);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 2px 8px #00000005}.menu-header-left{align-items:center;gap:12px;display:flex}.menu-back-btn{color:var(--loka-text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .2s;display:flex}.menu-back-btn:active{background:#0000000a}.menu-title{color:var(--loka-text-primary);letter-spacing:-.3px;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.menu-search-btn{color:var(--loka-text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .2s;display:flex}.menu-search-btn:active{background:#0000000a}.category-bar{scrollbar-width:none;background:var(--loka-bg-light);flex-shrink:0;gap:6px;padding:12px 20px;display:flex;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.cat-tab{cursor:pointer;border:1px solid var(--loka-border-light);background:var(--loka-bg-card);color:var(--loka-text-secondary);white-space:nowrap;border-radius:40px;flex-shrink:0;padding:8px 18px;font-size:13px;font-weight:500;transition:all .22s}.cat-tab.active{background:var(--loka-primary);color:#fff;border-color:var(--loka-primary);font-weight:600;box-shadow:0 4px 12px #384b1633}.cat-tab:active{transform:scale(.96)}.menu-product-list{flex-direction:column;flex:1;gap:12px;padding:8px 20px 20px;display:flex;overflow-y:auto}.menu-product-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);cursor:pointer;border-radius:20px;height:140px;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.menu-product-card:active{transform:scale(.985);box-shadow:0 6px 16px #0000000f}.menu-product-img{background-color:#f3eee5;background-position:50%;background-size:cover;flex-shrink:0;width:140px;position:relative}.menu-img-badge{-webkit-backdrop-filter:blur(4px);color:#fff;letter-spacing:.3px;white-space:nowrap;background:#000000a6;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:flex;position:absolute;top:10px;left:10px}.badge-pop{color:#fff!important;background:#c62828!important}.badge-veg{color:#fff!important;background:#2e7d32!important}.badge-vgn{color:#fff!important;background:#1b5e20!important}.badge-gf{color:#fff!important;background:#e65100!important}.menu-product-info{flex-direction:column;flex:1;justify-content:space-between;padding:12px 16px;display:flex}.menu-product-name{color:var(--loka-text-primary);margin-bottom:2px;font-size:15px;font-weight:700}.menu-product-desc{color:var(--loka-text-muted);margin-bottom:6px;font-size:12px;line-height:1.4}.menu-product-bottom{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.menu-product-price{color:var(--loka-primary);font-size:15px;font-weight:700}.menu-add-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:5px;padding:8px 18px;font-size:12px;font-weight:600;transition:background .2s,transform .1s;display:flex}.menu-add-btn:active{background:var(--loka-primary-dark);transform:scale(.95)}.rewards-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex;overflow:hidden}.rewards-header{background:var(--loka-bg-card);border-bottom:1px solid var(--loka-border-light);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;box-shadow:0 2px 8px #00000005}.rewards-header-left{align-items:center;gap:10px;display:flex}.rewards-back-btn{color:var(--loka-text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .2s;display:flex}.rewards-back-btn:active{background:#0000000a}.rewards-page-title{color:var(--loka-text-primary);letter-spacing:-.3px;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.rewards-points-badge{color:#fff;background:linear-gradient(135deg,#1f2e0b 0%,#384b16 100%);border-radius:40px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;display:flex}.rewards-tab-bar{background:var(--loka-bg-light);flex-shrink:0;gap:8px;padding:12px 20px;display:flex}.rewards-tab{text-align:center;cursor:pointer;border:1px solid var(--loka-border-light);background:var(--loka-bg-card);color:var(--loka-text-secondary);white-space:nowrap;border-radius:40px;flex:1;padding:10px 0;font-size:13px;font-weight:600;transition:all .22s}.rewards-tab.active{background:var(--loka-primary);color:#fff;border-color:var(--loka-primary);box-shadow:0 4px 12px #384b1633}.rewards-tab:active{transform:scale(.96)}.rewards-card-list{flex-direction:column;flex:1;gap:10px;padding:8px 20px 16px;display:flex;overflow-y:auto}.rewards-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--loka-text-muted);align-items:center;gap:8px;padding:10px 4px 2px;font-size:10px;font-weight:600;display:flex}.rewards-section-label:after{content:"";background:var(--loka-border-light);flex:1;height:1px}.rewards-section-label:first-child{padding-top:2px}.rewards-list-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);cursor:pointer;border-radius:20px;min-height:110px;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.rewards-list-card:active{transform:scale(.985);box-shadow:0 6px 16px #0000000f}.rewards-card-thumb{background-color:#f3eee5;background-position:50%;background-size:cover;flex-shrink:0;width:110px;position:relative}.rewards-thumb-badge{letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.rewards-badge-points{color:#fff;background:#d18e38e6}.rewards-badge-source{color:#fff;background:#384b16d9}.rewards-card-body{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:14px 16px;display:flex}.rewards-card-title{color:var(--loka-text-primary);margin-bottom:3px;font-size:15px;font-weight:700}.rewards-card-desc{color:var(--loka-text-muted);margin-bottom:6px;font-size:12px;line-height:1.4}.rewards-card-meta{color:var(--loka-text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.rewards-card-arrow{color:var(--loka-border);flex-shrink:0;align-items:center;padding-right:14px;display:flex}.info-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.info-header{border-bottom:1px solid var(--loka-border-light);background:#fff;flex-shrink:0;align-items:center;padding:14px 20px;display:flex}.info-header .info-back-btn{color:var(--loka-text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;font-size:20px;display:flex}.info-header .info-back-btn:active{background:#0000000a}.info-header .info-page-title{color:var(--loka-text-primary);font-family:Playfair Display,serif;font-size:22px;font-weight:700}.info-card-list{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.info-exp-card{border:1px solid var(--loka-border-light);cursor:pointer;background:#fff;border-radius:20px;min-height:120px;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.info-exp-card:active{transform:scale(.985);box-shadow:0 6px 16px #0000000f}.info-card-thumb{background-color:#f3eee5;background-position:50%;background-size:cover;flex-shrink:0;width:110px;position:relative}.info-thumb-badge{color:#fff;letter-spacing:.04em;white-space:nowrap;background:#000000a6;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;top:8px;left:8px}.info-card-body{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:14px 16px;display:flex}.info-card-title{color:var(--loka-text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.info-card-desc{color:var(--loka-text-muted);font-size:12px;line-height:1.4}.info-card-arrow{color:var(--loka-border);flex-shrink:0;align-items:center;padding-right:14px;display:flex}.info-detail-hero{aspect-ratio:16/9;background-color:#d4c9a8;flex-shrink:0;width:100%;position:relative;overflow:hidden}.info-detail-hero-img{background-position:50%;background-size:cover;position:absolute;inset:0}.info-detail-hero-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#00000040 100%);position:absolute;inset:0}.info-detail-back-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#1a3e2f;cursor:pointer;z-index:5;background:#ffffffe6;border:1px solid #e6d7c880;border-radius:30px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 6px 12px #0000000f}.info-detail-tag{background:var(--loka-copper);color:#fff;text-transform:uppercase;z-index:2;border-radius:40px;align-items:center;gap:6px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute;bottom:16px;left:16px}.info-detail-content{flex:1;padding:20px 18px 16px;overflow-y:auto}.info-detail-title{color:#1a2e2a;margin-bottom:8px;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;line-height:1.15}.info-detail-meta{color:#5f6c7a;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:18px;font-size:.9rem;display:flex}.info-detail-meta svg{color:var(--loka-copper);flex-shrink:0;margin-right:4px}.info-detail-desc{color:#36454b;margin-bottom:20px;font-size:.95rem;line-height:1.6}.info-steps-block{background:#faf7f4;border-radius:20px;margin:20px 0;padding:18px}.info-steps-block h3{color:#1b2023;align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;font-weight:600;display:flex}.info-step-item{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.info-step-number{background:var(--loka-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.info-step-text{color:#3a4a5a;font-size:.9rem;line-height:1.5}.info-action-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:60px;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:16px 20px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 8px 16px #384b1626}.info-action-btn:active{background:var(--loka-primary-dark)}.sub-page-header{background:var(--loka-bg-card);border-bottom:1px solid var(--loka-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.sub-header-left{align-items:center;gap:10px;display:flex}.sub-back-btn{color:var(--loka-text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.sub-back-btn:active{background:#0000000a}.sub-page-title{color:var(--loka-text-primary);font-family:Playfair Display,serif;font-size:22px;font-weight:700}.sub-header-action{color:var(--loka-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sub-header-action:active{background:#384b160d}.profile-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.profile-scroll{flex-direction:column;flex:1;gap:16px;padding:20px 20px 16px;display:flex;overflow-y:auto}.profile-user-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:24px;align-items:center;gap:16px;padding:20px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#1f2e0b 0%,#384b16 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:flex}.profile-user-info{flex:1}.profile-user-name{color:var(--loka-text-primary);font-family:Playfair Display,serif;font-size:20px;font-weight:700}.profile-user-phone{color:var(--loka-text-muted);margin-top:2px;font-size:14px}.profile-points-row{color:#fff;background:linear-gradient(135deg,#1f2e0b 0%,#384b16 100%);border-radius:40px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.profile-section-title{color:var(--loka-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:600}.profile-preview-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;padding:16px}.profile-order-item{border-bottom:1px solid var(--loka-border-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.profile-order-item:last-child{border-bottom:none}.profile-order-info{flex:1}.profile-order-name{color:var(--loka-text-primary);font-size:14px;font-weight:600}.profile-order-date{color:var(--loka-text-muted);font-size:12px}.profile-order-status{color:#1a4e3a;background:#e6f0e8;border-radius:20px;flex-shrink:0;margin-left:8px;padding:4px 10px;font-size:11px;font-weight:600}.profile-view-all{text-align:right;color:var(--loka-primary);cursor:pointer;background:0 0;border:none;width:100%;margin-top:8px;font-size:12px;font-weight:600}.profile-menu-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;padding:4px 0}.profile-menu-item{cursor:pointer;border-bottom:1px solid var(--loka-border-light);text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;width:100%;padding:16px 20px;display:flex}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:active{background:#00000005}.profile-menu-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:14px;font-size:18px;display:flex}.profile-icon-reward{color:var(--loka-accent-copper);background:#fdf3e7}.profile-icon-voucher{color:var(--loka-primary);background:#e6f0e8}.profile-icon-order{color:#4a607a;background:#edf0f5}.profile-icon-payment{color:var(--loka-accent-brown);background:#f5ede4}.profile-icon-settings{color:#3a4a5a;background:#f0f0f0}.profile-icon-help{color:#4a607a;background:#eaf2f8}.profile-icon-logout{color:var(--loka-danger);background:#fdedec}.profile-menu-label{color:var(--loka-text-primary);flex:1;font-size:15px;font-weight:600}.profile-menu-label-red{color:var(--loka-danger)!important}.profile-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-modal-overlay.show{opacity:1;pointer-events:auto}.profile-modal-box{text-align:center;background:#fff;border-radius:24px;width:85%;padding:24px;box-shadow:0 20px 40px #00000026}.profile-modal-box h3{color:var(--loka-text-primary);margin-bottom:12px;font-family:Playfair Display,serif;font-size:20px}.profile-modal-box p{color:var(--loka-text-secondary);margin-bottom:24px;font-size:14px}.profile-modal-btns{gap:12px;display:flex}.profile-modal-btn{cursor:pointer;border:none;border-radius:40px;flex:1;padding:14px;font-size:14px;font-weight:600}.profile-modal-btn-cancel{color:#3a4a5a;background:#f0f0f0}.profile-modal-btn-confirm{background:var(--loka-danger);color:#fff}.edit-profile-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.edit-form-scroll{flex-direction:column;flex:1;gap:20px;padding:24px 20px 16px;display:flex;overflow-y:auto}.edit-input-group{flex-direction:column;gap:6px;display:flex}.edit-input-label{color:var(--loka-text-primary);letter-spacing:.4px;text-transform:uppercase;font-size:13px;font-weight:600}.edit-input-field{border:1.5px solid var(--loka-border);color:var(--loka-text-primary);background:#fff;border-radius:16px;outline:none;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s}.edit-input-field:focus{border-color:var(--loka-primary);box-shadow:0 0 0 3px #384b1614}textarea.edit-input-field{resize:vertical;min-height:90px}.edit-save-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:8px;padding:16px;font-size:15px;font-weight:600;transition:background .2s,transform .1s;box-shadow:0 4px 12px #384b1626}.edit-save-btn:active{background:var(--loka-primary-dark);transform:scale(.98)}.edit-success-msg{text-align:center;color:#85b085;margin-top:12px;font-weight:600}.myrv-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.myrv-tab-bar{background:var(--loka-bg-light);flex-shrink:0;gap:8px;padding:12px 20px;display:flex}.myrv-tab{text-align:center;cursor:pointer;border:1px solid var(--loka-border-light);background:var(--loka-bg-card);color:var(--loka-text-secondary);border-radius:40px;flex:1;padding:10px 0;font-size:13px;font-weight:600;transition:all .22s}.myrv-tab.active{background:var(--loka-primary);color:#fff;border-color:var(--loka-primary)}.myrv-owned-list{flex-direction:column;flex:1;gap:12px;padding:8px 20px 16px;display:flex;overflow-y:auto}.myrv-owned-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);cursor:pointer;border-radius:20px;align-items:center;gap:14px;padding:16px;transition:transform .15s;display:flex}.myrv-owned-card:active{transform:scale(.985)}.myrv-item-thumb{background-color:#f3eee5;background-position:50%;background-size:cover;border-radius:14px;flex-shrink:0;width:60px;height:60px}.myrv-item-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.myrv-icon-reward{background:var(--loka-accent-copper)}.myrv-icon-voucher{background:var(--loka-primary)}.myrv-item-body{flex:1;min-width:0}.myrv-item-title{color:var(--loka-text-primary);font-size:15px;font-weight:700}.myrv-item-desc{color:var(--loka-text-muted);margin-top:2px;font-size:12px}.myrv-item-code{color:var(--loka-primary-dark);margin-top:4px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;font-weight:600}.myrv-item-expiry{color:var(--loka-text-muted);margin-top:2px;font-size:11px}.payment-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.payment-content-scroll{flex-direction:column;flex:1;gap:16px;padding:20px 20px 16px;display:flex;overflow-y:auto}.payment-wallet-card{color:#fff;background:linear-gradient(135deg,#1f2e0b 0%,#384b16 100%);border-radius:24px;padding:20px;position:relative;overflow:hidden;box-shadow:0 16px 28px -8px #1f2e0b4d}.payment-wallet-card:before{content:"";filter:blur(40px);background:#ffffff0d;border-radius:50%;width:140px;height:140px;position:absolute;top:-30px;right:-30px}.payment-wallet-card>*{z-index:1;position:relative}.payment-wallet-row{justify-content:space-between;align-items:center;display:flex}.payment-wallet-label{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:11px}.payment-wallet-topup-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:40px;padding:6px 14px;font-size:12px;font-weight:600}.payment-wallet-amount{letter-spacing:-.5px;margin-top:8px;font-size:32px;font-weight:800}.payment-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--loka-text-muted);font-size:13px;font-weight:600}.payment-card-item{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.payment-card-brand{color:var(--loka-primary-dark);flex-shrink:0;font-size:28px}.payment-card-details{flex:1}.payment-card-number{color:var(--loka-text-primary);font-size:15px;font-weight:600}.payment-card-expiry{color:var(--loka-text-muted);font-size:13px}.payment-remove-btn{color:var(--loka-danger);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px;font-size:18px}.payment-remove-btn:active{background:#c750501a}.payment-add-btn{background:var(--loka-bg-card);border:2px dashed var(--loka-border-light);color:var(--loka-primary);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;padding:20px;font-size:15px;font-weight:600;display:flex}.payment-add-btn:active{background:#384b160a}.settings-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.settings-content-scroll{flex-direction:column;flex:1;gap:16px;padding:20px 20px 16px;display:flex;overflow-y:auto}.settings-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--loka-text-muted);margin-bottom:4px;font-size:13px;font-weight:600}.settings-menu-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;padding:4px 0}.settings-menu-item{cursor:pointer;border-bottom:1px solid var(--loka-border-light);text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;width:100%;padding:16px 20px;display:flex}.settings-menu-item:last-child{border-bottom:none}.settings-menu-item:active{background:#00000005}.settings-menu-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:14px;font-size:18px;display:flex}.settings-icon-terms{color:var(--loka-primary);background:#e6f0e8}.settings-icon-privacy{color:var(--loka-accent-copper);background:#fdf3e7}.settings-menu-label{color:var(--loka-text-primary);flex:1;font-size:15px;font-weight:600}.settings-menu-arrow{color:var(--loka-border);font-size:14px}.settings-app-info{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);text-align:center;color:var(--loka-text-secondary);border-radius:20px;padding:16px;font-size:14px}.settings-version{margin-bottom:4px;font-weight:600}.settings-love{color:var(--loka-text-muted);font-size:12px}.support-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.support-form-scroll{flex-direction:column;flex:1;gap:16px;padding:24px 20px 16px;display:flex;overflow-y:auto}.support-input-group{flex-direction:column;gap:6px;display:flex}.support-input-label{color:var(--loka-text-primary);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:600}.support-input-field{border:1.5px solid var(--loka-border);color:var(--loka-text-primary);background:#fff;border-radius:16px;outline:none;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:15px}.support-input-field:focus{border-color:var(--loka-primary);box-shadow:0 0 0 3px #384b1614}textarea.support-input-field{resize:vertical;min-height:120px}.support-submit-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;width:100%;margin-top:8px;padding:16px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #384b1626}.support-submit-btn:active{background:var(--loka-primary-dark);transform:scale(.98)}.support-success-msg{text-align:center;color:#85b085;margin-top:12px;font-weight:600}.legal-screen{background:#fff;flex-direction:column;height:100%;display:flex}.legal-header{border-bottom:1px solid var(--loka-border-light);background:#fff;flex-shrink:0;align-items:center;padding:14px 20px;display:flex}.legal-back-btn{color:var(--loka-text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;font-size:20px;display:flex}.legal-back-btn:active{background:#0000000a}.legal-page-title{color:var(--loka-text-primary);font-family:Playfair Display,serif;font-size:22px;font-weight:700}.legal-content{flex:1;padding:20px 18px 32px;overflow-y:auto}.legal-body{color:#36454b;white-space:pre-wrap;font-size:.95rem;line-height:1.7}.legal-body h1,.legal-body h2,.legal-body h3{color:var(--loka-text-primary);margin:24px 0 12px;font-weight:700}.legal-body h1{font-size:1.3rem}.legal-body h2{font-size:1.15rem}.legal-body h3{font-size:1.05rem}.legal-body p{margin-bottom:12px}.legal-body ul{margin-bottom:16px;padding-left:20px;list-style:outside}.legal-body li{margin-bottom:8px}.legal-last-updated{color:var(--loka-text-muted);border-top:1px solid var(--loka-border-light);margin-top:32px;padding-top:16px;font-size:.8rem}.rd-hero{aspect-ratio:16/9;background-color:#d4c9a8;flex-shrink:0;width:100%;position:relative;overflow:hidden}.rd-hero-img{background-position:50%;background-size:cover;position:absolute;inset:0}.rd-hero-overlay{background:linear-gradient(#0000 50%,#0003 100%);position:absolute;inset:0}.rd-back-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#1a3e2f;cursor:pointer;z-index:5;background:#ffffffe6;border:1px solid #e6d7c880;border-radius:30px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 6px 12px #0000000f}.rd-hero-tag{text-transform:uppercase;z-index:2;color:#fff;border-radius:40px;align-items:center;gap:6px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute;bottom:16px;left:16px}.rd-tag-copper{background:var(--loka-copper)}.rd-tag-primary{background:var(--loka-primary)}.rd-tag-teal{background:#2a6d5e}.rd-content{flex:1;padding:20px 18px 16px;overflow-y:auto}.rd-title{color:#1a2e2a;margin-bottom:8px;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;line-height:1.15}.rd-meta{color:#5f6c7a;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;font-size:.9rem;display:flex}.rd-meta i,.rd-meta svg{color:var(--loka-copper);flex-shrink:0;margin-right:5px}.rd-meta-pill{border-radius:30px;padding:4px 12px;font-size:.85rem;font-weight:600}.rd-pill-copper{color:#b86e2c;background:#fdf3e7}.rd-pill-brown{color:#b6572a;background:#f6ede4}.rd-pill-green{color:#1a4e3a;background:#e6f0e8}.rd-desc{color:#36454b;margin-bottom:20px;font-size:.95rem;line-height:1.6}.rd-section-title{color:#1f3d33;align-items:center;gap:8px;margin:18px 0 12px;font-size:1.1rem;font-weight:650;display:flex}.rd-terms-list{margin-bottom:20px;padding:0;list-style:none}.rd-terms-list li{color:var(--loka-text-secondary);border-bottom:1px solid #f0eae4;align-items:flex-start;gap:10px;padding:10px 0;font-size:.9rem;display:flex}.rd-terms-list li svg{color:var(--loka-copper);flex-shrink:0;margin-top:2px}.rd-action-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:60px;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:16px 20px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 8px 16px #384b1626}.rd-action-btn:active{background:var(--loka-primary-dark)}.rd-action-btn:disabled{color:#6a7a8a;pointer-events:none;box-shadow:none;background:#c4ced8}.rd-action-btn-outline{color:var(--loka-primary);border:1.5px solid var(--loka-primary);box-shadow:none;background:0 0}.rd-points-note{text-align:center;color:var(--loka-text-muted);margin-top:8px;font-size:.8rem}.rd-remaining-badge{color:#c75050;text-align:center;margin-top:8px;font-size:.8rem}.rd-success-state{text-align:center;padding:20px}.rd-success-state svg{color:#85b085;margin-bottom:12px;font-size:48px}.rd-success-state p{color:var(--loka-text-primary);font-weight:600}.rd-success-state .rd-success-sub{color:var(--loka-text-secondary);margin-top:8px;font-size:.9rem;font-weight:400}.survey-block{background:#faf7f4;border-radius:20px;margin:20px 0;padding:18px}.survey-question{color:var(--loka-text-primary);align-items:center;gap:8px;margin-bottom:16px;font-weight:600;display:flex}.survey-option{cursor:pointer;color:var(--loka-text-secondary);background:#fff;border:1.5px solid #e3d8cf;border-radius:18px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 16px;font-size:.95rem;transition:border-color .15s,background .15s;display:flex}.survey-option:active{transform:scale(.99)}.survey-option.selected{border:2px solid var(--loka-primary);color:var(--loka-primary);background:#f2f6f4;font-weight:600}.survey-submit-btn{color:#fff;cursor:pointer;background:#6f4e2e;border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:1rem;font-weight:600;display:flex}.survey-submit-btn:disabled{opacity:.6;cursor:not-allowed}.voucher-reveal{text-align:center;background:#e6f2e8;border-radius:20px;margin-top:18px;padding:18px}.voucher-reveal svg{color:#1a6e4b;margin-bottom:8px;font-size:1.4rem}.voucher-reveal-title{color:var(--loka-text-primary);margin:8px 0;font-weight:600}.voucher-code{letter-spacing:4px;color:var(--loka-text-primary);background:#fff;border:1px dashed #1a3e2f;border-radius:30px;margin:12px 0;padding:8px 20px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:1.8rem;font-weight:800;display:inline-block}.voucher-copy-btn{cursor:pointer;width:100%;color:var(--loka-text-primary);background:0 0;border:1.5px solid #1a3e2f;border-radius:40px;margin-top:12px;padding:8px 16px;font-size:.95rem;font-weight:600}.cart-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.cart-header{background:var(--loka-bg-card);border-bottom:1px solid var(--loka-border-light);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.cart-header-title{color:var(--loka-text-primary);font-family:Playfair Display,serif;font-size:18px;font-weight:800}.cart-header-clear{color:var(--loka-text-muted);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.cart-scroll{flex:1;padding:12px 20px 8px;overflow-y:auto}.cart-mode-bar{background:var(--loka-bg-light);border-radius:12px;gap:6px;margin-bottom:12px;padding:4px;display:flex}.cart-mode-btn{cursor:pointer;color:var(--loka-text-secondary);background:0 0;border:none;border-radius:10px;flex:1;padding:8px 4px;font-size:12px;font-weight:700;transition:all .2s}.cart-mode-btn.active{background:var(--loka-bg-card);color:var(--loka-primary);box-shadow:0 2px 8px #384b161f}.cart-mode-btn:disabled{opacity:.5;cursor:not-allowed}.cart-context-card{border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.cart-context-card.dinein{background:#d18e381a}.cart-context-card.store{background:var(--loka-bg-light)}.cart-context-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cart-context-icon.copper{background:var(--loka-accent-copper)}.cart-context-icon.copper-light{background:#d18e3826}.cart-context-text{flex:1}.cart-context-title{color:var(--loka-text-primary);font-size:13px;font-weight:700}.cart-context-sub{color:var(--loka-text-muted);font-size:11px}.cart-context-action{cursor:pointer;color:var(--loka-text-muted);background:0 0;border:none;align-items:center;display:flex}.cart-context-action.copper{color:var(--loka-accent-copper);font-size:12px;font-weight:600}.cart-item-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;align-items:flex-start;gap:14px;margin-bottom:12px;padding:16px;display:flex}.cart-item-thumb{background:#f3eee5 50%/cover;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.cart-item-thumb img{object-fit:cover;width:100%;height:100%}.cart-item-details{flex:1;min-width:0}.cart-item-name{color:var(--loka-text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.cart-custom-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.cart-custom-tag{color:var(--loka-primary);background:#f2f6ea;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.cart-edit-btn{color:var(--loka-accent-copper);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.cart-item-price{color:var(--loka-primary);font-size:15px;font-weight:700}.cart-qty-control{align-items:center;gap:12px;margin-top:8px;display:flex}.cart-qty-btn{background:var(--loka-bg-light);border:1px solid var(--loka-border-light);cursor:pointer;width:30px;height:30px;color:var(--loka-text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.cart-qty-btn:active{background:#e0e4e8}.cart-qty-value{text-align:center;min-width:20px;font-size:16px;font-weight:600}.cart-remove-btn{color:#c75050;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;font-size:16px;display:flex}.cart-remove-btn:active{background:#c750501a}.cart-notes-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;margin-bottom:12px;padding:16px}.cart-notes-label{color:var(--loka-text-primary);margin-bottom:8px;font-size:13px;font-weight:600}.cart-notes-input{border:1px solid var(--loka-border-light);resize:vertical;width:100%;min-height:80px;color:var(--loka-text-primary);background:#fff;border-radius:12px;padding:12px;font-family:Inter,sans-serif;font-size:14px}.cart-notes-input:focus{border-color:var(--loka-primary);outline:none;box-shadow:0 0 0 3px #384b1614}.cart-summary-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;margin-bottom:12px;padding:16px}.cart-summary-row{color:var(--loka-text-secondary);justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.cart-summary-row.total{color:var(--loka-text-primary);border-top:1px solid var(--loka-border-light);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.cart-footer{background:var(--loka-bg-light);border-top:1px solid var(--loka-border-light);padding:12px 20px 24px}.cart-checkout-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;display:flex;box-shadow:0 4px 12px #384b1626}.cart-checkout-btn:active{background:var(--loka-primary-dark)}.cart-checkout-btn:disabled{opacity:.65;cursor:not-allowed}.cart-scan-btn{background:var(--loka-accent-copper);color:#fff;cursor:pointer;border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:15px;font-weight:700;display:flex;box-shadow:0 8px 16px #d18e384d}.cart-scan-btn:active{background:#b8762e}.cart-delivery-min{color:#7a4e18;background:#d18e381f;border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.cart-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:80px 24px;display:flex}.cart-empty-icon{background:#e8ede0;border-radius:999px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.cart-empty-title{color:var(--loka-text-primary);margin-bottom:8px;font-size:18px;font-weight:800}.cart-empty-text{color:var(--loka-text-muted);text-align:center;margin-bottom:28px;font-size:14px}.cart-empty-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 8px 16px #384b1640}.checkout-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.checkout-header{background:var(--loka-bg-card);border-bottom:1px solid var(--loka-border-light);align-items:center;gap:12px;padding:12px 20px;display:flex}.checkout-back-btn{background:var(--loka-bg-light);cursor:pointer;width:36px;height:36px;color:var(--loka-primary);border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.checkout-title{color:var(--loka-text-primary);flex:1;font-family:Playfair Display,serif;font-size:18px;font-weight:800}.checkout-scroll{flex-direction:column;flex:1;gap:16px;padding:20px 20px 16px;display:flex;overflow-y:auto}.co-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--loka-text-muted);margin-bottom:4px;font-size:13px;font-weight:600}.co-type-pills{gap:8px;margin-bottom:8px;display:flex}.co-type-pill{text-align:center;border:1.5px solid var(--loka-border-light);cursor:pointer;color:var(--loka-text-secondary);background:#fff;border-radius:40px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.co-type-pill.active{background:var(--loka-primary);color:#fff;border-color:var(--loka-primary)}.co-type-pill.disabled{color:#b0b0b0;cursor:not-allowed;background:#f2f2f2;border-color:#e0e0e0}.co-dinein-info{color:var(--loka-primary);background:#f2f6ea;border-radius:16px;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.co-select-box{border:1.5px solid var(--loka-border);width:100%;color:var(--loka-text-primary);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%236A7A8A'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 16px center/18px no-repeat;border-radius:16px;padding:16px;font-family:Inter,sans-serif;font-size:15px}.co-address-input{border:1.5px solid var(--loka-border);resize:vertical;width:100%;min-height:80px;color:var(--loka-text-primary);background:#fff;border-radius:16px;padding:16px;font-family:Inter,sans-serif;font-size:15px}.co-datetime-input{border:1.5px solid var(--loka-border);width:100%;color:var(--loka-text-primary);background:#fff;border-radius:16px;padding:16px;font-family:Inter,sans-serif;font-size:15px}.co-select-box:focus,.co-address-input:focus,.co-datetime-input:focus{border-color:var(--loka-primary);outline:none;box-shadow:0 0 0 3px #384b1614}.co-payment-options{flex-direction:column;gap:10px;display:flex}.co-payment-card{background:var(--loka-bg-card);border:1.5px solid var(--loka-border-light);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:14px;padding:16px;transition:border-color .2s;display:flex}.co-payment-card.selected{border-color:var(--loka-primary);background:#384b1605}.co-payment-card.disabled{opacity:.5;pointer-events:none}.co-payment-radio{border:2px solid var(--loka-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.co-payment-card.selected .co-payment-radio{border-color:var(--loka-primary);background:var(--loka-primary)}.co-payment-card.selected .co-payment-radio:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px}.co-payment-label{color:var(--loka-text-primary);font-size:15px;font-weight:600}.co-payment-desc{color:var(--loka-text-muted);margin-top:2px;font-size:12px}.co-wallet-balance{color:#fff;background:linear-gradient(135deg,#1f2e0b 0%,#384b16 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 20px;display:flex}.co-wallet-label{text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:11px}.co-wallet-amount{font-size:20px;font-weight:800}.co-summary-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;padding:16px}.co-summary-row{color:var(--loka-text-secondary);justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.co-summary-row.total{color:var(--loka-text-primary);border-top:1px solid var(--loka-border-light);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.co-place-order-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;display:flex;box-shadow:0 4px 12px #384b1626}.co-place-order-btn:active{background:var(--loka-primary-dark)}.co-place-order-btn:disabled{opacity:.7;cursor:not-allowed}.co-topup-btn{background:var(--loka-accent-copper);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:15px;font-weight:700;display:flex;box-shadow:0 8px 16px #d18e384d}.co-success-screen{background:var(--loka-bg-light);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 24px;display:flex}.co-success-icon{background:var(--loka-primary);border-radius:999px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.co-success-title{color:var(--loka-text-primary);margin-bottom:8px;font-size:22px;font-weight:800}.co-success-number{color:var(--loka-primary);margin-bottom:20px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:28px;font-weight:800}.co-success-card{background:var(--loka-bg-card);text-align:center;border-radius:20px;width:100%;max-width:340px;margin-bottom:20px;padding:20px}.co-success-text{color:var(--loka-text-primary);font-size:14px}.co-success-points{color:var(--loka-accent-copper);background:#d18e381f;border-radius:12px;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.co-success-btns{flex-direction:column;gap:10px;width:100%;max-width:340px;display:flex}.co-success-btn-primary{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;padding:16px 24px;font-size:15px;font-weight:700;box-shadow:0 8px 16px #384b1640}.co-success-btn-secondary{background:var(--loka-bg-card);width:100%;color:var(--loka-primary);border:2px solid var(--loka-primary);cursor:pointer;border-radius:999px;padding:16px 24px;font-size:15px;font-weight:700}.topup-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.topup-header{background:var(--loka-bg-card);border-bottom:1px solid var(--loka-border-light);align-items:center;gap:12px;padding:14px 20px;display:flex}.topup-back-btn{cursor:pointer;width:36px;height:36px;color:var(--loka-text-primary);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.topup-back-btn:active{background:#0000000a}.topup-title{color:var(--loka-text-primary);font-family:Playfair Display,serif;font-size:22px;font-weight:700}.topup-scroll{flex-direction:column;flex:1;gap:20px;padding:20px 20px 16px;display:flex;overflow-y:auto}.topup-balance-card{color:#fff;background:linear-gradient(135deg,#1f2e0b 0%,#384b16 100%);border-radius:20px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 8px 16px #1f2e0b33}.topup-balance-label{text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:11px}.topup-balance-amount{letter-spacing:-.3px;font-size:28px;font-weight:800}.topup-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--loka-text-muted);margin-bottom:8px;font-size:13px;font-weight:600}.topup-amount-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.topup-amount-btn{background:var(--loka-bg-card);border:1.5px solid var(--loka-border-light);color:var(--loka-text-primary);cursor:pointer;text-align:center;border-radius:16px;padding:14px;font-size:16px;font-weight:600;transition:all .15s}.topup-amount-btn.selected{border-color:var(--loka-primary);color:var(--loka-primary);background:#384b160d}.topup-amount-btn:active{transform:scale(.97)}.topup-custom-amount{border:1.5px solid var(--loka-border);background:#fff;border-radius:16px;align-items:center;margin-bottom:16px;padding:0 16px;display:flex}.topup-custom-amount span{color:var(--loka-primary);margin-right:6px;font-size:16px;font-weight:600}.topup-custom-input{width:100%;color:var(--loka-text-primary);border:none;outline:none;padding:16px 0;font-family:Inter,sans-serif;font-size:16px;font-weight:600}.topup-custom-input::placeholder{color:var(--loka-text-muted);font-weight:400}.topup-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:16px;font-size:15px;font-weight:600;display:flex;box-shadow:0 4px 12px #384b1626}.topup-btn:active{background:var(--loka-primary-dark)}.topup-btn:disabled{opacity:.7;cursor:not-allowed}.topup-offline-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);text-align:center;border-radius:20px;padding:20px}.topup-offline-icon{color:var(--loka-accent-copper);margin-bottom:12px;font-size:32px}.topup-offline-text{color:var(--loka-text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.topup-store-btn{border:1.5px solid var(--loka-primary);color:var(--loka-primary);cursor:pointer;background:0 0;border-radius:40px;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.topup-store-btn:active{background:#384b160d}.topup-tx-list{flex-direction:column;gap:8px;display:flex}.topup-tx-item{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex}.topup-tx-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.topup-tx-icon.in{color:#1a6e4b;background:#e6f2e8}.topup-tx-icon.out{color:#c75050;background:#fce8e8}.topup-tx-info{flex:1;min-width:0}.topup-tx-desc{color:var(--loka-text-primary);font-size:14px;font-weight:500}.topup-tx-date{color:var(--loka-text-muted);font-size:12px}.topup-tx-amount{font-size:14px;font-weight:700}.topup-tx-amount.in{color:#1a6e4b}.topup-tx-amount.out{color:#c75050}.topup-empty{text-align:center;padding:32px 20px}.topup-empty-icon{background:var(--loka-bg-light);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;display:flex}.mycard-screen{background:#1b2023;flex-direction:column;height:100%;display:flex}.mycard-header{flex-shrink:0;align-items:center;padding:16px 20px;display:flex}.mycard-back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:20px;display:flex}.mycard-title{color:#fff;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.mycard-content{color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.mycard-qr-box{background:#fff;border-radius:24px;justify-content:center;align-items:center;width:220px;height:220px;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 16px 32px #0006}.mycard-qr-inner{text-align:center;color:#1b2023}.mycard-qr-inner svg{color:var(--loka-primary)}.mycard-qr-label{color:var(--loka-primary);margin-top:8px;font-size:14px;font-weight:700}.mycard-member-name{color:#fff;margin-bottom:4px;font-family:Playfair Display,serif;font-size:28px;font-weight:700}.mycard-member-since{color:#8a9aaa;margin-bottom:16px;font-size:12px}.mycard-points-row{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:10px;margin-bottom:24px;padding:10px 24px;font-size:16px;font-weight:600;display:flex}.mycard-points-row svg{color:var(--loka-accent-copper)}.mycard-info-text{color:#8a9aaa;max-width:250px;font-size:13px;line-height:1.5}.ot-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.ot-header{background:var(--loka-bg-card);border-bottom:1px solid var(--loka-border-light);flex-shrink:0;align-items:center;padding:14px 20px;display:flex}.ot-back-btn{color:var(--loka-text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;font-size:20px;display:flex}.ot-back-btn:active{background:#0000000a}.ot-title{color:var(--loka-text-primary);font-family:Playfair Display,serif;font-size:22px;font-weight:700}.ot-scroll{flex-direction:column;flex:1;gap:16px;padding:20px 20px 16px;display:flex;overflow-y:auto}.ot-status-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);text-align:center;border-radius:24px;padding:20px}.ot-order-number{color:var(--loka-text-muted);margin-bottom:8px;font-size:13px;font-weight:500}.ot-current-status{color:var(--loka-primary);margin-bottom:16px;font-family:Playfair Display,serif;font-size:28px;font-weight:700}.ot-progress-steps{justify-content:space-between;align-items:center;margin:20px 0 8px;display:flex}.ot-step{color:var(--loka-text-muted);flex-direction:column;flex:1;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex;position:relative}.ot-step.active{color:var(--loka-primary);font-weight:600}.ot-step.completed{color:var(--loka-primary)}.ot-step-icon{background:var(--loka-border-light);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.ot-step.active .ot-step-icon,.ot-step.completed .ot-step-icon{background:var(--loka-primary);color:#fff}.ot-step-connector{background:var(--loka-border-light);z-index:1;width:100%;height:2px;position:absolute;top:16px;left:50%}.ot-step:last-child .ot-step-connector{display:none}.ot-step.completed .ot-step-connector,.ot-step.active .ot-step-connector{background:var(--loka-primary)}.ot-delivery-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex}.ot-courier-icon{color:#4a607a;background:#edf0f5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.ot-courier-details{flex:1}.ot-courier-name{color:var(--loka-text-primary);font-size:15px;font-weight:600}.ot-courier-eta{color:var(--loka-text-muted);font-size:12px}.ot-summary-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);border-radius:20px;padding:16px}.ot-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--loka-text-muted);margin-bottom:8px;font-size:13px;font-weight:600}.ot-item-row{color:var(--loka-text-secondary);justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.ot-total-row{color:var(--loka-text-primary);border-top:1px solid var(--loka-border-light);justify-content:space-between;margin-top:8px;padding-top:12px;font-size:16px;font-weight:700;display:flex}.ot-payment-info{color:var(--loka-text-muted);text-align:center;font-size:13px}.profile-icon-card{color:#1b2023;background:#1b202314}.profile-icon-address{color:var(--loka-primary);background:#384b1614}.a2hs-backdrop{z-index:55;background:#00000080;position:absolute;inset:0}.a2hs-modal-wrap{z-index:56;pointer-events:none;justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.a2hs-modal-box{pointer-events:auto;background:#fff;border-radius:20px;width:100%;max-width:280px;padding:20px;box-shadow:0 20px 40px #00000026}.a2hs-modal-title{color:var(--loka-text-primary);margin-bottom:16px;font-size:16px;font-weight:700}.a2hs-app-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.a2hs-app-icon{object-fit:cover;border-radius:10px;flex-shrink:0;width:40px;height:40px;box-shadow:0 2px 4px #00000014}.a2hs-app-name{color:var(--loka-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.a2hs-app-url{color:var(--loka-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.a2hs-btn-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.a2hs-btn-cancel{color:var(--loka-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:14px;font-weight:600;transition:background .15s}.a2hs-btn-cancel:hover{background:#384b160d}.a2hs-btn-cancel:active{background:#384b161a}.a2hs-btn-add{color:#fff;background:var(--loka-primary);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:600;transition:transform .1s;box-shadow:0 2px 8px #384b1633}.a2hs-btn-add:active{transform:scale(.97)}.orders-screen{background:var(--loka-bg-light);flex-direction:column;height:100%;display:flex}.orders-header{background:var(--loka-bg-card);border-bottom:1px solid var(--loka-border-light);flex-shrink:0;align-items:center;padding:14px 20px;display:flex}.orders-back-btn{color:var(--loka-text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;font-size:20px;display:flex}.orders-back-btn:active{background:#0000000a}.orders-page-title{color:var(--loka-text-primary);font-family:Playfair Display,serif;font-size:22px;font-weight:700}.orders-scroll{flex-direction:column;flex:1;gap:12px;padding:20px 20px 16px;display:flex;overflow-y:auto}.orders-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--loka-text-muted);margin-bottom:4px;font-size:13px;font-weight:600}.order-card{background:var(--loka-bg-card);border:1px solid var(--loka-border-light);cursor:pointer;border-radius:20px;padding:16px;transition:transform .15s}.order-card:active{transform:scale(.98)}.order-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.order-card-number{color:var(--loka-text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.order-card-date{color:var(--loka-text-muted);font-size:12px}.order-card-items{color:var(--loka-text-secondary);margin-bottom:10px;font-size:13px;line-height:1.5}.order-card-footer{justify-content:space-between;align-items:center;display:flex}.order-card-total{color:var(--loka-primary);font-size:15px;font-weight:700}.order-card-status{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600}.status-completed{color:#1a4e3a;background:#e6f0e8}.status-ready{color:#b86e2c;background:#fdf3e7}.status-preparing{color:#4a607a;background:#edf0f5}.status-confirmed{color:#1565c0;background:#e3f2fd}.status-pending{color:#e65100;background:#fff3e0}.status-cancelled{color:#c62828;background:#ffebee}.status-out-for-delivery{color:#1565c0;background:#e3f2fd}.order-empty{text-align:center;color:var(--loka-text-muted);padding:60px 20px}.order-empty-icon{background:var(--loka-primary-100,#f2f6ea);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex}.order-empty-title{color:var(--loka-text-primary);margin-bottom:6px;font-size:18px;font-weight:700}.order-empty-text{color:var(--loka-text-muted);margin-bottom:20px;font-size:14px}.order-empty-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;padding:14px 28px;font-size:15px;font-weight:600;box-shadow:0 4px 12px #384b1626}.orders-section-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.orders-refresh-btn{cursor:pointer;color:var(--loka-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.ot-loading{color:var(--loka-text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.ot-type-info{color:var(--loka-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.ot-dot{color:var(--loka-border)}.ot-address{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.ot-track-link{color:var(--loka-primary);font-size:12px;font-weight:600;text-decoration:none}.ot-actions{flex-direction:column;gap:10px;display:flex}.ot-reorder-btn{background:var(--loka-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;display:flex;box-shadow:0 4px 12px #384b1626}.ot-reorder-btn:disabled{opacity:.6;cursor:not-allowed}.ot-action-row{gap:10px;display:flex}.ot-secondary-btn{color:var(--loka-text-primary);border:1.5px solid var(--loka-border-light);cursor:pointer;background:#fff;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;font-weight:600;display:flex}.ot-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.ot-cancel-btn{color:#c75050;border-color:#c75050}.carousel-wrap{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative;overflow:hidden}.carousel-track{height:100%;transition:transform .3s ease-out;display:flex}.carousel-slide{flex-shrink:0;width:100%;height:100%}.carousel-img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%}.carousel-dots{z-index:3;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:12px;left:0;right:0}.carousel-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:999px;width:6px;height:6px;padding:0;transition:all .2s}.carousel-dot.active{background:#fff;width:16px}.carousel-arrow{cursor:pointer;color:#fff;z-index:3;background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:active{background:#0000008c}.carousel-arrow-left{left:8px}.carousel-arrow-right{right:8px}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sheet-overlay{z-index:160;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-content{background:#fff;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:430px;max-height:78vh;display:flex;overflow:hidden}.sheet-handle{background:#c4ced8;border-radius:999px;flex-shrink:0;width:36px;height:4px;margin:16px auto 12px}.sheet-header{justify-content:space-between;align-items:center;padding:0 20px 8px;display:flex}.sheet-header h3{color:#1b2023;font-size:18px;font-weight:700}.sheet-close{color:#6a7a8a;cursor:pointer;background:#f5f7fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sheet-body{flex:1;padding:0 20px 16px;overflow-y:auto}.sheet-body h3{color:#1b2023;margin:16px 0 6px;font-size:15px;font-weight:700}.sheet-body p{color:#3a4a5a;font-size:13.5px;line-height:1.6}.sheet-footer{padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #e4eaef;flex-shrink:0}.sheet-btn{color:#fff;cursor:pointer;background:#384b16;border:none;border-radius:999px;width:100%;padding:14px;font-size:15px;font-weight:600}.sheet-btn:active{background:#2a3910}.rotate-prompt{z-index:9999;background:var(--color-bg,#e4eaef);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:none;position:fixed;inset:0}@media (orientation:landscape) and (max-height:500px){.app-container>:not(.rotate-prompt){display:none!important}.rotate-prompt{display:flex}.rotate-prompt-inner{background:var(--color-white,#fff);border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:32px 40px;display:flex;box-shadow:0 8px 24px #0000001a}.rotate-prompt-icon{font-size:48px;animation:1.5s ease-in-out infinite rotate-hint}.rotate-prompt-text{color:var(--color-text-primary,#1b2023);text-align:center;font-size:16px;font-weight:700}}.modal-overlay{visibility:hidden;opacity:0;transition:opacity .2s}.modal-overlay.show{visibility:visible;opacity:1}.modal-content{transition:transform .25s ease-out;transform:translateY(100%)}.modal-overlay.show .modal-content{transform:translateY(0)}.bg-primary-5{background-color:#384b160d}.bg-primary-10{background-color:#384b161a}.bg-primary-30{background-color:#384b164d}.text-primary-40{color:#384b1666}.bg-primary-light-10{background-color:#4a6a1d1a}.bg-primary-light-20{background-color:#4a6a1d33}.bg-copper-10{background-color:#d18e381a}.border-copper-25{border-color:#d18e3840}.border-copper-30{border-color:#d18e384d}.bg-danger-90{background-color:#c75050e6}.shadow-primary-25{box-shadow:0 8px 16px #384b1640}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
