:root{--font-family: "Bai Jamjuree";--primary: #0096c7;--primary-light: color-mix(in srgb, var(--primary) 15%, white);--primary-dark: color-mix(in srgb, var(--primary) 95%, black);--info: #2196f3;--info-light: color-mix(in srgb, var(--info) 15%, white);--info-dark: color-mix(in srgb, var(--info) 95%, black);--success: #00ba86;--success-light: color-mix(in srgb, var(--success) 15%, white);--success-dark: color-mix(in srgb, var(--success) 95%, black);--warning: #ecb639;--warning-light: color-mix(in srgb, var(--warning) 15%, white);--warning-dark: color-mix(in srgb, var(--warning) 95%, black);--error: #ef476f;--error-light: color-mix(in srgb, var(--error) 15%, white);--error-dark: color-mix(in srgb, var(--error) 95%, black);--bg-color-1: white;--bg-color-2: #f7f7f7;--shadow-color-1: #00000010;--shadow-color-2: #00000005;--border-color-1: #17191e10;--border-color-2: #17191e30;--border-color-3: #17191e80;--sidebar-width: max(256px, 15vw);--topbar-height: max(64px, 6.5vh);--toast-min-width: 330px;--toast-max-width: 600px;--default-aside-min-width: 320px;--default-aside-max-width: 420px;--default-illustration-max-width: 360px;--text-color-1: black;--text-color-2: #17191e;--text-color-3: #2c3e50;--text-color-opposite: white;--border-radius-1: 13px;--border-radius-2: 8px;--border-radius-3: 5px;--border-radius-4: 3px;--space-2: .2em;--space-3: .3em;--space-5: .5em;--space-8: .8em;--space-13: 1.3em;--space-21: 2.1em;--space-34: 3.4em;--text-1: 2.1em;--text-2: 1.3em;--text-3: 1em;--text-4: .9em;--text-5: .8em;--text-6: .7em;--text-7: .65em;--text-8: .63em;--text-9: .6em;--font-light: 300;--font-medium: 500;--font-bold: 600;--font-black: 800;--shadow-1: 0 1px 3px 0 var(--shadow-color-1), 0 1px 2px -1px var(--shadow-color-1);--shadow-2: 0 1px 2px 0 var(--shadow-color-2);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1)}@media(min-width:1750px){:root{--text-1: 2.2em;--text-2: 1.4em;--text-3: 1.2em;--text-4: 1.1em;--text-5: 1em;--text-6: .9em;--text-7: .85em;--text-8: .8em}}@media(min-width:2950px){:root{--text-1: 2.8em;--text-2: 1.9em;--text-3: 1.8em;--text-4: 1.7em;--text-5: 1.6em;--text-6: 1.5em;--text-7: 1.45em;--text-8: 1.43em}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family),sans-serif;color-scheme:light;overscroll-behavior:none;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased}body{color:var(--text-color-2);background-color:var(--bg-color-1)}body:has(dialog[open]){overflow:hidden}ul[role=list],ol[role=list],li{list-style:none}a{text-decoration:none}h1,h2,h3,h4{text-wrap:balance}h1{font-size:var(--text-1);font-weight:var(--font-light);letter-spacing:.02em;line-height:1;padding-block:var(--space-3)}h2{font-size:var(--text-2);font-weight:var(--font-light)}.vn-page-summary{opacity:.55;font-size:var(--text-7);font-weight:var(--font-light);color:var(--text-color-3);padding-inline:var(--space-8)}img,picture{display:block;max-width:100%}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea{resize:none;color:var(--text-color-2);background-color:var(--bg-color-1);border:1px solid var(--border-color-2);border-radius:var(--border-radius-2)}input,select{color:var(--text-color-2);background-color:var(--bg-color-1);border:1px solid var(--border-color-2);border-radius:var(--border-radius-2);font-size:var(--text-4)}input:not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=hidden]):not(:disabled):not(:read-only):hover,input:not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=hidden]):not(:disabled):not(:read-only):active,textarea:not(:disabled):not(:read-only):hover,textarea:not(:disabled):not(:read-only):active,select:not(:disabled):hover,select:not(:disabled):active{border-color:var(--border-color-3)}button,input[type=submit],input[type=reset]{color:inherit;background:none;border:none;padding:0;font:inherit}input[type=submit],input[type=reset],button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-color-2);-webkit-box-shadow:0 0 0 1000px var(--primary-light) inset}summary{appearance:none;-webkit-appearance:none;list-style:none}summary::-webkit-details-marker{display:none}summary::marker{display:none;content:none;font-size:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;margin:-1px;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.vn-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-5) var(--space-13);border:1px solid transparent;border-radius:var(--border-radius-2);font-size:var(--text-6);font-weight:var(--font-bold);text-decoration:none;white-space:nowrap;transition:var(--transition-fast)}.vn-button>svg{flex-shrink:0;width:1.1em;height:1.1em}.vn-button[data-variant=primary]{color:var(--text-color-opposite);background-color:var(--primary)}.vn-button[data-variant=primary]:hover:not(:disabled){background-color:var(--primary-dark)}.vn-button[data-variant=secondary]{color:var(--primary);background:none;border-color:var(--primary);font-weight:var(--font-medium)}.vn-button[data-variant=secondary]:hover:not(:disabled){background-color:var(--primary-light)}.vn-button[data-variant=ghost]{padding:var(--space-3) var(--space-8);background:none;border-color:var(--border-color-2);font-weight:var(--font-medium)}.vn-button[data-variant=ghost]:hover:not(:disabled){border-color:var(--border-color-3)}.vn-button[data-variant=icon]{width:var(--space-21);height:var(--space-21);padding:0;background:none;border-color:var(--border-color-2)}.vn-button[data-variant=icon]:hover:not(:disabled){border-color:var(--border-color-3)}.vn-button[data-variant=link]{padding:var(--space-3) 0;color:var(--primary);background:none;font-weight:var(--font-medium)}.vn-button[data-variant=link]:hover:not(:disabled){text-decoration:underline}.vn-button[data-variant=danger]{color:var(--text-color-opposite);background-color:var(--error)}.vn-button[data-variant=danger]:hover:not(:disabled){background-color:var(--error-dark)}.vn-button[data-variant=danger-soft]{padding:var(--space-3) var(--space-8);color:var(--text-color-2);background-color:var(--error-light);border-color:var(--border-color-2);font-weight:var(--font-medium)}.vn-button[data-variant=danger-soft]:hover:not(:disabled){border-color:var(--error)}.vn-button[data-variant=dialog-close]{width:var(--space-34);height:var(--space-34);padding:0;color:var(--text-color-1);background:none;border-color:var(--border-color-2);border-radius:var(--border-radius-3)}.vn-button[data-variant=dialog-close]:hover:not(:disabled),.vn-button[data-variant=dialog-close]:focus-visible{border-color:var(--border-color-3)}.vn-button[data-variant=dialog-close]>svg{min-width:var(--space-34);min-height:var(--space-34);flex-shrink:0}.vn-button[data-variant=remove-text]{background:var(--error-light);color:var(--text-color-3);border-color:var(--border-color-2);padding:var(--space-3) var(--space-8);font-size:var(--text-7)}.vn-button[data-variant=remove-text]:hover:not(:disabled){border-color:var(--border-color-3);background-color:var(--error);color:var(--text-color-2)}.vn-button[data-variant=remove]{background:var(--error-light);color:var(--text-color-3);font-size:var(--text-6);height:1.3em;width:1.3em;padding:var(--space-2);border:1px solid var(--border-color-2);border-radius:var(--border-radius-3)}.vn-button[data-variant=remove]:hover:not(:disabled){border-color:var(--border-color-3);background-color:var(--error);color:var(--text-color-2)}.vn-button[data-variant=field-close]{background-color:var(--primary);color:var(--text-color-opposite);font-weight:var(--font-bold);font-size:var(--text-7);padding:var(--space-5) var(--space-13);min-height:var(--space-21);opacity:.9}.vn-button[data-variant=field-close]:hover:not(:disabled){opacity:1}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-13)}.page-header>hgroup,.ticket-settings-page-header>hgroup{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.page-header>hgroup h1,.ticket-settings-page-header>hgroup h1{margin:0}.page-subtitle{display:block;opacity:.55;font-size:var(--text-7);font-weight:400;color:var(--text-color-3);line-height:1.5;padding-left:var(--space-5);padding-bottom:var(--space-8)}.ticket-settings-page-header>hgroup .page-subtitle{padding-left:var(--space-8)}.data-mode-section{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--space-8);padding-inline:var(--space-8);padding-bottom:var(--space-5)}.data-mode-section--with-group{justify-content:space-between}@media(max-width:768px){.page-header,.data-mode-section{flex-direction:column;align-items:stretch}.data-mode-section--with-group>.vn-tabs{margin-inline-start:var(--space-5)}}dialog.vn-dialog-shell{margin:auto;background:var(--bg-color-1);border:none;border-radius:var(--border-radius-1);box-shadow:var(--shadow-1);opacity:0;transform:scale(.95);transition:opacity .15s ease,transform .15s ease,overlay .15s ease allow-discrete,display .15s ease allow-discrete}dialog.vn-dialog-shell[open]{position:fixed;inset:0;opacity:1;transform:scale(1)}@starting-style{dialog.vn-dialog-shell[open]{opacity:0;transform:scale(.95)}}dialog.vn-dialog-shell::backdrop{background-color:#0000;transition:background-color .15s ease,overlay .15s ease allow-discrete,display .15s ease allow-discrete}dialog.vn-dialog-shell[open]::backdrop{background-color:#00000059}@starting-style{dialog.vn-dialog-shell[open]::backdrop{background-color:#0000}}.vn-field-label{display:block;color:var(--text-color-3);font-size:var(--text-7);font-weight:var(--font-medium)}.vn-field-label-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.vn-field-label-row>.vn-field-label{display:inline;margin-bottom:0}.vn-borderless-title-input{flex:1;min-width:0;max-width:600px;padding:0;border:none;border-bottom:1px solid var(--border-color-2);border-radius:0;outline:none;background:transparent;font-size:1.5em;font-weight:400;color:var(--text-color-1)}.vn-borderless-title-input:not(:disabled):hover{border-bottom-color:var(--border-color-3)}.vn-borderless-title-input:disabled{cursor:not-allowed}.vn-borderless-title-input:-webkit-autofill,.vn-borderless-title-input:-webkit-autofill:hover,.vn-borderless-title-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px transparent inset;-webkit-text-fill-color:var(--text-color-1);transition:background-color 9999s ease-in-out 0s}@media(max-width:768px){.vn-borderless-title-input{max-width:none;width:100%}}.vn-searchable-dropdown{position:relative;flex:1;min-width:140px}.vn-searchable-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);width:100%;padding:var(--space-5) var(--space-8);background:var(--bg-color-1);border:1px solid var(--border-color-2);border-radius:var(--border-radius-3);font-size:var(--text-7);min-height:var(--space-21);color:var(--text-color-3);transition:border-color var(--transition-fast)}.vn-searchable-dropdown-trigger:hover:not(:disabled),.vn-searchable-dropdown-trigger:focus-visible{border-color:var(--border-color-3)}.vn-searchable-dropdown-trigger:focus-visible{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2);outline:none}.vn-searchable-dropdown-value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vn-searchable-dropdown-value[data-state=placeholder]{color:var(--muted-foreground)}.vn-searchable-dropdown-icon{width:1.25em;height:1.25em;flex-shrink:0;color:var(--muted-foreground);transition:rotate var(--transition)}.vn-searchable-dropdown-icon.is-open{rotate:180deg}.vn-searchable-dropdown-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--space-13);height:var(--space-13);padding:0;margin:0;border:none;background:transparent;color:var(--muted-foreground);border-radius:var(--border-radius-2);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast),background-color var(--transition-fast)}.vn-searchable-dropdown-clear-btn:hover,.vn-searchable-dropdown-clear-btn:focus-visible{color:var(--text-color-2);background-color:var(--bg-color-2);outline:none}.vn-searchable-dropdown-clear-icon{width:var(--space-8);height:var(--space-8)}.vn-searchable-dropdown-panel{background:var(--bg-color-1);border:1px solid var(--border-color-2);border-radius:var(--border-radius-3);box-shadow:var(--shadow-medium);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:0}.vn-searchable-dropdown-panel:not(.vn-searchable-dropdown-panel--floating){position:absolute;top:calc(100% + var(--space-3));left:0;right:0;z-index:var(--z-dropdown)}.vn-searchable-dropdown-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-8);border-bottom:1px solid var(--border-color-1)}.vn-searchable-dropdown-search-icon{width:var(--space-8);height:var(--space-8);display:block;flex-shrink:0;color:var(--muted-foreground)}.vn-searchable-dropdown-search-input{flex:1;min-width:0;min-height:var(--space-21);border:none;outline:none;background:transparent;padding:0;padding-inline-start:var(--space-3);font-size:var(--text-7);line-height:var(--space-21);color:var(--text-color-2);-webkit-text-fill-color:var(--text-color-2)}.vn-searchable-dropdown-search-input::-webkit-search-cancel-button{width:var(--space-8);height:var(--space-8);cursor:pointer}.vn-searchable-dropdown-list{list-style:none;margin:0;padding:var(--space-3);max-height:220px;overflow-y:auto}.vn-searchable-dropdown-item{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-8);border-radius:var(--border-radius-3);cursor:pointer;font-size:var(--text-7);color:var(--text-color-3);transition:background var(--transition-fast)}.vn-searchable-dropdown-item:hover,.vn-searchable-dropdown-item.is-selected{background:var(--bg-color-2)}.vn-searchable-dropdown-checkbox{flex-shrink:0;margin:0;pointer-events:none}.vn-searchable-dropdown-item-text{flex:1;display:flex;flex-direction:column;min-width:0}.vn-searchable-dropdown-item-label{color:var(--text-color-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vn-searchable-dropdown-item-meta{font-size:var(--text-7);color:var(--text-color-3);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vn-searchable-dropdown-empty{padding:var(--space-13);text-align:center;color:var(--text-color-3);font-style:italic;font-size:var(--text-8)}.vn-searchable-dropdown-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-13)}.vn-searchable-dropdown-sentinel{display:flex;align-items:center;justify-content:center;min-height:var(--space-13);padding:var(--space-3);list-style:none}.vn-searchable-dropdown-hint,.vn-searchable-dropdown-error{padding:var(--space-13);text-align:center;font-size:var(--text-8)}.vn-searchable-dropdown-hint{color:var(--text-color-3)}.vn-searchable-dropdown-error{color:var(--danger-foreground, var(--text-color-3))}.vn-searchable-dropdown-spinner,.vn-dropdown-spinner{flex-shrink:0;width:var(--space-8);height:var(--space-8);border:2px solid var(--border-color-1);border-top-color:var(--text-color-2);border-radius:50%;animation:vn-dropdown-spin .6s linear infinite}.vn-dropdown{position:relative;flex:1;min-width:140px}.vn-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);width:100%;min-height:var(--space-21);padding:var(--space-3) var(--space-8);color:var(--text-color-2);background:var(--bg-color-1);border:1px solid var(--border-color-2);border-radius:var(--border-radius-3);font-size:var(--text-5);text-align:left;transition:border-color var(--transition-fast)}.vn-dropdown-trigger:hover:not(:disabled){border-color:var(--border-color-3)}.vn-dropdown-trigger:focus-visible:not(:disabled){border-color:var(--border-color-3)}.vn-dropdown-trigger[aria-expanded=true]:not(:disabled){border-color:var(--border-color-3)}.vn-dropdown-value{display:flex;align-items:center;gap:var(--space-5);flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vn-dropdown-value[data-state=placeholder]{color:var(--text-color-3)}.vn-dropdown-clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-13);height:var(--space-13);color:var(--text-color-3);border-radius:var(--border-radius-4);transition:color var(--transition-fast),background-color var(--transition-fast)}.vn-dropdown-clear:hover{color:var(--text-color-2);background-color:var(--bg-color-2)}.vn-dropdown-clear>svg{width:var(--space-8);height:var(--space-8)}.vn-dropdown-chevron{flex-shrink:0;width:1.1em;height:1.1em;color:var(--text-color-3);transition:rotate var(--transition)}.vn-dropdown-chevron[data-open=true]{rotate:180deg}.vn-dropdown-panel{position:fixed;inset:auto;top:calc(anchor(bottom) + var(--space-3));left:anchor(left);min-width:anchor-size(width);max-width:min(420px,92vw);margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-color-1);border:1px solid var(--border-color-2);border-radius:var(--border-radius-3);box-shadow:var(--shadow-1);position-try-fallbacks:flip-block}.vn-dropdown-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-8);border-bottom:1px solid var(--border-color-1)}.vn-dropdown-search-icon{flex-shrink:0;width:var(--space-13);height:var(--space-13);color:var(--text-color-3)}.vn-dropdown-search-input{flex:1;min-width:0;min-height:var(--space-21);padding:0;color:var(--text-color-2);background:transparent;border:none;border-radius:0;font-size:var(--text-5)}.vn-dropdown-search-input:hover,.vn-dropdown-search-input:focus{border:none;outline:none}.vn-dropdown-list{max-height:240px;padding:var(--space-3);overflow-y:auto}.vn-dropdown-item{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-8);color:var(--text-color-2);border-radius:var(--border-radius-3);font-size:var(--text-5);cursor:pointer;transition:background-color var(--transition-fast)}.vn-dropdown-item:hover,.vn-dropdown-item:focus{background-color:var(--bg-color-2)}.vn-dropdown-item[aria-selected=true]:not([data-option=deleted]){font-weight:var(--font-bold)}.vn-dropdown-item[data-option=deleted],.vn-dropdown-trigger[data-option=deleted]{opacity:.5}.vn-dropdown-checkbox{flex-shrink:0;margin:0;pointer-events:none}.vn-dropdown-item-text{display:flex;flex-direction:column;flex:1;min-width:0}.vn-dropdown-item-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vn-dropdown-item-meta{overflow:hidden;color:var(--text-color-3);font-size:var(--text-7);font-style:italic;white-space:nowrap;text-overflow:ellipsis}.vn-dropdown-empty,.vn-dropdown-hint,.vn-dropdown-error{padding:var(--space-13);color:var(--text-color-3);font-size:var(--text-7);text-align:center}.vn-dropdown-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-13)}.vn-dropdown-error{color:var(--error-dark)}.vn-dropdown-sentinel{display:flex;align-items:center;justify-content:center;min-height:var(--space-13);padding:var(--space-3)}@keyframes vn-dropdown-spin{to{rotate:360deg}}.vn-app-loading{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--bg-color-1) 72%,transparent);pointer-events:all}.vn-app-loading-enter-active,.vn-app-loading-leave-active{transition:opacity .15s ease}.vn-app-loading-enter-from,.vn-app-loading-leave-to{opacity:0}