.centered-content{margin:0 auto;max-width:250px}vaadin-text-field.bordered::part(input-field){box-shadow:inset 0 0 0 1px var(--lumo-contrast-30pct);background-color:var(--lumo-base-color)}.compact-layout{gap:0!important;margin:0!important}.filter-row{align-items:flex-end;gap:var(--lumo-space-m)}.video-description{color:var(--lumo-secondary-text-color);font-size:.9em;margin-top:8px}.mobile-list-dialog{width:min(90vw,500px);min-width:280px;height:auto;min-height:150px;max-height:70vh}.mobile-list-dialog-wide{width:min(95vw,400px);min-height:150px;max-height:80vh}.video-list-dialog{width:min(90vw,500px);min-width:280px;min-height:150px;max-height:70vh}.video-player-dialog{width:min(95vw,560px);min-height:200px;max-height:85vh}.album-viewer-dialog{width:min(95vw,500px);min-height:200px;max-height:85vh}.notice-detail-dialog{width:min(95vw,400px)}.dashboard-card-header{width:100%;display:flex;align-items:center;justify-content:space-between}.lms-edit-dialog{width:min(95vw,600px)!important;max-height:90vh}.lms-edit-dialog vaadin-form-layout{--vaadin-form-layout-column-spacing: .5em}@media (max-width: 600px){.lms-edit-dialog vaadin-form-layout{--vaadin-form-layout-column-count: 1 !important}.lms-edit-dialog vaadin-horizontal-layout{flex-direction:column!important;align-items:stretch!important}.lms-edit-dialog vaadin-horizontal-layout>*{width:100%!important}}.my-mobile-dialog-layout{width:95vw!important;min-height:150px;height:auto;max-height:90vh;border-radius:12px;overflow:hidden;padding:0;background:#fff;box-shadow:0 4px 24px #00000040}@media (min-width: 768px){.my-mobile-dialog-layout{width:min(90vw,800px)!important}.my-mobile-dialog-layout.album-viewer-dialog{width:min(90vw,900px)!important}}.my-mobile-dialog-header{width:100%;padding:12px 16px;border-bottom:1px solid #eee;background:#fff;display:flex;align-items:center;justify-content:space-between}.my-mobile-dialog-header h3{margin:0;font-size:1.1em}.my-mobile-dialog-close-btn{min-height:40px;background:transparent;border:none;cursor:pointer;color:#666}.my-mobile-dialog-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex-grow:1;flex-shrink:1}.video-player-iframe{width:100%;aspect-ratio:16/9;border:none;border-radius:8px}.album-existing-images{flex-wrap:wrap;gap:8px;padding:8px 0;border-top:1px solid var(--lumo-contrast-20pct);margin-top:16px}.album-image-card{width:100px;border:1px solid var(--lumo-contrast-20pct);border-radius:8px;overflow:hidden;position:relative}.album-image-card img{width:100px;height:100px;object-fit:cover}.album-image-actions{position:absolute;bottom:0;left:0;right:0;background:#00000080;padding:4px;justify-content:center;gap:4px}.album-image-actions vaadin-button{color:#fff}.album-image-actions vaadin-button.cover-active{color:gold}.gallery-images-grid{flex-wrap:wrap;gap:12px;padding:12px 0}.gallery-image-card{width:120px;border:1px solid var(--lumo-contrast-20pct);border-radius:8px;overflow:hidden;position:relative}.gallery-image-card img{width:120px;height:120px;object-fit:cover}.gallery-grid-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.gallery-grid-thumb{width:calc(33% - 6px);aspect-ratio:1;border-radius:8px;background:#f0f0f0;overflow:hidden;cursor:pointer}.gallery-grid-thumb img{width:100%;height:100%;object-fit:cover}.image-lightbox{width:95vw;height:90vh}.image-lightbox-content{background:#000;align-items:center;justify-content:center;width:100%;height:100%}.image-lightbox-img{max-width:100%;max-height:85vh;object-fit:contain}.image-lightbox-caption{color:var(--lumo-secondary-text-color);padding:4px 8px;text-align:center;font-size:var(--lumo-font-size-s)}.image-lightbox-close{position:absolute;top:8px;right:8px;background:#ffffff4d!important;color:#fff!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;min-width:40px!important}.image-lightbox-mobile{width:min(95vw,600px);max-height:90vh}.image-lightbox-nav{width:min(95vw,450px)!important;max-width:min(95vw,450px)!important;padding:0!important}.image-lightbox-nav [slot=header-content],.image-lightbox-nav [slot=footer]{padding:8px 12px!important}.lightbox-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;width:100%}.lightbox-image-wrapper{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px;max-height:50vh;overflow:hidden;position:relative}.lightbox-image{max-width:100%;max-height:50vh;object-fit:contain;border-radius:4px}.lightbox-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:14px}.lightbox-nav-btn{display:flex;align-items:center;justify-content:center;min-width:40px;width:40px;height:40px;border-radius:50%;background:var(--lumo-contrast-10pct);color:var(--lumo-body-text-color);font-size:16px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lightbox-nav-btn:active{background:var(--lumo-contrast-20pct)}.gallery-image-actions{position:absolute;bottom:0;left:0;right:0;background:#00000080;padding:4px;justify-content:center;gap:4px}.gallery-image-actions vaadin-button{color:#fff}.gallery-image-actions vaadin-button.cover-active{color:gold}.gallery-action-buttons{gap:4px}.text-bold{font-weight:500}.video-description-text{color:var(--lumo-secondary-text-color)}.header-layout,.header-left-section,.header-middle-section,.header-right-section{display:flex!important;align-items:center!important}.institution-logo{align-self:center!important}.institution-info h2{color:var(--lumo-primary-color)!important}.header-right-section vaadin-menu-bar-button{color:var(--lumo-primary-color)!important}.header-right-section vaadin-menu-bar-button vaadin-icon{color:var(--lumo-primary-color)!important}[theme~=dark]{--lumo-primary-color: hsl(214, 90%, 52%) !important;--lumo-primary-color-50pct: hsla(214, 90%, 52%, .5) !important;--lumo-primary-color-10pct: hsla(214, 90%, 52%, .1) !important;--lumo-primary-text-color: hsl(214, 90%, 52%) !important}.header-right-section vaadin-menu-bar-button{height:40px!important;min-height:40px!important}.header-right-section vaadin-menu-bar-button vaadin-icon{width:28px!important;height:28px!important}vaadin-app-layout::part(drawer){width:auto!important;min-width:150px!important;max-width:220px!important;background:linear-gradient(180deg,var(--lumo-base-color) 0%,var(--lumo-contrast-5pct) 100%)!important;border-right:1px solid var(--lumo-contrast-10pct)!important}vaadin-app-layout [slot=drawer] vaadin-side-nav{width:100%!important;padding:.5em!important}vaadin-app-layout [slot=drawer] vaadin-side-nav::part(label){font-weight:600!important;color:var(--lumo-primary-color)!important;font-size:.85em!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:.5em .75em!important}vaadin-app-layout [slot=drawer] vaadin-side-nav-item{--vaadin-side-nav-item-padding: .6em .75em !important;border-radius:var(--lumo-border-radius-m)!important;margin:2px 4px!important;transition:all .15s ease!important}vaadin-app-layout [slot=drawer] vaadin-side-nav-item:hover{background-color:var(--lumo-primary-color-10pct)!important}vaadin-app-layout [slot=drawer] vaadin-side-nav-item[active]{background-color:var(--lumo-primary-color-10pct)!important;border-left:3px solid var(--lumo-primary-color)!important;font-weight:500!important}vaadin-app-layout [slot=drawer] vaadin-side-nav-item vaadin-icon{color:var(--lumo-secondary-text-color)!important;width:18px!important;height:18px!important}vaadin-app-layout [slot=drawer] vaadin-side-nav-item[active] vaadin-icon{color:var(--lumo-primary-color)!important}@media screen and (min-width: 769px) and (max-width: 1024px){.header-layout{padding:.4em!important}.header-left-section{width:20%!important}.header-middle-section{width:60%!important}.header-right-section{width:20%!important}.institution-info h2{font-size:.95em!important}.institution-info span{font-size:.8em!important}.institution-logo{height:50px!important;max-height:50px!important}}@media screen and (max-width: 768px) and (orientation: portrait){vaadin-app-layout::part(navbar),vaadin-app-layout [slot=navbar]{position:fixed!important;inset:0 0 auto!important;height:45px!important;min-height:45px!important;max-height:45px!important;z-index:1001!important;transform:none!important}vaadin-app-layout{--vaadin-app-layout-navbar-offset-size: 48px !important;--vaadin-app-layout-navbar-offset-top: 48px !important;--vaadin-app-layout-touch-optimized: false !important}.header-layout{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;padding:.2em!important;height:45px!important;min-height:45px!important;max-height:45px!important;overflow:hidden!important}.header-left-section{width:8%!important;min-width:32px!important;max-width:40px!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important;height:45px!important}.header-middle-section{width:84%!important;flex:1!important;overflow:hidden!important;justify-content:center!important;display:flex!important;align-items:center!important;text-align:center!important;height:45px!important}.header-right-section{width:15%!important;min-width:70px!important;max-width:80px!important;flex-shrink:0!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;padding-right:5px!important;height:45px!important;gap:4px!important}.header-left-section vaadin-drawer-toggle{font-size:1.2em!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.header-left-section vaadin-drawer-toggle::part(button){width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.header-right-section vaadin-button{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:2px!important;margin:0 2px!important;align-self:center!important;vertical-align:middle!important}.header-right-section vaadin-button vaadin-icon{width:16px!important;height:16px!important;font-size:1em!important}.header-right-section vaadin-menu-bar-button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important}.header-right-section vaadin-menu-bar-button vaadin-icon{font-size:1.8em!important;width:28px!important;height:28px!important}.institution-info .institution-affiliation,.institution-info .institution-address,.institution-info .institution-contact,.institution-info .institution-website{display:none!important}.institution-info{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:var(--lumo-space-xs)!important;height:100%!important;margin:0!important;padding:0!important}.institution-info h2{display:flex!important;align-items:center!important;justify-content:center!important;font-size:clamp(.5em,2.5vw,.85em)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;padding:0!important;line-height:45px!important;height:45px!important;color:var(--lumo-primary-color)!important}.institution-logo{height:30px!important;max-height:30px!important;width:auto!important;flex-shrink:0!important;display:flex!important;align-self:center!important}.header-right-section vaadin-menu-bar-button span:not(.vaadin-icon){display:none!important}.user-name-text{display:none!important}vaadin-menu-bar vaadin-menu-bar-button span:not(vaadin-icon){display:none!important}vaadin-menu-bar vaadin-menu-bar-button{min-width:40px!important;padding:.5em!important}.header-right-section vaadin-menu-bar,.header-left-section vaadin-drawer-toggle{margin:0!important;padding:.2em!important}vaadin-app-layout::part(drawer){position:fixed!important;top:45px!important;left:0!important;bottom:0!important;height:auto!important;width:280px!important;overflow:hidden!important;padding:0!important;margin:0!important;z-index:1000!important}vaadin-app-layout [slot=drawer]{position:absolute!important;inset:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;padding:0!important;margin:0!important}vaadin-app-layout [slot=drawer]>vaadin-vertical-layout{min-height:calc(100% + 1px)!important;padding:8px 8px 100px!important;box-sizing:border-box!important}vaadin-app-layout::part(content){padding:0!important;margin:0!important}vaadin-app-layout::part(content)>vaadin-vertical-layout{padding:5px!important;margin:0!important}vaadin-app-layout::part(content)>vaadin-vertical-layout>vaadin-vertical-layout:first-child{padding:0!important;margin:0!important}}@media screen and (max-width: 768px) and (orientation: landscape){vaadin-app-layout::part(navbar),vaadin-app-layout [slot=navbar]{position:fixed!important;inset:0 0 auto!important;height:55px!important;min-height:55px!important;max-height:55px!important;z-index:1001!important;transform:none!important}vaadin-app-layout{--vaadin-app-layout-navbar-offset-size: 55px !important}.header-layout{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;padding:.3em!important;height:55px!important;min-height:55px!important;max-height:55px!important;overflow:hidden!important}.header-left-section{width:10%!important;min-width:40px!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.header-middle-section{width:80%!important;flex:1!important;overflow:hidden!important;justify-content:center!important;display:flex!important;align-items:center!important;text-align:center!important}.header-right-section{width:10%!important;min-width:60px!important;flex-shrink:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.institution-info .institution-affiliation,.institution-info .institution-address,.institution-info .institution-contact,.institution-info .institution-website{display:none!important}.institution-info h2{display:flex!important;align-items:center!important;font-size:.9em!important;color:var(--lumo-primary-color)!important;margin:0!important}.institution-logo{height:40px!important;max-height:40px!important;width:auto!important;margin-right:.5em!important}.user-name-text{display:none!important}vaadin-menu-bar vaadin-menu-bar-button span:not(vaadin-icon){display:none!important}vaadin-menu-bar vaadin-menu-bar-button{min-width:40px!important;padding:.5em!important}vaadin-app-layout::part(drawer){position:fixed!important;top:55px!important;left:0!important;bottom:0!important;height:auto!important;width:280px!important;overflow:hidden!important;padding:0!important;margin:0!important;z-index:1000!important}vaadin-app-layout [slot=drawer]{position:absolute!important;inset:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;padding:0!important;margin:0!important}vaadin-app-layout [slot=drawer]>vaadin-vertical-layout{min-height:calc(100% + 1px)!important;padding:8px 8px 100px!important;box-sizing:border-box!important}vaadin-app-layout::part(content){padding-top:65px!important;margin-top:0!important;min-height:calc(100vh - 65px)!important}vaadin-app-layout main{padding-top:65px!important;margin-top:0!important;min-height:calc(100vh - 65px)!important}}@media screen and (max-width: 768px){vaadin-app-layout[drawer-opened]{overflow:hidden!important}vaadin-app-layout[drawer-opened]::part(content){overflow:hidden!important;pointer-events:none!important}vaadin-app-layout[drawer-opened]::part(drawer){pointer-events:auto!important;touch-action:manipulation!important}vaadin-app-layout [slot=drawer],vaadin-app-layout [slot=drawer] *{-webkit-overflow-scrolling:touch!important;touch-action:manipulation!important}vaadin-app-layout [slot=drawer] vaadin-side-nav,vaadin-app-layout [slot=drawer] vaadin-vertical-layout{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:manipulation!important}vaadin-app-layout::part(content),vaadin-app-layout main,vaadin-app-layout main>*{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:manipulation!important}vaadin-app-layout main>*{margin-top:0!important}.view-content,[class*=view],[class*=View]{padding-top:10px!important;margin-top:0!important}vaadin-vertical-layout:first-child{padding-top:10px!important}.header-right-section button span:not(.vaadin-icon){display:none!important}.header-right-section button{padding:.25em!important;margin:.1em!important}}vaadin-grid tr.approved-expense,vaadin-grid-row.approved-expense{background-color:var(--lumo-contrast-5pct)!important;opacity:.7}vaadin-grid tr.approved-expense td,vaadin-grid-row.approved-expense vaadin-grid-cell-content{color:var(--lumo-secondary-text-color)!important;text-decoration:line-through}vaadin-grid tr.approved-expense:hover,vaadin-grid-row.approved-expense:hover{cursor:not-allowed}vaadin-grid tr.approved-expense vaadin-checkbox,vaadin-grid-row.approved-expense vaadin-checkbox{opacity:.4;pointer-events:none}@media screen and (max-width: 768px){vaadin-dialog-overlay[opened]{z-index:10000!important}vaadin-dialog-overlay .my-dialog,vaadin-dialog-overlay[opened] [part=overlay]{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;margin:0!important;border-radius:0!important;top:0!important;left:0!important;position:fixed!important}body:has(vaadin-dialog-overlay[opened]){overflow:hidden!important}vaadin-dialog-overlay[opened] [part=content]{display:flex!important;flex-direction:column!important;height:calc(100vh - 60px)!important;max-height:calc(100vh - 60px)!important;overflow:hidden!important;padding:0!important}vaadin-dialog-overlay[opened] [part=header]{flex-shrink:0!important;padding:var(--lumo-space-s) var(--lumo-space-m)!important;border-bottom:1px solid var(--lumo-contrast-10pct)!important}vaadin-dialog-overlay[opened] [part=footer]{flex-shrink:0!important;display:flex!important;flex-direction:column!important;padding:var(--lumo-space-s) var(--lumo-space-m)!important;border-top:1px solid var(--lumo-contrast-10pct)!important;background:var(--lumo-base-color)!important}vaadin-dialog-overlay[opened] [part=footer]>*{order:-1!important}.my-dialog vaadin-vertical-layout,.my-dialog .my-vertical-layout{flex:1 1 auto!important;overflow-y:scroll!important;overflow-x:hidden!important;padding:var(--lumo-space-m)!important}vaadin-dialog-overlay[opened] [part=overlay]{cursor:default!important}vaadin-dialog.mobile-fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important}}vaadin-dialog-overlay [slot=header-content] vaadin-button{color:var(--lumo-primary-contrast-color)!important;background:transparent!important}vaadin-dialog-overlay [slot=header-content] vaadin-button:hover{background:#fff3!important}.compact-layout{padding:0!important;margin:0!important;gap:var(--lumo-space-xs)!important}vaadin-vertical-layout{justify-content:flex-start!important}vaadin-vertical-layout vaadin-vertical-layout{padding:0!important;margin:0!important;gap:var(--lumo-space-xs)!important}vaadin-tabs{margin-bottom:0!important;padding-bottom:0!important;margin-top:0!important;padding-top:0!important}vaadin-tabs::part(tabs){margin-bottom:0!important;padding-bottom:0!important}vaadin-tabs+vaadin-vertical-layout,vaadin-tabs+div,vaadin-tabs~vaadin-vertical-layout{margin-top:0!important;padding-top:var(--lumo-space-xs)!important}.drawer-main-nav{font-weight:600;margin-top:var(--lumo-space-s)}vaadin-combo-box-overlay{z-index:10000!important}vaadin-combo-box,vaadin-text-field,vaadin-number-field,vaadin-date-picker,vaadin-select{--vaadin-input-field-height: 32px;--vaadin-input-field-label-font-size: var(--lumo-font-size-s);--vaadin-input-field-label-line-height: 1.2;margin-top:0;margin-bottom:0}vaadin-button{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}.duplicate-info-box{border:1px solid var(--lumo-contrast-20pct);padding:var(--lumo-space-m);margin-bottom:var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);background-color:var(--lumo-contrast-5pct)}vaadin-menu-bar-button.selected,vaadin-context-menu-item.selected,[role=menuitem].selected,.selected{background-color:transparent!important;color:var(--lumo-secondary-color, #ff6b35)!important;border-bottom:2px solid var(--lumo-secondary-color, #ff6b35)!important;font-weight:600!important}.subject-info-label{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}vaadin-menu-bar vaadin-menu-bar-button.selected{background-color:transparent!important;color:var(--lumo-secondary-color, #ff6b35)!important;border-bottom:2px solid var(--lumo-secondary-color, #ff6b35)!important}vaadin-menu-bar vaadin-menu-bar-button{background-color:transparent!important;color:var(--lumo-primary-color)!important;border-bottom:2px solid transparent!important;transition:color .2s,border-bottom-color .2s}vaadin-menu-bar vaadin-menu-bar-button:hover:not(.selected){color:var(--lumo-primary-color-50pct)!important}vaadin-button[theme~=primary]{color:#fff!important}vaadin-grid-cell-content vaadin-button[theme~=primary]{min-width:fit-content!important;padding-left:var(--lumo-space-s)!important;padding-right:var(--lumo-space-s)!important;white-space:nowrap!important}vaadin-grid-cell-content{white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.4!important}vaadin-grid-cell-content vaadin-button[theme~=tertiary]{color:var(--lumo-primary-color)!important;text-decoration:underline!important;cursor:pointer!important;padding:0!important;background:transparent!important;min-width:auto!important}vaadin-grid-cell-content vaadin-button[theme~=tertiary]::part(label){color:var(--lumo-primary-color)!important}vaadin-button[disabled][theme~=primary]{background-color:var(--lumo-contrast-10pct)!important;color:var(--lumo-secondary-color, #ff6b35)!important;border:1px solid var(--lumo-contrast-20pct)!important;cursor:not-allowed!important}vaadin-button[disabled]{color:var(--lumo-secondary-color, #ff6b35)!important;cursor:not-allowed!important}vaadin-button[disabled]:hover{background-color:var(--lumo-contrast-10pct)!important;cursor:not-allowed!important}vaadin-combo-box{flex:1 1 auto;min-width:200px;max-width:300px}vaadin-combo-box::part(clear-button){opacity:1!important;visibility:visible!important}vaadin-combo-box,vaadin-date-picker,vaadin-text-field,vaadin-number-field,vaadin-text-area{--lumo-text-field-size: var(--lumo-size-m);margin-top:0!important;margin-bottom:0!important;padding-top:0!important}vaadin-combo-box::part(input-field),vaadin-date-picker::part(input-field),vaadin-text-field::part(input-field),vaadin-number-field::part(input-field),vaadin-text-area::part(input-field){padding-top:0!important;margin-top:0!important}vaadin-combo-box,vaadin-date-picker,vaadin-text-field,vaadin-number-field,vaadin-text-area{--vaadin-field-default-width: auto;gap:0!important}vaadin-combo-box:before,vaadin-date-picker:before,vaadin-text-field:before,vaadin-number-field:before,vaadin-text-area:before{height:0!important;min-height:0!important}vaadin-combo-box::part(label),vaadin-date-picker::part(label),vaadin-text-field::part(label),vaadin-number-field::part(label),vaadin-text-area::part(label){padding:0!important;margin:0!important;font-size:var(--lumo-font-size-s);line-height:1!important}vaadin-combo-box{flex-direction:row!important;align-items:baseline!important}vaadin-combo-box::part(label){padding-right:var(--lumo-space-s);white-space:nowrap}vaadin-combo-box::part(input-field){flex:1}vaadin-date-picker{flex-direction:row;align-items:baseline}vaadin-date-picker::part(label){padding-right:var(--lumo-space-s);white-space:nowrap}vaadin-date-picker::part(input-field){flex:1}vaadin-text-field{flex-direction:row!important;align-items:baseline!important}vaadin-text-field::part(label){padding-right:var(--lumo-space-s);white-space:nowrap}vaadin-text-field::part(input-field){flex:1}vaadin-integer-field{flex-direction:row!important;align-items:baseline!important}vaadin-integer-field::part(label){padding-right:var(--lumo-space-s);white-space:nowrap}vaadin-integer-field::part(input-field){flex:1}vaadin-number-field,vaadin-big-decimal-field{flex-direction:row!important;align-items:baseline!important}vaadin-number-field::part(label),vaadin-big-decimal-field::part(label){padding-right:var(--lumo-space-s);white-space:nowrap}vaadin-number-field::part(input-field),vaadin-big-decimal-field::part(input-field){flex:1}vaadin-text-area{flex-direction:row!important;align-items:baseline!important}vaadin-text-area::part(label){padding-right:var(--lumo-space-s);white-space:nowrap}vaadin-text-area::part(input-field){flex:1}vaadin-horizontal-layout{align-items:flex-end}vaadin-horizontal-layout>vaadin-combo-box,vaadin-horizontal-layout>vaadin-text-field,vaadin-horizontal-layout>vaadin-text-area,vaadin-horizontal-layout>vaadin-date-picker,vaadin-horizontal-layout>vaadin-integer-field,vaadin-horizontal-layout>vaadin-number-field,vaadin-horizontal-layout>vaadin-big-decimal-field{align-self:flex-end}vaadin-horizontal-layout>vaadin-combo-box::part(input-field),vaadin-horizontal-layout>vaadin-text-field::part(input-field),vaadin-horizontal-layout>vaadin-text-area::part(input-field),vaadin-horizontal-layout>vaadin-date-picker::part(input-field),vaadin-horizontal-layout>vaadin-integer-field::part(input-field),vaadin-horizontal-layout>vaadin-number-field::part(input-field),vaadin-horizontal-layout>vaadin-big-decimal-field::part(input-field){margin-bottom:0!important}vaadin-horizontal-layout>vaadin-button{align-self:flex-end;margin-bottom:0}@media screen and (max-width: 768px){vaadin-horizontal-layout.responsive-wrap{flex-wrap:wrap!important}vaadin-combo-box::part(label){padding-right:var(--lumo-space-xs);padding-bottom:0;white-space:nowrap}.my-responsive-row{flex-direction:column!important}.my-toolbar-item{flex:0 0 auto!important;width:auto!important;min-width:auto!important;max-width:none!important}.my-toolbar-item vaadin-button,vaadin-horizontal-layout.my-toolbar-item vaadin-button,vaadin-button.my-toolbar-item{width:auto!important;min-width:auto!important;flex:0 0 auto!important}.my-toolbar{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:var(--lumo-space-xs)!important;flex-shrink:0!important;flex-grow:0!important}.my-toolbar>vaadin-button,.my-toolbar-item{flex:0 0 auto!important;width:auto!important}.my-toolbar>vaadin-combo-box,vaadin-combo-box.my-toolbar-item{flex:0 1 180px!important;min-width:120px!important;max-width:200px!important}vaadin-grid{font-size:.9em!important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-s)!important}}.my-dialog vaadin-vertical-layout,.my-dialog .my-vertical-layout,vaadin-dialog-overlay[opened] [part=content]{overflow-y:scroll!important;scrollbar-width:thin!important}.my-dialog vaadin-vertical-layout::-webkit-scrollbar,.my-dialog .my-vertical-layout::-webkit-scrollbar,vaadin-dialog-overlay[opened] [part=content]::-webkit-scrollbar{width:8px!important;display:block!important}.my-dialog vaadin-vertical-layout::-webkit-scrollbar-track,.my-dialog .my-vertical-layout::-webkit-scrollbar-track,vaadin-dialog-overlay[opened] [part=content]::-webkit-scrollbar-track{background:var(--lumo-contrast-5pct)!important}.my-dialog vaadin-vertical-layout::-webkit-scrollbar-thumb,.my-dialog .my-vertical-layout::-webkit-scrollbar-thumb,vaadin-dialog-overlay[opened] [part=content]::-webkit-scrollbar-thumb{background:var(--lumo-contrast-30pct)!important;border-radius:4px!important}.my-dialog vaadin-vertical-layout::-webkit-scrollbar-thumb:hover,.my-dialog .my-vertical-layout::-webkit-scrollbar-thumb:hover,vaadin-dialog-overlay[opened] [part=content]::-webkit-scrollbar-thumb:hover{background:var(--lumo-contrast-50pct)!important}vcf-pdf-viewer,.pdf-viewer-container{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;height:100%!important;min-height:0!important}vcf-pdf-viewer iframe{height:100%!important;min-height:500px!important}.my-mobile-dialog-layout vcf-pdf-viewer{flex:1 1 auto!important;min-height:60vh!important}vaadin-grid::part(distribution-available){--vaadin-grid-cell-background: rgba(0, 200, 83, .15);background:#00c85326}vaadin-grid::part(distribution-not-available){--vaadin-grid-cell-background: rgba(255, 82, 82, .15);background:#ff525226;color:var(--lumo-secondary-text-color)}vaadin-grid::part(distribution-already-distributed){--vaadin-grid-cell-background: rgba(33, 150, 243, .15);background:#2196f326;color:var(--lumo-secondary-text-color);text-decoration:line-through}vaadin-grid::part(distribution-size-not-captured){--vaadin-grid-cell-background: rgba(255, 171, 0, .15);background:#ffab0026;color:var(--lumo-secondary-text-color)}.distribution-confirm-selected vaadin-grid{border-left:4px solid rgba(0,200,83,.8)!important}.distribution-confirm-not-selected vaadin-grid{border-left:4px solid rgba(255,82,82,.8)!important}@media screen and (max-width: 768px){*::-webkit-scrollbar{width:12px!important;height:12px!important}*::-webkit-scrollbar-track{background:var(--lumo-contrast-10pct)!important}*::-webkit-scrollbar-thumb{background:var(--lumo-contrast-40pct)!important;border-radius:6px!important;border:2px solid var(--lumo-contrast-10pct)!important}*::-webkit-scrollbar-thumb:hover{background:var(--lumo-contrast-60pct)!important}*{scrollbar-width:auto!important;scrollbar-color:var(--lumo-contrast-40pct) var(--lumo-contrast-10pct)!important}}@keyframes pulse-new{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}@keyframes glow-unread{0%,to{text-shadow:0 0 4px rgba(255,0,0,.6)}50%{text-shadow:0 0 12px rgba(255,0,0,.9),0 0 20px rgba(255,0,0,.4)}}@keyframes bounce-attention{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.new-badge{display:inline-block;animation:pulse-new 1.5s ease-in-out infinite}.unread-dot{display:inline-block;animation:glow-unread 1.5s ease-in-out infinite}.new-content-card{animation:bounce-attention 2s ease-in-out}.segment-has-new{position:relative;animation:pulse-new 2s ease-in-out infinite}.shimmer-badge{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes bell-shake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.notification-bell{display:inline-block;animation:bell-shake 2s ease-in-out infinite;animation-delay:3s}.badge-pulse{position:relative}.badge-pulse:after{content:"";position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#f44;border-radius:50%;animation:pulse-new 1.5s ease-in-out infinite}.dashboard-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #00000014;width:100%;box-sizing:border-box}.dashboard-card-spaced{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #00000014;width:100%;box-sizing:border-box}.card-header{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:12px}.card-header h4{margin:0}.card-action-link{color:#667eea;cursor:pointer;font-size:.85em}.card-action-link:hover{text-decoration:underline}.card-content{width:100%}.thumbnail{min-width:80px;width:80px;height:80px;border-radius:8px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;flex-shrink:0}.thumbnail img,.thumbnail-video img{width:100%;height:100%;object-fit:cover}.thumbnail-video{min-width:120px;width:120px;height:80px;border-radius:8px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;flex-shrink:0;position:relative}.thumbnail-video img{width:100%;height:100%;object-fit:cover}.thumbnail-video:after{content:"▶";position:absolute;color:#fff;font-size:1.5em;text-shadow:0 2px 4px rgba(0,0,0,.5)}.status-dot{font-size:.6em;margin-right:4px}.notice-content{white-space:pre-wrap;line-height:1.4;margin:0;padding:0}.counts-summary{display:flex;align-items:center;gap:8px;margin-left:16px;font-size:.8em}.child-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #00000014;width:100%;box-sizing:border-box}.expandable-row{display:flex;width:100%;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0}.access-denied-card{background:#fff3cd;border:1px solid #ffc107;border-radius:12px;padding:24px;text-align:center;width:100%;box-sizing:border-box}.dialog-content{padding:8px 16px;margin:0}.attachment-image{width:100%;max-height:300px;object-fit:contain;border-radius:8px;margin-top:12px}.thumbnail-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;width:100%}.card-title{margin:0 0 12px}.view-all-link{color:#667eea;cursor:pointer;font-size:.85em}.thumbnail-placeholder{font-size:1.5em}.child-name{margin:0;font-size:clamp(.7em,4vw,1.2em)}.expand-arrow{width:16px;height:16px;transition:transform .2s}.expand-arrow.expanded{transform:rotate(180deg)}.stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.stat-value{font-size:1.5em;font-weight:700;text-align:center}.stat-label{font-size:.75em;color:#666;text-align:center}.fee-warning{color:#856404}.fee-success{color:#155724}.counts-summary{display:flex;align-items:center;gap:8px;margin-left:16px}.count-badge{font-size:.8em;display:inline-block}.notice-item{display:flex;width:100%;align-items:center;padding:8px 0;border-bottom:1px solid #eee;cursor:pointer}.notice-item:last-child{border-bottom:none}.status-dot{font-size:.6em;margin-right:4px;display:inline-block}.flex-grow{flex:1;display:block}.dialog-content{padding:8px 16px;width:100%}.notice-text{white-space:pre-wrap;line-height:1.4;margin:0;padding:0}.meta-text{color:#666;font-size:.85em;margin-top:8px}.card-header{display:flex;width:100%;align-items:center;justify-content:space-between}.text-medium{font-weight:500;display:block}.text-secondary{font-size:.85em;color:#666;display:block}.small-dot{font-size:.6em;display:inline-block}.compact-layout{padding:0;margin:0}.dashboard-section{padding:0;margin:0;width:100%}.dashboard-chart{height:300px;width:100%}.dashboard-grid{width:100%}.section-heading{margin:16px 0 8px}.dialog-list-content{padding:8px 16px;align-items:flex-start}.dialog-list-row{display:flex;width:100%;align-items:center;padding:10px 0;border-bottom:1px solid #eee;cursor:pointer}.dialog-list-row:last-child{border-bottom:none}.empty-message{color:#666;font-size:.9em;padding:12px 0}.date-text{color:#666;font-size:.85em;margin-left:16px}.dialog-dot{font-size:.6em;margin-right:8px}.title-text{flex:1;font-weight:500}.play-overlay{position:absolute;color:#fff;font-size:1.5em;text-shadow:0 0 8px rgba(0,0,0,.5)}vaadin-grid.extra-compact-rows{--lumo-size-m: 28px;--lumo-space-xs: 2px}vaadin-grid.extra-compact-rows vaadin-grid-cell-content{padding:2px 4px!important;font-size:var(--lumo-font-size-s)!important}vaadin-grid.extra-compact-rows vaadin-button{font-size:var(--lumo-font-size-xs)!important;padding:2px 6px!important;min-height:24px!important;height:24px!important}.gallery-lightbox-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;justify-content:center;align-items:center}.gallery-lightbox-overlay.open{display:flex}.lightbox-content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.lightbox-close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;background:none;border:none;cursor:pointer;z-index:10001;opacity:.8;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;color:#fff;background:#00000080;border:none;padding:15px 20px;cursor:pointer;z-index:10001;opacity:.7;transition:opacity .2s,background .2s;border-radius:4px}.lightbox-nav:hover{opacity:1;background:#000c}.lightbox-prev{left:20px}.lightbox-next-btn{right:20px}.lightbox-image-container{position:relative;max-width:90%;max-height:85%;display:flex;justify-content:center;align-items:center}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;transition:opacity .5s ease-in-out}.lightbox-current{position:relative;z-index:2}.lightbox-next{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:1}.lightbox-loader{position:absolute;width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:lightbox-spin 1s linear infinite;display:none}.lightbox-loader.loading{display:block}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;opacity:.8}.card-carousel{margin-bottom:16px}.card-carousel-header{padding:8px 4px}.card-carousel-title{font-weight:600;font-size:1.1em;color:var(--lumo-header-text-color)}.card-carousel-view-all{color:var(--lumo-primary-color);font-size:.9em;cursor:pointer;text-decoration:none}.card-carousel-view-all:hover{text-decoration:underline}.card-carousel-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:4px 0 8px}.card-carousel-container::-webkit-scrollbar{display:none}.card-carousel-item{flex:0 0 auto;scroll-snap-align:start;width:calc(33.333% - 4px);min-width:100px;max-width:160px}@media screen and (max-width: 480px){.card-carousel-item{width:calc(33.333% - 4px);min-width:90px;max-width:120px}}.card-carousel-scroll-area{position:relative}.card-carousel-arrow{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;color:var(--lumo-primary-color);background:var(--lumo-contrast-5pct);border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .2s,transform .1s;-webkit-user-select:none;user-select:none}.card-carousel-arrow:hover{background:var(--lumo-contrast-10pct)}.card-carousel-arrow:active{transform:scale(.95)}.card-carousel-empty{padding:20px;color:var(--lumo-secondary-text-color);font-style:italic;width:100%;text-align:center}.my-mobile-layout{padding:0 8px 4px!important;margin:0 auto!important;gap:4px!important}.my-mobile-layout[theme~=padding]{padding:0 8px 4px!important}.my-mobile-layout>*{margin-bottom:4px!important;margin-top:0!important}.my-mobile-layout>div:first-child{padding:6px 12px!important;margin-bottom:4px!important;margin-top:0!important}.welcome-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 10px;border-radius:8px;margin-bottom:4px!important;margin-top:0!important}.welcome-header .welcome-title{margin:0;font-size:1em;line-height:1.2}.welcome-header .welcome-name{font-size:.8em;opacity:.9;line-height:1.2}.welcome-header .profile-icon{display:none}.welcome-header .logout-btn{color:#fff;cursor:pointer;margin-right:5px;font-size:.75em;padding:4px 8px;min-height:unset}.my-mobile-layout vaadin-tabsheet,.my-mobile-layout [class*=segmented]{margin-top:0!important;margin-bottom:4px!important}.my-mobile-layout .card-carousel-header{padding:8px 12px 4px!important}.my-mobile-layout .card-carousel-container{padding:2px 0 6px!important}.my-mobile-layout>div[style*="background: white"],.my-mobile-layout>div[style*="background:white"]{padding:10px 12px!important;margin-bottom:4px!important;border-radius:10px!important}@media screen and (min-width: 600px){.my-mobile-layout{padding:8px 16px!important;gap:8px!important}.my-mobile-layout>*{margin-bottom:8px!important}.welcome-header{padding:12px 14px;margin-bottom:8px!important}}.album-list-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;border-bottom:1px solid var(--lumo-contrast-10pct);cursor:pointer;transition:background .2s}.album-list-row:hover{background:var(--lumo-contrast-5pct)}.album-list-row .album-sno{min-width:24px;text-align:center;color:var(--lumo-secondary-text-color);font-size:.9em;flex-shrink:0}.album-list-row .album-thumb{width:50px;height:50px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--lumo-contrast-10pct)}.album-list-row .album-thumb img{width:100%;height:100%;object-fit:cover}.album-list-row .album-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.5em}.album-list-row .album-info,.album-list-row vaadin-vertical-layout.album-info{flex:1 1 0!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important}.album-list-row .album-title{font-weight:500;color:var(--lumo-primary-color);text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-list-row .album-date{color:var(--lumo-secondary-text-color);font-size:.85em}.album-list-row .album-count-chevron{color:var(--lumo-secondary-text-color);font-size:.9em;flex-shrink:0;white-space:nowrap}.gallery-lightbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:10px}.gallery-lightbox-thumbnail{aspect-ratio:1;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.gallery-lightbox-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}@media screen and (max-width: 768px){.lightbox-close{top:10px;right:15px;font-size:32px}.lightbox-nav{padding:10px 15px;font-size:24px}.lightbox-prev{left:10px}.lightbox-next-btn{right:10px}.lightbox-counter{bottom:10px;font-size:12px}.gallery-lightbox-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:8px}}.clickable-card{padding:10px 12px;margin:4px 0;border-radius:8px;background:var(--lumo-contrast-5pct);cursor:pointer;transition:background .2s}.clickable-card:hover{background:var(--lumo-contrast-10pct)}.title-link{font-weight:500;color:var(--lumo-primary-color);text-decoration:underline}.title-link.overdue{color:var(--lumo-error-color)}.meta-text{font-size:.85em;color:var(--lumo-secondary-text-color)}.date-text{font-size:.85em;white-space:nowrap;color:var(--lumo-secondary-text-color)}.date-text.overdue{color:var(--lumo-error-color);font-weight:600}.overdue{color:var(--lumo-error-color)}.view-all-link{font-size:.8em;color:var(--lumo-primary-color);font-weight:500;cursor:pointer}.view-all-link:hover{text-decoration:underline}.task-section-header{margin:0 0 8px;font-size:.95em}.task-section-divider{border-top:1px solid var(--lumo-contrast-10pct);margin:12px 0 8px}.my-single-image-uploader{max-width:100%;align-items:center}.my-single-image-upload{max-width:225px}@media (max-width: 768px){.my-single-image-upload{max-width:180px}}.my-single-image-cropper{width:225px;height:300px;margin:var(--lumo-space-s) auto;border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-m);overflow:hidden;position:relative;background:#f5f5f5}@media (max-width: 768px){.my-single-image-cropper{width:180px;height:240px}}.my-single-image-crop-img{width:100%;height:100%;object-fit:contain;display:block;transform-origin:center center;max-width:100%;max-height:100%}.my-single-image-options{flex-wrap:wrap;justify-content:center;gap:var(--lumo-space-s)}.my-single-image-status{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.my-single-image-buttons{gap:var(--lumo-space-s);justify-content:center;flex-wrap:wrap}.my-single-image-crop-btn{color:var(--lumo-primary-text-color)}.my-single-image-clear-btn{min-width:24px;padding:0}.my-single-image-cropper-landscape{width:300px;height:200px}@media (max-width: 768px){.my-single-image-cropper-landscape{width:240px;height:160px}}.grid-icon-btn{padding:0;min-height:unset}.expense-report-total{font-weight:700;font-size:1.1em;padding:var(--lumo-space-m)}.enquiry-group-layout{margin-bottom:8px}.enquiry-header{font-weight:700;font-size:var(--lumo-font-size-s);background-color:var(--lumo-contrast-5pct);padding:4px 8px;display:block;border-radius:2px}.activity-row{font-size:var(--lumo-font-size-xs)!important;color:var(--lumo-secondary-text-color)!important;display:block!important;padding-left:20px!important;padding-right:8px!important;white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:anywhere!important;word-break:break-word!important;max-width:100%!important;text-overflow:clip!important}.status-history-layout{max-height:300px;overflow-y:auto}.status-entry{border-left:3px solid var(--lumo-contrast-10pct);padding-left:8px;margin-bottom:8px}.status-entry-header{font-weight:700;font-size:var(--lumo-font-size-s)}.status-entry-notes{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}vaadin-dialog-overlay.call-history-dialog [part=overlay]{width:min(90vw,700px)!important;min-width:500px!important;height:min(80vh,500px)!important;min-height:350px!important}@media screen and (max-width: 768px){vaadin-dialog-overlay.call-history-dialog [part=overlay]{width:95vw!important;min-width:280px!important;height:85vh!important;min-height:300px!important;max-width:95vw!important;max-height:85vh!important}}.call-history-no-recording{color:var(--lumo-secondary-text-color)}.responsive-filter-row{display:flex;flex-wrap:wrap;gap:var(--lumo-space-s);align-items:flex-end;width:100%}.filter-combo-sm{width:min(100%,150px);min-width:100px}.filter-combo-md{width:min(100%,200px);min-width:120px}.filter-combo-lg{width:min(100%,300px);min-width:150px;flex:1}.filter-field-sm{width:min(100%,100px);min-width:80px}.filter-field-md{width:min(100%,150px);min-width:100px}.video-iframe-responsive{width:100%;aspect-ratio:16/9;max-height:60vh}@media screen and (max-width: 768px){.responsive-filter-row{flex-direction:column;align-items:stretch}.filter-combo-sm,.filter-combo-md,.filter-combo-lg,.filter-field-sm,.filter-field-md{width:100%;min-width:unset}}.call-history-no-data{color:var(--lumo-secondary-text-color)}.call-audio-player-container{background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-s) var(--lumo-space-m);margin-bottom:var(--lumo-space-s);border:1px solid var(--lumo-contrast-10pct)}.call-audio-header{margin-bottom:var(--lumo-space-xs)}.call-audio-info{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);font-weight:500}.rich-editor-container{border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-m);background:var(--lumo-base-color);overflow:hidden}.rich-editor-toolbar{background:var(--lumo-contrast-5pct);border-bottom:1px solid var(--lumo-contrast-10pct);padding:var(--lumo-space-xs);display:flex;flex-wrap:wrap;gap:var(--lumo-space-xs)}.rich-editor-toolbar .ql-formats{display:inline-flex;gap:2px;margin-right:var(--lumo-space-s)}.rich-editor-toolbar button,.rich-editor-toolbar select{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-s);padding:var(--lumo-space-xs);cursor:pointer;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.rich-editor-toolbar button:hover,.rich-editor-toolbar select:hover{background:var(--lumo-contrast-5pct)}.rich-editor-toolbar button.ql-active{background:var(--lumo-primary-color-10pct);border-color:var(--lumo-primary-color)}.rich-editor-toolbar .custom-buttons button{font-size:16px;font-weight:700}.rich-editor-toolbar .math-button{color:var(--lumo-primary-color)}.rich-editor-toolbar .image-button{font-size:14px}.rich-editor-toolbar .ql-undo,.rich-editor-toolbar .ql-redo{font-size:16px;font-weight:400}.rich-editor-toolbar button[value="1"]:after,.rich-editor-toolbar button[value="2"]:after,.rich-editor-toolbar button[value="3"]:after{content:none}.rich-editor-toolbar{flex-wrap:wrap}.rich-editor-content{min-height:150px;max-height:400px;overflow-y:auto}.rich-editor-container.compact{border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-m)}.rich-editor-container.compact .rich-editor-toolbar{padding:var(--lumo-space-xs);min-height:auto;border-bottom:1px solid var(--lumo-contrast-10pct)}.rich-editor-container.compact .compact-toolbar{display:flex;justify-content:flex-end}.rich-editor-container.compact .rich-editor-content{min-height:40px;max-height:120px}.rich-editor-container.compact .rich-editor-content .ql-editor{min-height:40px;padding:var(--lumo-space-s);font-size:var(--lumo-font-size-s)}.rich-editor-content .ql-editor{min-height:150px;padding:var(--lumo-space-m);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m)}.rich-editor-content math-field,.question-content-preview math-field,.rich-text-content-preview math-field{border:none;outline:none;background:transparent;box-shadow:none}.rich-editor-content .ql-editor img{max-width:100%;height:auto;cursor:pointer;object-fit:contain}.rich-editor-content .ql-editor img.selected{outline:2px solid var(--lumo-primary-color)}.rich-editor-content .ql-editor blockquote{border-left:4px solid var(--lumo-primary-color);margin:var(--lumo-space-m) 0;padding-left:var(--lumo-space-m);color:var(--lumo-secondary-text-color);font-style:italic}.rich-editor-content .ql-editor img.img-selected{outline:2px solid var(--lumo-primary-color);outline-offset:2px}.image-resize-box{position:absolute;pointer-events:none;z-index:10000;border:2px solid var(--lumo-primary-color);box-sizing:border-box}.image-resize-box .resize-handle{position:absolute;width:10px;height:10px;background:var(--lumo-primary-color);border:1px solid white;border-radius:2px;pointer-events:auto;box-sizing:border-box}.image-resize-box .handle-nw{top:-5px;left:-5px;cursor:nw-resize}.image-resize-box .handle-ne{top:-5px;right:-5px;cursor:ne-resize}.image-resize-box .handle-sw{bottom:-5px;left:-5px;cursor:sw-resize}.image-resize-box .handle-se{bottom:-5px;right:-5px;cursor:se-resize}.image-resize-box .handle-n{top:-5px;left:50%;transform:translate(-50%);cursor:n-resize}.image-resize-box .handle-s{bottom:-5px;left:50%;transform:translate(-50%);cursor:s-resize}.image-resize-box .handle-w{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.image-resize-box .handle-e{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.image-resize-box .resize-handle:hover{background:#1565c0;transform:scale(1.3)}.image-resize-box .handle-n:hover,.image-resize-box .handle-s:hover{transform:translate(-50%) scale(1.3)}.image-resize-box .handle-w:hover,.image-resize-box .handle-e:hover{transform:translateY(-50%) scale(1.3)}.image-resize-box .rotate-handle{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:24px;height:24px;background:var(--lumo-primary-color);border:2px solid white;border-radius:50%;cursor:grab;pointer-events:auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 2px 4px #0000004d}.image-resize-box .rotate-handle:hover{background:#1565c0;transform:translate(-50%) scale(1.1)}.image-resize-box .rotate-handle:active{cursor:grabbing}.rich-editor-content .ql-editor.ql-blank:before{color:var(--lumo-secondary-text-color);font-style:italic}.rich-editor-content .math-tex{display:inline-block;vertical-align:middle;padding:2px 4px;background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-s);margin:0 2px}.rich-editor-content .math-tex math-field{font-size:inherit;--caret-color: transparent}.rich-editor-container .ql-tooltip{display:none!important}.rich-editor-content img{max-width:100%;height:auto;border-radius:var(--lumo-border-radius-s);margin:var(--lumo-space-xs) 0}.math-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:5vh;z-index:10000}.ML__keyboard{z-index:9999!important}.math-dialog{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-xl);width:90vw;max-width:700px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.math-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:var(--lumo-space-m);border-bottom:1px solid var(--lumo-contrast-10pct);background:var(--lumo-contrast-5pct)}.math-dialog-header h3{margin:0;font-size:var(--lumo-font-size-l);color:var(--lumo-header-text-color)}.math-dialog-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--lumo-secondary-text-color);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--lumo-border-radius-s)}.math-dialog-close:hover{background:var(--lumo-contrast-10pct);color:var(--lumo-body-text-color)}.math-dialog-content{padding:var(--lumo-space-l);flex:1;overflow-y:auto}.math-dialog-content .math-input{width:100%;min-height:60px;font-size:20px;border:2px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-m);padding:var(--lumo-space-m);background:var(--lumo-base-color)}.math-dialog-content .math-input:focus{border-color:var(--lumo-primary-color);outline:none}.math-preview-label{margin-top:var(--lumo-space-m);margin-bottom:var(--lumo-space-xs);font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);font-weight:500}.math-preview{min-height:50px;padding:var(--lumo-space-m);background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m);display:flex;align-items:center;justify-content:center;font-size:24px}.math-keyboard-container{width:100%;min-height:0;position:relative}.math-keyboard-container .ML__keyboard{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:100%!important;transform:none!important}.math-dialog-footer{display:flex;justify-content:flex-end;gap:var(--lumo-space-s);padding:var(--lumo-space-m);border-top:1px solid var(--lumo-contrast-10pct);background:var(--lumo-contrast-5pct);position:relative;z-index:10001}.math-cancel-btn,.math-insert-btn{padding:var(--lumo-space-xs) var(--lumo-space-m);border-radius:var(--lumo-border-radius-m);font-size:var(--lumo-font-size-m);cursor:pointer;min-width:80px;position:relative;z-index:10002;pointer-events:auto!important}.math-cancel-btn{background:var(--lumo-contrast-10pct);border:1px solid var(--lumo-contrast-20pct);color:var(--lumo-body-text-color)}.math-cancel-btn:hover{background:var(--lumo-contrast-20pct)}.math-insert-btn{background:var(--lumo-primary-color);border:none;color:var(--lumo-primary-contrast-color)}.math-insert-btn:hover{background:var(--lumo-primary-color-50pct)}@media (max-width: 600px){.math-dialog{width:95vw;max-width:none;max-height:95vh;border-radius:var(--lumo-border-radius-m)}.math-dialog-overlay{padding-top:2vh}.math-dialog-content .math-input{font-size:18px;min-height:50px}.math-dialog-header{padding:var(--lumo-space-s)}.math-dialog-header h3{font-size:var(--lumo-font-size-m)}.math-dialog-content{padding:var(--lumo-space-m)}.math-dialog-footer{padding:var(--lumo-space-s)}.math-cancel-btn,.math-insert-btn{min-width:70px;padding:var(--lumo-space-xs) var(--lumo-space-s)}.rich-editor-toolbar{padding:var(--lumo-space-xs)}.rich-editor-toolbar .ql-formats{margin-right:var(--lumo-space-xs)}}.question-renderer{line-height:var(--lumo-line-height-m)}.question-renderer-empty,.question-preview-empty{color:var(--lumo-secondary-text-color);font-style:italic}.question-renderer-fallback{color:var(--lumo-secondary-text-color)}.question-content{word-wrap:break-word}.question-content .math-tex{display:inline-block;vertical-align:middle;padding:2px 4px;background:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-s)}.question-content img{max-width:100%;height:auto;border-radius:var(--lumo-border-radius-s)}.rich-text-preview,.question-preview{cursor:default}.rich-text-preview-container,.question-preview-container{display:flex;align-items:center;gap:var(--lumo-space-xs)}.rich-text-content-preview,.question-content-preview{max-height:60px;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.rich-text-content-preview p,.question-content-preview p{margin:0}.rich-text-content-preview .math-tex,.question-content-preview .math-tex{display:inline-block;vertical-align:middle}.rich-text-content-preview math-field,.question-content-preview math-field{font-size:14px;--caret-color: transparent}.rich-text-indicators,.question-indicators{display:flex;gap:2px;flex-shrink:0}.rich-text-badge,.question-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:12px;border-radius:var(--lumo-border-radius-s);background:var(--lumo-contrast-10pct)}.rich-text-badge.math-badge,.question-badge.math-badge{color:var(--lumo-primary-color);background:var(--lumo-primary-color-10pct)}.rich-text-badge.image-badge,.question-badge.image-badge{font-size:10px}