:root{--bg-base: #000000;--bg-canvas: #0a0a0f;--bg-elevated: #1c1c1e;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-input: #1c1c1e;--separator: rgba(84, 84, 88, .5);--separator-opaque: #38383a;--label: #ffffff;--label-2: rgba(235, 235, 245, .65);--label-3: rgba(235, 235, 245, .45);--label-4: rgba(235, 235, 245, .28);--blue: #0a84ff;--blue-dim: rgba(10, 132, 255, .16);--green: #30d158;--green-dim: rgba(48, 209, 88, .16);--yellow: #ffd60a;--yellow-dim: rgba(255, 214, 10, .16);--orange: #ff9f0a;--orange-dim: rgba(255, 159, 10, .16);--red: #ff453a;--red-dim: rgba(255, 69, 58, .16);--purple: #bf5af2;--indigo: #5e5ce6;--teal: #64d2ff;--pink: #ff375f;--accent: #10b981;--accent-2: #06b6d4;--accent-dim: rgba(16, 185, 129, .16);--success: var(--green);--success-dim: var(--green-dim);--warning: var(--orange);--warning-dim: var(--orange-dim);--danger: var(--red);--danger-dim: var(--red-dim);--grab: #00b14f;--grab-dim: rgba(0, 177, 79, .18);--bolt: #34d186;--bolt-dim: rgba(52, 209, 134, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--font-display: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--font-text: "Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--font-thai: "Noto Sans Thai", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-canvas);color:var(--label);font-family:var(--font-text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","calt"}:lang(th){font-feature-settings:"kern","liga","calt","locl"}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#ffffff24;border:2px solid transparent;background-clip:content-box;border-radius:10px;transition:background-color .15s}*::-webkit-scrollbar-thumb:hover{background-color:#ffffff47}*::-webkit-scrollbar-thumb:active{background-color:#ffffff5c}*::-webkit-scrollbar-corner{background:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge-grab,.badge-grab-cheap{background:#00b14f24;color:#34d186;box-shadow:inset 0 0 0 1px #00b14f}.badge-grab-premium{background:linear-gradient(135deg,#4ce695,#007a36);color:#fff;box-shadow:inset 0 1px #ffffff4d;text-shadow:0 1px 1px rgba(0,60,25,.4)}.badge-grab-luxury{background:linear-gradient(135deg,#006d2e,#001f0d);color:#b8f5d0;box-shadow:inset 0 0 0 1px #b8f5d059;font-weight:800}.badge-bolt,.badge-bolt-cheap{background:#34d18624;color:#6ee2a8;box-shadow:inset 0 0 0 1px #34d186}.badge-bolt-premium{background:linear-gradient(135deg,#8defc4,#1a8e5d);color:#002818;box-shadow:inset 0 1px #fff6}.badge-bolt-luxury{background:linear-gradient(135deg,#1a8e5d,#052c1c);color:#c9efd8;box-shadow:inset 0 0 0 1px #c9efd859;font-weight:800}