: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-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-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--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}:root{--color-primary:#0068ff;--color-primary-dark:#0052cc;--color-primary-light:#e6f0ff;--color-text:#0f172a;--color-text-muted:#64748b;--color-bg:#f8fafc;--color-white:#fff;--color-border:#e2e8f0;--font-family:"Inter",system-ui,-apple-system,sans-serif;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);line-height:1.5}.admin-layout,.admin-shell{min-height:100vh}.admin-layout,.sidebar{display:flex}.sidebar{background-color:#0f172a;border-right:1px solid #1e293b;bottom:0;color:#94a3b8;flex-direction:column;left:0;position:fixed;top:0;width:var(--sidebar-width);z-index:10}.sidebar-brand{align-items:center;border-bottom:1px solid #1e293b;color:var(--color-white);display:flex;font-size:18px;font-weight:700;gap:8px;height:70px;padding:0 24px}.sidebar-brand .highlight{color:var(--color-primary)}.sidebar-menu{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:24px 16px}.menu-item{align-items:center;border-radius:8px;color:#94a3b8;display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.menu-item.active,.menu-item:hover{background-color:#1e293b;color:var(--color-white)}.sidebar-footer{border-top:1px solid #1e293b;padding:24px 16px}.main-panel{display:flex;flex-direction:column;flex-grow:1;margin-left:var(--sidebar-width);min-width:0}.panel-header{align-items:center;background-color:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;height:70px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.page-title{font-size:18px;font-weight:700}.user-profile{gap:12px}.avatar,.user-profile{align-items:center;display:flex}.avatar{background-color:var(--color-primary-light);border-radius:50%;color:var(--color-primary);font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.username{font-size:14px;font-weight:500}.panel-content{flex-grow:1;padding:32px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-logout{background-color:transparent;border:1px solid #ef4444;color:#ef4444}.btn-logout:hover{background-color:#fef2f2}.btn-block{width:100%}