@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";html{--lumo-base-color: #FFFFFF;--app-canvas-color: #F6F6F4;--lumo-contrast-5pct: hsla(220, 12%, 15%, .04);--lumo-contrast-10pct: hsla(220, 12%, 15%, .07);--lumo-contrast-20pct: hsla(220, 12%, 15%, .13);--lumo-contrast-30pct: hsla(220, 12%, 15%, .22);--lumo-contrast-40pct: hsla(220, 12%, 15%, .32);--lumo-contrast-50pct: hsla(220, 12%, 15%, .46);--lumo-contrast-60pct: hsla(220, 12%, 15%, .58);--lumo-contrast-70pct: hsla(220, 12%, 15%, .7);--lumo-contrast-80pct: hsla(220, 12%, 15%, .83);--lumo-contrast-90pct: hsla(220, 12%, 15%, .93);--lumo-contrast: #16181D;--lumo-header-text-color: #16181D;--lumo-body-text-color: #33363D;--lumo-secondary-text-color: #6B7080;--lumo-tertiary-text-color: #9AA0AD;--lumo-font-family: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--lumo-font-size-xxxl: 1.875rem;--lumo-font-size-xxl: 1.5rem;--lumo-font-size-xl: 1.25rem;--lumo-font-size-l: 1.0625rem;--lumo-font-size-m: .9375rem;--lumo-font-size-s: .875rem;--lumo-font-size-xs: .8125rem;--lumo-font-size-xxs: .75rem;--lumo-line-height-m: 1.5;--lumo-border-radius-s: 6px;--lumo-border-radius-m: 8px;--lumo-border-radius-l: 12px;--lumo-box-shadow-xs: 0 1px 2px hsla(220, 15%, 15%, .05);--lumo-box-shadow-s: 0 1px 2px hsla(220, 15%, 15%, .05), 0 2px 8px hsla(220, 15%, 15%, .06);--lumo-box-shadow-m: 0 2px 4px hsla(220, 15%, 15%, .05), 0 8px 24px hsla(220, 15%, 15%, .08);--lumo-box-shadow-l: 0 4px 8px hsla(220, 15%, 15%, .06), 0 16px 48px hsla(220, 15%, 15%, .12);--lumo-success-color: #1A7F4B;--lumo-success-color-50pct: rgba(26, 127, 75, .5);--lumo-success-color-10pct: rgba(26, 127, 75, .1);--lumo-success-text-color: #157042;--lumo-success-contrast-color: #fff;--lumo-error-color: #C4382C;--lumo-error-color-50pct: rgba(196, 56, 44, .5);--lumo-error-color-10pct: rgba(196, 56, 44, .1);--lumo-error-text-color: #B33227;--lumo-primary-color: #4B2E83;--lumo-primary-color-50pct: rgba(75, 46, 131, .5);--lumo-primary-color-10pct: rgba(75, 46, 131, .08);--lumo-primary-text-color: #45307A;--lumo-primary-contrast-color: #fff;--lumo-size-xl: 4rem;--lumo-size-l: 3rem;--lumo-size-m: 2.5rem;--lumo-size-s: 2rem;--lumo-size-xs: 1.75rem;--lumo-space-xl: 2.5rem;--lumo-space-l: 1.75rem;--lumo-space-m: 1.125rem;--lumo-space-s: .75rem;--lumo-space-xs: .375rem;--lumo-space-r-x: var(--lumo-space-l)}@media (max-width: 479px){html{--lumo-space-r-x: 0}}@media (min-width: 480px) and (max-width: 1023px){html{--lumo-space-r-x: var(--lumo-space-m)}}h1,h2,h3,h4{letter-spacing:-.015em;font-weight:600}html{background:none!important}body{background:var(--app-canvas-color)!important}vaadin-app-layout>*:not([slot]){background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-xs);margin:var(--lumo-space-l);padding:var(--lumo-space-l)}@media (max-width: 640px){vaadin-app-layout>*:not([slot]){margin:var(--lumo-space-s);padding:var(--lumo-space-m)}}.app-card{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-m);padding:var(--lumo-space-l);max-width:900px}vaadin-app-layout>*:not([slot]):has(>.app-card),vaadin-app-layout>.login-view{background:transparent;border:none;box-shadow:none;height:auto!important;min-height:100%;box-sizing:border-box}vaadin-app-layout>*:not([slot]):not(:has(>.app-card)) .app-card{background:transparent;border-radius:0;box-shadow:none;padding:0}vaadin-app-layout>.login-view{background:transparent;border:none;box-shadow:none}.login-logo{width:64px;height:64px;margin-bottom:var(--lumo-space-m)}.registration-view{--lumo-size-m: var(--lumo-size-l);--lumo-font-size-m: 1.05rem}.registration-view .app-card{padding:var(--lumo-space-xl)}.registration-view h3{margin-top:0;margin-bottom:var(--lumo-space-m)}.login-view vaadin-login-form{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-m) var(--lumo-space-l) var(--lumo-space-l)}vaadin-login-form-wrapper{background:transparent!important}vaadin-grid{border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m)}.back-link{padding-left:0;margin-bottom:var(--lumo-space-s)}.option-row{display:flex;flex-direction:column;gap:2px;padding:var(--lumo-space-m);border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-m);margin-bottom:var(--lumo-space-s);cursor:pointer}.option-row:hover{border-color:var(--lumo-primary-color);background:var(--lumo-primary-color-10pct)}.option-row .option-title{font-weight:600}.option-row .option-detail{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.slot-chip{min-width:4.5em;background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-text-color);font-weight:600}.slot-chip:hover{background:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}.show-more{width:100%;margin-top:var(--lumo-space-m)}.summary-row{display:flex;justify-content:space-between;gap:var(--lumo-space-m);padding:var(--lumo-space-xs) 0;border-bottom:1px dashed var(--lumo-contrast-10pct)}.summary-row .summary-label{color:var(--lumo-secondary-text-color)}vaadin-text-field:not([disabled])::part(input-field),vaadin-text-area:not([disabled])::part(input-field),vaadin-password-field:not([disabled])::part(input-field),vaadin-email-field:not([disabled])::part(input-field),vaadin-number-field:not([disabled])::part(input-field),vaadin-integer-field:not([disabled])::part(input-field),vaadin-combo-box:not([disabled])::part(input-field),vaadin-date-picker:not([disabled])::part(input-field),vaadin-time-picker:not([disabled])::part(input-field){background:var(--lumo-base-color);box-shadow:inset 0 0 0 1px var(--lumo-contrast-20pct)}vaadin-text-field[focused]:not([disabled])::part(input-field),vaadin-text-area[focused]:not([disabled])::part(input-field),vaadin-password-field[focused]:not([disabled])::part(input-field),vaadin-email-field[focused]:not([disabled])::part(input-field),vaadin-number-field[focused]:not([disabled])::part(input-field),vaadin-integer-field[focused]:not([disabled])::part(input-field),vaadin-combo-box[focused]:not([disabled])::part(input-field),vaadin-date-picker[focused]:not([disabled])::part(input-field),vaadin-time-picker[focused]:not([disabled])::part(input-field){box-shadow:inset 0 0 0 1px var(--lumo-primary-color),0 0 0 3px var(--lumo-primary-color-10pct)}vaadin-text-field[invalid]:not([disabled])::part(input-field),vaadin-text-area[invalid]:not([disabled])::part(input-field),vaadin-password-field[invalid]:not([disabled])::part(input-field),vaadin-email-field[invalid]:not([disabled])::part(input-field),vaadin-number-field[invalid]:not([disabled])::part(input-field),vaadin-integer-field[invalid]:not([disabled])::part(input-field),vaadin-combo-box[invalid]:not([disabled])::part(input-field),vaadin-date-picker[invalid]:not([disabled])::part(input-field),vaadin-time-picker[invalid]:not([disabled])::part(input-field){box-shadow:inset 0 0 0 1px var(--lumo-error-color),0 0 0 3px var(--lumo-error-color-10pct)}vaadin-login-form-wrapper::part(form-title){font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-xl);font-weight:600;letter-spacing:-.015em}.content{background:var(--app-canvas-color)}.view-content{padding-top:var(--lumo-space-r-x);display:flex;padding-left:var(--lumo-space-r-x);box-sizing:border-box;height:100%;padding-right:var(--lumo-space-r-x)}.settings-div{padding:var(--lumo-space-s)}.row{border:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-s);background-color:var(--lumo-base-color);width:100%;border-radius:var(--lumo-border-radius-m);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-s);color:var(--lumo-body-text-color);display:flex;flex-direction:row;justify-content:center}.box{border:1px solid var(--lumo-contrast-10pct);background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-xs);display:flex;flex-direction:column;justify-content:flex-start;padding:var(--lumo-space-s);min-height:max-content}.boxheader{background-color:var(--lumo-contrast-5pct);border-bottom:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-s);text-align:center;font-weight:600}.boxcontent{background-color:var(--lumo-base-color);padding:var(--lumo-space-s);text-align:center;display:flex;flex-direction:column;align-items:center}.calendar{display:flex;flex-direction:column;height:100vh}[theme~=nubbery-brand],[theme~=niksoffice-brand]{--lumo-primary-color: #4B2E83;--lumo-primary-color-50pct: rgba(75, 46, 131, .5);--lumo-primary-color-10pct: rgba(75, 46, 131, .08);--lumo-primary-text-color: #45307A;--lumo-primary-contrast-color: #fff}[theme~=thaiclinic-brand]{--lumo-primary-color: #1F5C4F;--lumo-primary-color-50pct: rgba(31, 92, 79, .5);--lumo-primary-color-10pct: rgba(31, 92, 79, .08);--lumo-primary-text-color: #1F5C4F;--lumo-primary-contrast-color: #fff;--lumo-font-family: "Sarabun", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}.app-nav-groups{display:flex;flex-direction:column;gap:var(--lumo-space-m)}vaadin-side-nav-item vaadin-icon{padding:0;color:var(--lumo-secondary-text-color)}vaadin-side-nav-item[current]{color:var(--lumo-primary-text-color)}vaadin-side-nav-item[current] vaadin-icon{color:var(--lumo-primary-text-color)}vaadin-side-nav-item[current]::part(item){background:var(--lumo-primary-color-10pct)}.app-header{display:flex;align-items:center;gap:var(--lumo-space-s)}.app-header-logo{border-radius:6px}.app-header-title{font-weight:600;color:var(--lumo-header-text-color)}.app-user-menu{margin-inline-start:auto}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}