:root,[data-theme=dark]{color-scheme:dark;--color-bg:#081b29;--color-bg-elevated:#0d2435;--color-bg-glass:rgba(8,27,41,0.92);--color-bg-card:rgba(8,27,41,0.9);--color-bg-panel:linear-gradient(180deg,#0d2435,#081b29);--color-bg-input:#333335;--color-bg-input-focus:#3a3a3c;--color-bg-progress:#000000;--color-bg-service:#0ef;--color-bg-modal:#ffffff;--color-bg-overlay:rgba(0,0,0,0.7);--color-text:#ededed;--color-text-heading:#ffffff;--color-text-muted:rgb(177,177,177);--color-text-secondary:rgb(144,139,139);--color-text-modal:#333333;--color-accent:#0ef;--color-accent-hover:#00c2d1;--color-accent-soft:rgba(0,238,255,0.1);--color-accent-soft-hover:rgba(0,238,255,0.15);--color-accent-border:rgba(0,238,255,0.25);--color-accent-glow:rgba(0,238,255,0.55);--color-on-accent:#081b29;--color-border:rgba(0,238,255,0.15);--color-border-subtle:rgba(255,255,255,0.08);--color-divider:gray;--color-shadow:rgba(0,0,0,0.25);--color-overlay:rgba(0,0,0,0.55);--color-top-btn-text:#000000;--color-logo-filter:drop-shadow(0 0 12px rgba(0,238,255,0.55));--color-nav-link:rgba(255,255,255,0.82);--color-nav-link-mobile:rgba(255,255,255,0.88);--color-menu-text:rgba(255,255,255,0.88);--color-card-shadow:0 8px 28px var(--color-shadow);--color-card-glow:rgba(1,34,144,0.6)}[data-theme=light]{color-scheme:light;--color-bg:#eef4f8;--color-bg-elevated:#ffffff;--color-bg-glass:rgba(255,255,255,0.92);--color-bg-card:rgba(255,255,255,0.98);--color-bg-panel:linear-gradient(180deg,#ffffff,#eef4f8);--color-bg-input:#e3ebf2;--color-bg-input-focus:#d5e0ea;--color-bg-progress:#c5d3de;--color-bg-service:#0097b2;--color-bg-modal:#ffffff;--color-bg-overlay:rgba(15,23,32,0.45);--color-text:#1e2a38;--color-text-heading:#0f1720;--color-text-muted:#5a6775;--color-text-secondary:#6b7785;--color-text-modal:#1e2a38;--color-accent:#0097b2;--color-accent-hover:#007d94;--color-accent-soft:rgba(0,151,178,0.12);--color-accent-soft-hover:rgba(0,151,178,0.18);--color-accent-border:rgba(0,151,178,0.35);--color-accent-glow:rgba(0,151,178,0.35);--color-on-accent:#ffffff;--color-border:rgba(0,151,178,0.2);--color-border-subtle:rgba(15,23,32,0.08);--color-divider:#c5d3de;--color-shadow:rgba(15,23,32,0.12);--color-overlay:rgba(15,23,32,0.35);--color-top-btn-text:#ffffff;--color-logo-filter:brightness(0.15) sepia(1) hue-rotate(145deg) saturate(7);--color-nav-link:rgba(30,42,56,0.85);--color-nav-link-mobile:rgba(30,42,56,0.9);--color-menu-text:rgba(30,42,56,0.9);--color-card-shadow:0 8px 24px var(--color-shadow);--color-card-glow:rgba(0,151,178,0.15)}body,html{transition:background-color .3s ease,color .3s ease}body{background:var(--color-bg);color:var(--color-text)}[data-theme=light] .navbar-logo img{filter:var(--color-logo-filter)}.seo-identity{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body:has(.admin-shell),body:has(.login-page){margin-top:0}@media screen and (max-width:768px){body{margin-top:64px}body:has(.admin-shell),body:has(.login-page){margin-top:0}}@media screen and (max-width:480px){.top{bottom:1.2rem;right:1.2rem}.top i{font-size:15px;padding:7px}}@media screen and (max-width:320px){.top i{font-size:14px;padding:6px}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{margin-top:72px}.lang-en{font-weight:400}.lang-en,.lang-th{font-family:Kanit,sans-serif}.lang-th{font-weight:100}.lang-la{font-family:"Noto Serif Lao",Phetsarath,serif;font-weight:400}.title{font-family:"Noto Serif Lao",serif}.lang-zh{font-family:Noto Sans SC,sans-serif;font-weight:100}.lang-ko{font-family:Noto Sans KR,sans-serif;font-weight:100}.lang-vi{font-family:Quicksand,sans-serif;font-weight:100}.top{position:fixed;bottom:2.1rem;right:2.1rem;z-index:999}.top i{color:var(--color-top-btn-text);background:var(--color-accent);font-size:20px;padding:10px;border-radius:.5rem;transition:background .3s ease,color .3s ease}.App{margin:0;padding:0;overflow:hidden}@media only screen and (max-width:992px){.top{bottom:1.8rem;right:1.8rem}.top i{font-size:18px;padding:8px}}@media only screen and (max-width:768px){.top{bottom:1.5rem;right:1.5rem}.top i{font-size:16px;padding:8px}}@media only screen and (max-width:480px){.top{bottom:1.2rem;right:1.2rem}.top i{font-size:15px;padding:7px}}@media only screen and (max-width:360px){.top{bottom:1rem;right:1rem}.top i{font-size:14px;padding:6px}}.page-section{width:100%;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,1.5rem)}.section-container{width:100%;max-width:1350px;margin:0 auto}.section-title{font-size:clamp(1.75rem,4.5vw,3rem);font-weight:700;text-align:center;color:var(--color-text-heading);line-height:1.2;margin-bottom:clamp(1.25rem,3vw,2.5rem)}.section-title span{color:var(--color-accent)}.section-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:var(--color-text-heading);line-height:1.5}.section-text{color:var(--color-text-muted);font-size:clamp(.9375rem,2vw,1.125rem);line-height:1.65}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.6rem;background:var(--color-accent);border-radius:2rem;font-size:clamp(.875rem,2vw,1rem);color:var(--color-on-accent);letter-spacing:.03em;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;box-shadow:0 4px 18px var(--color-accent-glow)}.btn-primary:hover{transform:translateY(-3px);background:var(--color-accent-hover);box-shadow:0 8px 24px var(--color-accent-glow)}.card-surface{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 8px 28px var(--color-shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card-surface:hover{transform:translateY(-6px);border-color:var(--color-accent-border);box-shadow:0 14px 36px var(--color-shadow)}@media (max-width:480px){.page-section{padding:1.75rem .875rem}}