@font-face{font-family:SbLao;src:url('/static/v6/fonts/noto-lao-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:SbLao;src:url('/static/v6/fonts/noto-lao-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--sb-ink:#092955;--sb-blue:#1763df;--sb-gold:#c8a14c;--sb-text:#18354e;--sb-muted:#61758d;--sb-line:#e1e8f2;--sb-bg:#f4f7fb;--sb-danger:#c52d46;--sb-success:#12835a;--sb-nav-height:74px;--sb-radius:14px;--sb-sidebar:228px}
*,*::before,*::after{box-sizing:border-box}html{color-scheme:light;scrollbar-gutter:stable}body{margin:0;font-family:SbLao,'Leelawadee UI',sans-serif;color:var(--sb-text);font-size:15px;line-height:1.65;background:var(--sb-bg);overflow:auto;--bg:var(--sb-bg);--bg2:#fff;--white:#fff;--card:#fff;--border:var(--sb-line);--text:var(--sb-text);--muted:var(--sb-muted);--gold:var(--sb-blue);--gold2:var(--sb-blue);--green:var(--sb-blue);--accent:var(--sb-blue);--danger:var(--sb-danger);--success:var(--sb-success);--v6-primary:var(--sb-blue);--v6-ink:var(--sb-ink);--v2-accent:var(--sb-blue);--v2-line:var(--sb-line)}
button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--sb-blue)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--sb-gold);outline-offset:3px}svg.customer-icon{width:24px;height:24px;flex-shrink:0}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3,h4{line-height:1.5}img{max-width:100%}[hidden]{display:none!important}
.sb7-flashes{max-width:900px;margin:12px auto;padding:0 16px}.alert{padding:12px 16px;border-radius:10px;border:1px solid var(--sb-line)}.alert-danger{background:#fff0f2;color:var(--sb-danger)}.alert-success{background:#e9f8f0;color:var(--sb-success)}
.v2-toast{position:fixed;bottom:calc(var(--sb-nav-height) + 18px);left:50%;transform:translateX(-50%);z-index:10020;max-width:min(500px,92vw);padding:14px 20px;border-radius:12px;background:var(--sb-ink);color:#fff;box-shadow:0 6px 28px #09295530}.sb7-admin .v2-toast{bottom:24px}
.v3-notifications{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;border:1px solid var(--sb-line);border-radius:12px;background:#fff;color:var(--sb-ink);padding:8px;font-size:0}.v3-notifications svg{width:24px;height:24px}.v3-notifications.v3-offline{border-color:var(--sb-danger)}.v3-notification-dialog{border:1px solid var(--sb-line);border-radius:18px;padding:24px;width:min(440px,92vw);color:var(--sb-text);background:#fff}.v3-notification-dialog h2{font-size:21px}.v3-notification-dialog button{display:block;width:100%;margin-top:10px;min-height:44px;border:1px solid var(--sb-line);border-radius:10px;background:#fff;color:var(--sb-text)}.v3-notification-dialog .v3-enable-push{background:var(--sb-blue);color:#fff}.v3-notification-dialog::backdrop,dialog::backdrop{background:#071b3b80}dialog{max-height:90dvh;overflow:auto}
.sb7-skip{position:fixed;top:8px;left:8px;z-index:10000;transform:translateY(-150%);background:#fff;padding:10px}.sb7-skip:focus{transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:800px){html{scrollbar-gutter:auto}}