: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}}