:root{--clr-brand:oklch(38% .11 215);--clr-brand-hover:oklch(32% .11 215);--clr-brand-light:oklch(94% .04 215);--clr-brand-mid:oklch(55% .1 215);--clr-accent:oklch(72% .17 62);--clr-accent-light:oklch(95% .05 62);--clr-success:oklch(60% .15 155);--clr-success-light:oklch(95% .04 155);--clr-warning:oklch(78% .16 82);--clr-warning-light:oklch(96% .04 82);--clr-danger:oklch(58% .2 25);--clr-danger-light:oklch(96% .04 25);--clr-bg:oklch(96.5% .01 215);--clr-surface:oklch(100% 0 0);--clr-surface-2:oklch(98% .01 215);--clr-border:oklch(90% .02 215);--clr-border-strong:oklch(80% .03 215);--clr-border-hover:oklch(80% .03 215);--clr-text:oklch(18% .03 215);--clr-text-muted:oklch(50% .04 215);--clr-text-subtle:oklch(70% .03 215);--clr-text-on-brand:oklch(100% 0 0);--clr-tier-member:oklch(70% .03 215);--clr-tier-silver:oklch(65% .04 215);--clr-tier-gold:oklch(72% .17 62);--clr-tier-diamond:oklch(65% .18 285);--font-sans:"Inter","Roboto","Segoe UI",-apple-system,system-ui,"Helvetica Neue",Arial,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.25rem,2vw,1.5rem);--text-2xl:clamp(1.5rem,3vw,1.875rem);--text-3xl:clamp(1.75rem,4vw,2.25rem);--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--sp-0-5:.125rem;--sp-1:.25rem;--sp-1-5:.375rem;--sp-2:.5rem;--sp-2-5:.625rem;--sp-3:.75rem;--sp-3-5:.875rem;--sp-4:1rem;--sp-4-5:1.125rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-full:9999px;--shadow-xs:0 1px 2px oklch(0% 0 0/.05);--shadow-sm:0 1px 4px oklch(0% 0 0/.07),0 1px 2px oklch(0% 0 0/.04);--shadow-md:0 4px 12px oklch(0% 0 0/.09),0 2px 4px oklch(0% 0 0/.05);--shadow-lg:0 8px 28px oklch(0% 0 0/.11),0 4px 8px oklch(0% 0 0/.06);--shadow-xl:0 16px 48px oklch(0% 0 0/.14),0 6px 12px oklch(0% 0 0/.07);--shadow-brand:0 4px 14px oklch(38% .11 215/.3);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.45,0,.55,1);--dur-fast:.12s;--dur-normal:.22s;--dur-slow:.38s;--sidebar-w:260px;--header-h:60px;--content-max:1100px;--vl-gold:gold;--vl-zalo-blue:var(--clr-brand);--vl-green:var(--clr-success);--vl-charcoal:#333;--vl-red:var(--clr-danger);--vl-earn:var(--clr-success);--vl-earn-light:var(--clr-success-light);--vl-redeem:gold;--vl-redeem-light:rgba(255,215,0,.15);--vl-brand:var(--clr-brand);--vl-brand-light:var(--clr-brand-light);--vl-surface-card:var(--clr-surface);--vl-surface-bg:#f8f9fa;--vl-surface-container:#f0eded;--vl-surface-container-lo:#f6f3f2;--vl-surface-container-hi:#eae8e7;--vl-surface-overlay:rgba(51,51,51,.4);--vl-text-primary:var(--vl-charcoal);--vl-text-secondary:#757575;--vl-text-on-primary:var(--clr-text-on-brand);--vl-text-link:var(--clr-brand);--vl-shadow-card:0 2px 12px rgba(51,51,51,.08);--vl-shadow-sm:0 1px 4px rgba(51,51,51,.05);--vl-shadow-lg:0 12px 24px -4px rgba(51,51,51,.1);--vl-shadow-earn:0 4px 14px rgba(46,204,113,.25);--vl-shadow-redeem:0 4px 14px rgba(255,215,0,.25);--vl-radius-card:16px;--vl-radius-md:12px;--vl-radius-sm:8px;--vl-radius-badge:9999px;--vl-font:"Inter",-apple-system,system-ui,sans-serif;--vl-text-title:1.25rem;--vl-text-body:.875rem;--vl-text-small:.75rem;--vl-text-tiny:.625rem;--vl-text-hero:clamp(2rem,5vw,2.5rem);--vl-touch-min:44px;--vl-margin:16px;--vl-gutter:12px;--vl-max-width:480px}.btn-primary{align-items:center;background:var(--clr-brand);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-brand);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-semibold);gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);text-decoration:none;transition:background-color var(--dur-fast)}.btn-primary:hover{background:var(--clr-brand-hover)}.btn-primary:disabled{cursor:not-allowed;opacity:.55}.btn-secondary{align-items:center;background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text-muted);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--weight-medium);gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);text-decoration:none;transition:background-color var(--dur-fast),border-color var(--dur-fast)}.btn-secondary:hover{background:var(--clr-bg);border-color:var(--clr-border-hover)}.btn-secondary:disabled{cursor:not-allowed;opacity:.55}.btn-sm{font-size:var(--text-xs);padding:var(--sp-1-5) var(--sp-3)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}input[type=checkbox],input[type=radio]{accent-color:var(--clr-brand)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--clr-bg);color:var(--clr-text);font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--clr-brand);outline-offset:2px}.material-symbols-outlined{display:inline-block;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--clr-border-strong);border-radius:var(--radius-full)}.page-enter-active,.page-leave-active{transition:opacity var(--dur-fast) var(--ease-out)}.page-enter-from,.page-leave-to{opacity:0}