:root{--color-primary:#d2691e;--color-primary-light:#e8a064;--color-primary-dark:#a85415;--color-secondary:#1a365d;--color-secondary-light:#2c5282;--color-secondary-dark:#0f2442;--color-bg:beige;--color-bg-light:#fffef7;--color-surface:#fff;--color-surface-elevated:#fff;--color-text-primary:#333;--color-text-secondary:#666;--color-text-muted:#999;--color-text-inverse:#fff;--color-success:#2d8c7f;--color-warning:#f59e0b;--color-error:#dc2626;--color-info:#3b82f6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-family:"Inter","Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-card:0 2px 8px rgba(0,0,0,.08);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);line-height:1.5}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}:root{--primary-color:var(--color-primary);--zalo-blue:#0068ff;--bg-page:var(--color-bg);--card-bg:var(--color-surface);--text-main:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--border-color:rgba(0,0,0,.08);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--safe-area-inset-top:0px;--safe-area-inset-bottom:0px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);line-height:1.5;margin:0;padding:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;padding:0}.line-clamp-1{-webkit-line-clamp:1;line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.page-enter-active,.page-leave-active{transition:all .2s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(10px)}