@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:#fff;--app-canvas-color:#f6f6f4;--lumo-contrast-5pct:#22252b0a;--lumo-contrast-10pct:#22252b12;--lumo-contrast-20pct:#22252b21;--lumo-contrast-30pct:#22252b38;--lumo-contrast-40pct:#22252b52;--lumo-contrast-50pct:#22252b75;--lumo-contrast-60pct:#22252b94;--lumo-contrast-70pct:#22252bb3;--lumo-contrast-80pct:#22252bd4;--lumo-contrast-90pct:#22252bed;--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 #21242c0d;--lumo-box-shadow-s:0 1px 2px #21242c0d, 0 2px 8px #21242c0f;--lumo-box-shadow-m:0 2px 4px #21242c0d, 0 8px 24px #21242c14;--lumo-box-shadow-l:0 4px 8px #21242c0f, 0 16px 48px #21242c1f;--lumo-success-color:#1a7f4b;--lumo-success-color-50pct:#1a7f4b80;--lumo-success-color-10pct:#1a7f4b1a;--lumo-success-text-color:#157042;--lumo-success-contrast-color:#fff;--lumo-error-color:#c4382c;--lumo-error-color-50pct:#c4382c80;--lumo-error-color-10pct:#c4382c1a;--lumo-error-text-color:#b33227;--lumo-primary-color:#4b2e83;--lumo-primary-color-50pct:#4b2e8380;--lumo-primary-color-10pct:#4b2e8314;--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);--app-form-width-s:620px;--app-form-width-m:800px;--app-form-width-l:900px}@media (width<=479px){html{--lumo-space-r-x:0}}@media (width>=480px) and (width<=1023px){html{--lumo-space-r-x:var(--lumo-space-m)}}@media (width>=1440px){html{--lumo-space-r-x:var(--lumo-space-xl)}}h1,h2,h3,h4{letter-spacing:-.015em;font-weight:600}html{background:0 0!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);padding:var(--lumo-space-l);margin:0}@media (width<=479px){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{box-shadow:none;box-sizing:border-box;background:0 0;border:none;min-height:100%;height:auto!important}.onboarding-view{box-sizing:border-box;min-height:100%;height:auto!important}vaadin-app-layout>:not([slot]):not(:has(>.app-card)) .app-card{box-shadow:none;background:0 0;border-radius:0;padding:0}vaadin-app-layout>.login-view{box-shadow:none;background:0 0;border: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:0 0!important}.form-narrow{max-width:var(--app-form-width-s)}.form-medium{max-width:var(--app-form-width-m)}.form-wide{max-width:var(--app-form-width-l)}vaadin-grid{border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m)}.back-link{margin-bottom:var(--lumo-space-s);padding-left:0}.option-row{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;flex-direction:column;gap:2px;display:flex}.option-row:hover{border-color:var(--lumo-primary-color);background:var(--lumo-primary-color-10pct)}.option-row-selected{border-color:var(--lumo-primary-color);padding:calc(var(--lumo-space-m) - 1px);background:var(--lumo-primary-color-50pct);border-width:2px}.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{background:var(--lumo-primary-color-10pct);min-width:4.5em;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)}.services-footer{justify-content:space-between;align-items:center;gap:var(--lumo-space-m);margin-top:var(--lumo-space-m);padding-top:var(--lumo-space-m);border-top:1px solid var(--lumo-contrast-10pct);display:flex}.services-footer-totals{font-weight:600}.services-footer{flex-wrap:wrap}.services-footer-hint{color:var(--lumo-error-text-color);font-size:var(--lumo-font-size-s);flex-basis:100%;order:-1}.summary-row{justify-content:space-between;gap:var(--lumo-space-m);padding:var(--lumo-space-xs) 0;border-bottom:1px dashed var(--lumo-contrast-10pct);display:flex}.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);letter-spacing:-.015em;font-weight:600}.content{background:var(--app-canvas-color)}.view-content{padding-top:var(--lumo-space-r-x);padding-left:var(--lumo-space-r-x);box-sizing:border-box;height:100%;padding-right:var(--lumo-space-r-x);display:flex}.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);border-radius:var(--lumo-border-radius-m);width:100%;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);flex-direction:row;justify-content:center;display:flex}.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);padding:var(--lumo-space-s);flex-direction:column;justify-content:flex-start;min-height:max-content;display:flex}.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;flex-direction:column;align-items:center;display:flex}.calendar{flex-direction:column;height:100vh;display:flex}vaadin-app-layout{background:var(--app-canvas-color);--vaadin-app-layout-drawer-width:280px;--app-nav-rail-width:64px;flex-direction:column!important;height:auto!important;min-height:100%!important;padding-block:0!important;display:flex!important}vaadin-app-layout[nav-collapsed]:not([overlay]){--vaadin-app-layout-drawer-width:var(--app-nav-rail-width)}vaadin-app-layout::part(drawer){transition:width var(--vaadin-app-layout-transition-duration,.2s), transform var(--vaadin-app-layout-transition-duration,.2s), visibility var(--vaadin-app-layout-transition-duration,.2s);background:var(--lumo-base-color);border-inline-end:1px solid var(--lumo-contrast-10pct);box-sizing:border-box}vaadin-app-layout::part(navbar){flex:none;background:var(--app-canvas-color)!important;box-shadow:none!important;border-bottom:none!important;position:static!important}vaadin-app-layout::part(content){box-sizing:border-box;background:var(--app-canvas-color);padding:var(--lumo-space-r-x) var(--lumo-space-r-x) var(--lumo-space-r-x) var(--lumo-space-r-x);flex:auto;display:flex;height:auto!important;overflow:visible!important}vaadin-side-nav-item::part(link){justify-content:var(--app-nav-link-justify,flex-start);padding-inline:var(--app-nav-link-padding-inline,var(--lumo-space-s))}vaadin-app-layout[nav-collapsed]:not([overlay]) vaadin-side-nav-item::part(link){gap:0;font-size:0}vaadin-app-layout[nav-collapsed]:not([overlay]) vaadin-side-nav-item>vaadin-icon[slot=prefix]{width:1.5rem;height:1.5rem}vaadin-button{font-weight:500}vaadin-button[theme~=primary]{box-shadow:var(--lumo-box-shadow-xs), inset 0 -1px 0 #16181d26}vaadin-button:not([theme~=primary]):not([theme~=tertiary]):not([theme~=tertiary-inline]):not([theme~=error]):not([theme~=success]):not([theme~=contrast]){background:var(--lumo-base-color);box-shadow:inset 0 0 0 1px var(--lumo-contrast-20pct)}vaadin-button:not([theme~=primary]):not([theme~=tertiary]):not([theme~=tertiary-inline]):not([theme~=error]):not([theme~=success]):not([theme~=contrast]):hover{background:var(--lumo-contrast-5pct)}vaadin-tab{font-weight:500}vaadin-grid{border-radius:var(--lumo-border-radius-m);--vaadin-grid-row-hover-background-color:var(--lumo-contrast-5pct);overflow:hidden}vaadin-grid::part(header-cell){background:var(--lumo-contrast-5pct);font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);white-space:normal;overflow-wrap:anywhere;font-weight:600;line-height:1.3}vaadin-grid::part(body-cell){--vaadin-grid-cell-padding:calc(2 * var(--lumo-space-xs)) var(--lumo-space-m)}vaadin-dialog-overlay::part(overlay){border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-l)}vaadin-dialog-overlay::part(header){border-bottom:1px solid var(--lumo-contrast-10pct)}vaadin-dialog-overlay::part(backdrop){background:#16181d59}vaadin-notification-card::part(overlay){background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-l)}vaadin-notification-card[theme~=success]::part(overlay){background:var(--lumo-base-color);color:var(--lumo-body-text-color);border-inline-start:3px solid var(--lumo-success-color)}vaadin-notification-card[theme~=error]::part(overlay){background:var(--lumo-base-color);color:var(--lumo-body-text-color);border-inline-start:3px solid var(--lumo-error-color)}@media (width<=450px),(height<=450px){vaadin-context-menu-overlay,vaadin-menu-bar-overlay{justify-content:flex-start!important;align-items:flex-end!important;margin:0!important;inset:8px 8px auto auto!important}}[theme~=niksoffice-brand]{--lumo-primary-color:#4b2e83;--lumo-primary-color-50pct:#4b2e8380;--lumo-primary-color-10pct:#4b2e8314;--lumo-primary-text-color:#45307a;--lumo-primary-contrast-color:#fff}[theme~=thaiclinic-brand]{--lumo-primary-color:#1f5c4f;--lumo-primary-color-50pct:#1f5c4f80;--lumo-primary-color-10pct:#1f5c4f14;--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{gap:var(--lumo-space-m);flex-direction:column;display:flex}vaadin-side-nav,vaadin-side-nav-item{font-size:var(--lumo-font-size-s)}vaadin-side-nav-item vaadin-icon{color:var(--lumo-secondary-text-color);padding:0}vaadin-side-nav-item[current],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)}vaadin-side-nav-item.nav-item-locked,vaadin-side-nav-item.nav-item-locked vaadin-icon{color:var(--lumo-tertiary-text-color)}.app-header{align-items:center;gap:var(--lumo-space-s);display:flex}.app-header-logo{border-radius:6px}.app-header-title{color:var(--lumo-header-text-color);font-weight:600}vaadin-app-layout>.app-user-menu{margin-inline-start:auto}[slot=drawer]:is(header,footer){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;display:flex}[slot=drawer]:is(header,footer):empty,vaadin-app-layout:not([overlay]) vaadin-drawer-toggle,vaadin-app-layout[overlay] .app-nav-toggle{display:none}.app-nav-toggle{color:var(--lumo-secondary-text-color)}vaadin-app-layout[nav-collapsed]:not([overlay]) vaadin-scroller[slot=drawer]{padding-inline:var(--lumo-space-xs)}vaadin-app-layout[nav-collapsed]:not([overlay]) vaadin-side-nav-item{--app-nav-link-justify:center;--app-nav-link-padding-inline:0}vaadin-app-layout[nav-collapsed]:not([overlay]) vaadin-side-nav-item [slot=suffix],vaadin-app-layout[nav-collapsed]:not([overlay]) vaadin-side-nav>[slot=label]{display:none}vaadin-app-layout[nav-collapsed]:not([overlay]) vaadin-side-nav:has(>[slot=label])::part(label){height:1px;min-height:0;margin:var(--lumo-space-s) var(--lumo-space-m);background:var(--lumo-contrast-10pct);padding:0}vaadin-app-layout[nav-collapsed]:not([overlay]) .app-nav-groups{gap:0}vaadin-app-layout[nav-collapsed]:not([overlay]) .app-header-title{display:none}vaadin-app-layout[nav-collapsed]:not([overlay]) [slot=drawer]:is(header,footer){justify-content:center;padding-inline:0}.stats-view .stat-page-title{margin:0}.stats-view .stat-page-subtitle{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.stats-view .stat-controls{margin:var(--lumo-space-m) 0 var(--lumo-space-l);gap:var(--lumo-space-m);flex-wrap:wrap}.stats-view .stat-tile-row{gap:var(--lumo-space-m);margin-bottom:var(--lumo-space-l);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.stats-view .stat-tile{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m);min-height:96px}.stats-view .stat-tile-caption{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xs);text-transform:uppercase;letter-spacing:.04em}.stats-view .stat-tile-value{font-size:var(--lumo-font-size-xxl);font-weight:600;line-height:1.2}.stats-view .stat-tile-delta{font-size:var(--lumo-font-size-xs);margin-top:var(--lumo-space-xs);font-weight:600}.stats-view .stat-tile-delta.is-good{color:var(--lumo-success-text-color)}.stats-view .stat-tile-delta.is-bad{color:var(--lumo-error-text-color)}.stats-view .stat-tile-delta.is-flat{color:var(--lumo-secondary-text-color)}.stats-view .stat-tile-spark{margin-top:var(--lumo-space-xs)}.stats-view .stat-section{border-top:1px solid var(--lumo-contrast-10pct);padding-top:var(--lumo-space-l);margin-top:var(--lumo-space-l)}.stats-view .stat-section-title{margin:0 0 var(--lumo-space-xs)}.stats-view .stat-section-subtitle{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-bottom:var(--lumo-space-m);display:block}.stats-view .stat-subheading{margin-top:var(--lumo-space-m);font-weight:600;display:block}.stats-view .stat-note{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin:var(--lumo-space-s) 0;display:block}.stats-view .stat-empty{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);padding:var(--lumo-space-m) 0;display:block}.stats-view .stat-export{font-size:var(--lumo-font-size-s);margin-top:var(--lumo-space-s);display:inline-block}.stats-view .stat-upsell{border:1px dashed var(--lumo-contrast-30pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);margin-top:var(--lumo-space-l)}.stats-view .stat-upsell-title{font-weight:600;font-size:var(--lumo-font-size-l);display:block}.stats-view .stat-upsell-text{color:var(--lumo-secondary-text-color);margin:var(--lumo-space-s) 0;display:block}.stats-view vaadin-grid{max-width:100%}@media (width<=640px){.stats-view .stat-tile-value{font-size:var(--lumo-font-size-xl)}}