@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--red: #E95351;--green: #38ae96;--gray: #AAAAAA;--gray-light: #E4E4E4;--gray-dark: #6d6d6d}#root{margin:0 auto;text-align:center;width:100%}.app{width:100%;height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.app-admin{--color-main-light: #8c4aff;--color-main-dark: #380a88;--color-dark: #3D0997;--color-main: #681FE5;--color-nav-bg: #E4E4EF;--color-bg: #F4F4FF}.app-distributor{--color-main: #251FE5;--color-main-light: #06DE79;--color-main-dark: #06DE79;--color-dark: #6d6d6d;--color-nav-bg: #E4E4EF;--color-bg: #F4F4FF}.app-subdealer{--color-main: #1F93E5;--color-main-light: #1F93E5;--color-main-dark: #06DE79;--color-dark: #6d6d6d;--color-nav-bg: #E4E4E4;--color-bg: #F4F4F4}.app-default{--color-main: #9d9ca0;--color-main-light: #d8d8d8;--color-main-dark: #6d6d6d;--color-dark: #6d6d6d;--color-nav-bg: #E4E4E4;--color-bg: #F4F4F4}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.flex-horizontal{display:flex;align-items:center;gap:.5em}.flex-horizontal-center{display:flex;justify-content:center;align-items:center;gap:.5em;width:100%}.flex-horizontal-between{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5em;position:relative}.flex-horizontal-between-top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:.5em;position:relative}.flex-horizontal-end{display:flex;justify-content:flex-end;width:100%}.flex-horizontal-gap-l{display:flex;flex-direction:row;gap:1em;width:100%}.flex-vertical{display:flex;flex-direction:column;gap:.5em;width:100%}.flex-vertical-gap-l{display:flex;flex-direction:column;gap:1em;width:100%}.flex-vertical-end{display:flex;flex-direction:column;align-items:flex-end;gap:.4em;width:100%;text-align:right}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}.padding-2{padding:2em 0}.no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}.overflowx-auto{overflow-x:auto}.display-none{display:none}.display-block{display:block}.display-flex{display:flex}.display-inset{display:""}.min-height-sl{min-height:2rem}.color-green{color:var(--green)}.color-red{color:var(--red)}.color-main{color:var(--color-main)}.opacity-full{opacity:1}.opacity-4{opacity:.4}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{overflow-x:auto;overflow-y:visible;border-radius:16px;border:1px solid #eaeaea;padding:1.5em;text-align:left;background:#fff;display:flex;flex-direction:column;gap:1em;box-shadow:0 4px 8px #0000001a;position:relative;transform:translateZ(0);will-change:transform;backface-visibility:hidden;contain:layout style paint}.read-the-docs{color:#888}.loader{border:8px dotted #aaaaaa;border-radius:50%;width:42px;height:42px;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}.loading-fullpage{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.loading-fullcomponent{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:Kanit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a1a1a;background-color:#f4f4ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}*{padding:0;margin:0;outline:none!important}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;font-weight:600}h2{font-size:2em;line-height:1.1;font-weight:500}h3{font-size:1.4em;line-height:1.1;font-weight:400}h4{font-size:1.1em;line-height:1.1;font-weight:300}p{font-size:1.2em;line-height:1.1;font-weight:200}span{font-size:1em;line-height:1.1;font-weight:300}.span-bold{font-weight:700}.span-italic{font-style:italic}th{font-size:1em;line-height:1.1;font-weight:400;padding:1em}td{max-width:200px;font-size:1em;line-height:1.1;font-weight:300;padding:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr{border-bottom:1px solid #aaaaaa}thead tr{background-color:#e4e4ef}tbody tr:hover{background-color:#3d099711}button{border-radius:8px;border:1px solid transparent;padding:.5em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;display:flex;gap:8px;align-items:center}button:hover{opacity:.8}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.button-admin{background-color:var(--color-main);color:#fff}input{font-family:inherit;font-size:1em;padding:.5em 1em;border-color:var(--color-main);background:#fff;color:#1a1a1a;margin:8px 0}.input-disabled{background:#eee;color:#888}input:focus,input:focus-visible{outline:none;border-color:var(--color-main)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #FFFFFF inset!important;-webkit-text-fill-color:#1a1a1a!important;transition:background-color 5000s ease-in-out 0s}input[type=checkbox]{-webkit-appearance:none;appearance:none;aspect-ratio:1 / 1;font-size:.5em;position:relative;background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin:0}input[type=checkbox]:checked{background-color:var(--color-main);border-color:var(--color-main)}input[type=checkbox]:checked:after{color:#fff}input[type=file]{font-family:inherit;font-size:1em;padding:0;border:none;border-radius:8px;background:#fff;color:#1a1a1a;margin:8px 0;cursor:pointer}input[type=file]::file-selector-button{font-family:inherit;font-size:1em;font-weight:500;padding:.5em 1em;margin-right:1em;border:1px solid #aaa;border-radius:8px;background-color:#f9f9f9;color:#1a1a1a;cursor:pointer;transition:opacity .25s}input[type=file]::file-selector-button:hover{opacity:.8}input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(0);cursor:pointer}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}textarea{font-family:inherit;font-size:1em;padding:.5em 1em;border:1px solid #aaa;border-radius:8px;background:#fff;color:#1a1a1a;margin:8px 0}textarea:focus,textarea:focus-visible{outline:none}textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #FFFFFF inset!important;-webkit-text-fill-color:#1a1a1a!important;transition:background-color 5000s ease-in-out 0s}select{font-family:inherit;font-size:1em;padding:.5em 1em;border:1px solid #aaa;border-radius:8px;background:#fff;color:#1a1a1a;margin:8px 0}select:focus,select:focus-visible{outline:none;border:1px solid #aaa}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}