:root{--color-primary:#0071c5;--color-danger:#eb4335;--color-text-dark:#081116;--color-text:#586172;--color-text-secondary:#717579;--color-text-muted:#9599ae;--color-text-heading:#374151;--color-border:#eee;--color-border-input:#ced1e1;--color-placeholder:#bec2d7;--color-bg:#fbfbfb;--sidebar-width:275px;--navbar-height:72px}*,:after,:before{box-sizing:border-box}body{font-family:Inter,Noto Sans Thai,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text-dark);-webkit-font-smoothing:antialiased}body,p{margin:0}button{cursor:pointer;border:none;background:none;padding:0}button,input,select{font-family:inherit}a{color:inherit;text-decoration:none}.page-slide-enter-active,.page-slide-leave-active{transition:opacity .2s ease,transform .2s ease}.page-slide-enter-from{opacity:0;transform:translate(24px)}.page-slide-enter-to,.page-slide-leave-from{opacity:1;transform:translate(0)}.page-slide-leave-to{opacity:0;transform:translate(-24px)}[role=listbox]::-webkit-scrollbar{width:16px}[role=listbox]::-webkit-scrollbar-track{background:#abb7ce66;border-radius:6.5px;margin-top:8px;margin-bottom:8px;border-right:5px solid transparent;border-left:5px solid transparent;background-clip:padding-box}[role=listbox]::-webkit-scrollbar-thumb{background-color:#fffc;border-radius:6.5px;border-color:transparent;border-style:solid;border-width:1.5px 5px;background-clip:padding-box}[role=listbox]::-webkit-scrollbar-thumb:hover{background-color:#fffc}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#dfe1e6;border-radius:28px}::-webkit-scrollbar-thumb{background:#fcfcfd;border:1px solid #d2d7e5;border-radius:28px}::-webkit-scrollbar-thumb:hover{background:#f6f6f6}@supports (-webkit-hyphens:none) and (not (margin-trim:inline)){[role=listbox]{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}}.loading-backdrop[data-v-70452d5e]{position:fixed;inset:0;z-index:2000;background:#2a2a2a80}.loading-backdrop[data-v-70452d5e],.loading-panel[data-v-70452d5e]{display:flex;align-items:center;justify-content:center}.loading-panel[data-v-70452d5e]{padding:32px;border-radius:16px;background:#fff;box-shadow:3px 4px 45px #00000026}.spinner[data-v-70452d5e]{position:relative;width:64px;height:64px}.spinner-bar[data-v-70452d5e]{position:absolute;left:50%;top:50%;width:8px;height:24px;margin-left:-4px;margin-top:-12px;border-radius:999px;background:var(--color-primary);animation:spinner-fade-70452d5e 1s linear infinite}@keyframes spinner-fade-70452d5e{0%{opacity:1}to{opacity:.25}}