:root{--font-family: "Bai Jamjuree";--primary: #0096c7;--primary-light: color-mix(in srgb, var(--primary) 15%, white);--info: #2196f3;--info-light: color-mix(in srgb, var(--info) 15%, white);--success: #00ba86;--success-light: color-mix(in srgb, var(--success) 15%, white);--warning: #ecb639;--warning-light: color-mix(in srgb, var(--warning) 15%, white);--error: #ef476f;--error-light: color-mix(in srgb, var(--error) 25%, white);--sidebar-width: max(13vw, 256px);--bg-color-1: white;--bg-color-2: #f7f7f7;--background: var(--bg-color-1);--muted: var(--bg-color-2);--text-color-1: black;--text-color-2: #17191e;--text-color-3: #2c3e50;--text-color-muted: #666;--text-color-opposite: white;--muted-foreground: var(--text-color-muted);--border-color-1: #17191e10;--border-color-2: #17191e30;--border-color-3: #17191e80;--ring: var(--primary);--border-radius-1: 13px;--border-radius-2: 8px;--border-radius-3: 5px;--border-radius-4: 3px;--radius-full: 9999px;--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-3: 2.1em;--text-5: 1.3em;--text-6: 1em;--text-7: .8em;--text-8: .7em;--text-regular: var(--text-6);--leading-normal: 1.5;--font-medium: 500;--font-bold: 600;--font-black: 800;--shadow-small: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-medium: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-large: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 50;--z-notification: 2000000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:var(--font-family),sans-serif;overscroll-behavior:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light}body{background-color:var(--bg-color-1);color:var(--text-color-2);margin:0;padding:0}body:has(dialog[open]){overflow:hidden}ul[role=list],ol[role=list],li{list-style:none}a{text-decoration:none}h1{padding:var(--space-2) var(--space-3);font-weight:200;letter-spacing:.02em;line-height:1}h2{font-weight:200;font-size:1.3em}h1,h2,h3,h4{text-wrap:balance}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}input,textarea{background-color:var(--bg-color-1)}textarea{resize:none;font-family:inherit;color:var(--text-color-2);border:1px solid var(--border-color-2);border-radius:var(--border-radius-2)}textarea:not(:disabled):hover,textarea:not(:disabled):active{border-color:var(--border-color-3)}button,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit}input[type=submit],input[type=reset],button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input{border:1px solid var(--border-color-2);border-radius:var(--border-radius-2);font-size:.95rem;background:var(--bg-color-1);color:var(--text-color-2)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--primary-light) inset;-webkit-text-fill-color:var(--text-color-2)}summary{list-style:none;appearance:none;-webkit-appearance:none}summary::-webkit-details-marker{display:none}summary::marker{content:none;display:none;font-size:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#app:has(.sidebar){display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar navbar" "sidebar main";min-height:100dvh}#app:has(.sidebar[data-open=false]){grid-template-columns:0 1fr}aside.sidebar{grid-area:sidebar;position:sticky;top:0;height:100dvh;overflow:hidden auto;z-index:100;transition:transform var(--transition);border-right:1px solid var(--border-color-1);box-shadow:var(--shadow-medium)}aside.sidebar[data-open=false]{transform:translate(-100%)}.sidebar-logo{height:64px;border-bottom:1px solid var(--border-color-1);display:flex;justify-content:center;align-items:center}img.sidebar-logo-image{max-width:180px;height:42px;object-fit:contain}img.sidebar-logo-custom{max-height:50px;height:auto}nav.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-13);padding:var(--space-8)}section.sidebar-nav-group{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}nav.sidebar-nav section.sidebar-nav-group small{font-size:var(--text-8);font-weight:var(--font-bold);line-height:1rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-foreground);padding:0 var(--space-5);margin-bottom:var(--space-3)}header.navbar{grid-area:navbar;position:sticky;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-8);z-index:90;border-bottom:1px solid var(--border-color-1);background-color:var(--bg-color-1)}.sidebar-toggle{display:grid;place-items:center;width:var(--space-21);height:var(--space-21);border:1px solid transparent;background:none;cursor:pointer;border-radius:var(--border-radius-3)}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{border-color:var(--border-color-2)}.sidebar-toggle svg{width:22px;height:22px}nav.navbar-content{display:flex;flex-direction:row;align-items:center;gap:1em}header.navbar svg{color:var(--text-color-2)}main#main-content{grid-area:main;padding:var(--space-8);min-width:0;scrollbar-gutter:stable;padding-bottom:10vh;display:flex;flex-direction:column;gap:var(--space-13)}@media(max-width:945px){#app:has(.sidebar),#app:has(.sidebar[data-open=false]){grid-template-columns:1fr;grid-template-areas:"navbar" "main"}aside.sidebar{position:fixed;top:0;left:0;width:280px;height:100dvh;transform:translate(-100%);z-index:400;background:var(--bg-color-1)}aside.sidebar[data-open=true]{transform:translate(0)}header.navbar{padding-inline:var(--space-5)}nav.navbar-content{gap:var(--space-5)}.navbar-user{display:none}}.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}.ticket-settings-page-header>hgroup h2{padding-inline:var(--space-8)}.group-selector{min-width:280px;max-width:360px;padding-inline:var(--space-5)}.data-mode-section{display:flex;justify-content:flex-end;align-items:flex-end;gap:var(--space-8)}.data-mode-section--with-group{justify-content:space-between}.sidebar-overlay{display:none}@media(max-width:945px){.sidebar-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:350}}@media(max-width:768px){.page-header,.data-mode-section{flex-direction:column;align-items:stretch}.group-selector{min-width:0;max-width:none;width:100%}.data-mode-section--with-group>.vn-tabs{margin-inline-start:var(--space-5)}}.navbar-user{font-size:var(--text-7);font-weight:var(--font-bold);color:var(--text-color-3)}.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-panel{position:absolute;top:calc(100% + var(--space-3));left:0;right:0;background:var(--bg-color-1);border:1px solid var(--border-color-2);border-radius:var(--border-radius-3);z-index:var(--z-dropdown);box-shadow:var(--shadow-medium);display:flex;flex-direction:column;overflow:hidden}.vn-searchable-dropdown-search{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--border-color-1)}.vn-searchable-dropdown-search-icon{width:1.1em;height:1.1em;color:var(--muted-foreground);flex-shrink:0}.vn-searchable-dropdown-search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-7);color:var(--text-color-2);-webkit-text-fill-color:var(--text-color-2)}.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-8);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-card{border:1px solid var(--border-color-1);border-radius:var(--border-radius-1);padding:1em}.vn-card-title{font-size:var(--text-5);font-weight:var(--font-bold);color:var(--text-color-2);margin-bottom:var(--space-8)}.page-subtitle{display:block;margin:0;opacity:.55;font-size:var(--text-7);font-weight:400;color:var(--text-color-3);line-height:1.5;padding-bottom:var(--space-8)}.page-header>hgroup .page-subtitle{padding-inline:var(--space-13)}.ticket-settings-page-header>hgroup .page-subtitle{padding-inline:1.5em}.vn-chevron{transform:rotate(0);transition:transform var(--transition)}.vn-chevron.is-open{transform:rotate(180deg)}.vn-field-label{display:block;font-size:var(--text-8);font-weight:var(--font-medium);color:var(--muted-foreground)}.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-detail-summary{list-style:none;display:flex;align-items:center;gap:var(--space-5);cursor:pointer}.vn-detail-summary::-webkit-details-marker{display:none}.vn-detail-summary::marker{content:none;display:none}.vn-detail-label{flex:1}.vn-detail-chevron{width:1em;height:1em;flex-shrink:0}.vn-detail[open]>.vn-detail-summary>.vn-detail-chevron{transform:rotate(180deg)}.vn-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-5);border:1px solid transparent;border-radius:var(--border-radius-2);font-family:inherit;font-size:inherit;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.vn-button:disabled{opacity:.5;cursor:not-allowed}.vn-button--primary{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);opacity:.9}.vn-button--primary:hover:not(:disabled){opacity:1}.vn-button--secondary{background-color:var(--primary);color:var(--text-color-opposite);border-color:var(--primary);padding:var(--space-3) var(--space-8);font-size:var(--text-7);font-weight:var(--font-medium);opacity:.9}.vn-button--secondary:hover:not(:disabled){opacity:1}.vn-button--secondary:disabled{background:none;color:var(--primary);border-color:var(--primary-light);opacity:1}.vn-button--ghost{background:none;border-color:var(--border-color-2);padding:var(--space-3) var(--space-8);font-size:var(--text-7)}.vn-button--ghost:hover:not(:disabled){border-color:var(--border-color-3)}.vn-button--icon{background:none;border-color:var(--border-color-2);width:var(--space-21);height:var(--space-21);padding:0;justify-content:center}.vn-button--icon:hover:not(:disabled){border-color:var(--border-color-3)}.vn-button--link{background:none;color:var(--primary);padding:var(--space-5) 0;font-size:var(--text-7)}.vn-button--link:hover:not(:disabled){text-decoration:underline}.vn-button--remove{background:var(--error-light);color:var(--text-color-3);font-size:var(--text-regular);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--remove:hover:not(:disabled){border-color:var(--border-color-3);background-color:var(--error);color:var(--text-color-2)}.vn-button--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--remove-text:hover:not(:disabled){border-color:var(--border-color-3);background-color:var(--error);color:var(--text-color-2)}.vn-button--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--field-close:hover:not(:disabled){opacity:1}.vn-button__icon{width:1rem;height:1rem;flex-shrink:0}.vn-button--dialog-close{background:none;border-color:var(--border-color-2);width:var(--space-21);height:var(--space-21);padding:0;border-radius:var(--border-radius-3);color:var(--text-color-1)}.vn-button--dialog-close:hover:not(:disabled),.vn-button--dialog-close:focus-visible{border-color:var(--border-color-3)}.vn-button--dialog-close>svg{width:2em;height:2em}dialog.vn-dialog-shell{border:none;border-radius:var(--border-radius-1);margin:auto;background:var(--bg-color-1);box-shadow:var(--shadow-large);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]{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-tag{display:inline-flex;align-items:center;justify-content:center;min-width:124px;max-width:100%;font-size:var(--text-8);font-weight:var(--font-bold);padding:var(--space-8) var(--space-13);border-radius:var(--border-radius-1);line-height:1.2}.vn-tag--neutral{background:transparent;border:1px solid var(--border-color-2);color:var(--text-color-2)}.vn-tag--category{color:#fff}.vn-tag--priority{color:#fff;background-color:var(--priority-tag-color)}.vn-tag--priority.vn-tag--template,.vn-tag--priority-muted.vn-tag--template,.vn-tag--priority-deleted.vn-tag--template{font-size:var(--text-7);padding:var(--space-5) var(--space-13)}.vn-tag--priority.vn-tag--task,.vn-tag--priority-muted.vn-tag--task,.vn-tag--priority-deleted.vn-tag--task{font-size:var(--text-6);padding:var(--space-5) var(--space-13)}.vn-tag--assignee{align-self:flex-start;background:transparent;border:1px solid var(--border-color-2);color:var(--text-color-2)}.vn-tag--assignee.vn-tag--template{font-size:var(--text-8);padding:var(--space-3) var(--space-13)}.vn-tag--assignee.vn-tag--task{font-size:var(--text-6);padding:var(--space-2) var(--space-13)}.vn-tag--priority-muted{background:transparent;color:var(--text-color-3);border:1px solid var(--border-color-2);font-weight:var(--font-medium)}.vn-tag--priority-deleted{gap:var(--space-3);background:transparent;border:1px solid var(--border-color-2);color:var(--text-color-2);opacity:.5;font-weight:var(--font-medium)}.vn-tag--priority-deleted .vn-tag__warning-icon{width:.95em;height:.95em;flex-shrink:0;color:currentColor}span.vn-tag.vn-tag--neutral.vn-tag--group-settings{padding:var(--space-2) var(--space-21)}