@font-face{font-family: "Inter";src: url('fonts/inter/InterVariable.woff2') format("woff2");font-style: normal;font-weight: 100 900;font-display: swap}@font-face{font-family: "Inter";src: url('fonts/inter/InterVariable-Italic.woff2') format("woff2");font-style: italic;font-weight: 100 900;font-display: swap}:where(:root),:where(:host),html{--aura-font-family-system: "Inter",system-ui,ui-sans-serif,sans-serif;--aura-font-family-instrument-sans: var(--aura-font-family-system);--aura-font-family: var(--aura-font-family-system);--aura-base-radius: 0;--aura-accent-color-light: #0050d8;--aura-accent-color-dark: #60a5fa;--aura-accent-color: light-dark(var(--aura-accent-color-light),var(--aura-accent-color-dark));--aura-accent-text-color-light: #0047c2;--aura-accent-text-color-dark: #93c5fd;--aura-accent-text-color: light-dark(var(--aura-accent-text-color-light),var(--aura-accent-text-color-dark));--vaadin-focus-ring-color: rgba(0,80,216,0.48);--vaadin-selection-color: #0050d8;--vaadin-radius-s: 0px;--vaadin-radius-m: 0px;--vaadin-radius-l: 0px;--vaadin-button-border-radius: 0px;--vaadin-badge-border-radius: 0px;--vaadin-chip-border-radius: 0px;--vaadin-dashboard-widget-border-radius: 0px;--vaadin-grid-border-radius: 0px;--vaadin-input-field-border-radius: 0px;--vaadin-item-border-radius: 0px;--vaadin-login-form-border-radius: 0px;--vaadin-dialog-border-radius: 0px;--vaadin-notification-border-radius: 0px;--vaadin-popover-border-radius: 0px;--vaadin-tab-border-radius: 0px;--vaadin-tabs-border-radius: 0px;--vaadin-tooltip-border-radius: 0px;--vaadin-upload-file-border-radius: 0px;--vaadin-avatar-border-radius: 0px;--vaadin-card-border-radius: 0px;--vaadin-checkbox-border-radius: 0px;--vaadin-combo-box-border-radius: 0px;--vaadin-date-picker-border-radius: 0px;--vaadin-details-border-radius: 0px;--vaadin-menu-bar-border-radius: 0px;--vaadin-progress-bar-border-radius: 0px;--vaadin-select-border-radius: 0px;--school-fee-color-white: #ffffff;--school-fee-text-color: #0f172a;--school-fee-text-color-strong: #17191c;--school-fee-text-color-secondary: #64748b;--school-fee-text-color-tertiary: #334155;--school-fee-text-color-disabled: #94a3b8;--school-fee-title-color: #10264b;--school-fee-border-color: #e2e8f0;--school-fee-border-color-strong: #cbd5e1;--school-fee-border-color-neutral: #d6dbe1;--school-fee-border-color-soft: #dbe3ee;--school-fee-divider-color: #e2e6eb;--school-fee-surface-color: #ffffff;--school-fee-surface-color-subtle: #f8fafc;--school-fee-surface-color-muted: #f1f5f9;--school-fee-primary-color: #2563eb;--school-fee-primary-color-strong: #1d4ed8;--school-fee-primary-surface: #eff6ff;--school-fee-accent-text-color: #075985;--school-fee-detail-accent-color: #0b5bd3;--school-fee-payment-accent-color: #2f63dc;--school-fee-payment-text-color-secondary: #5d6670;--school-fee-panel-shadow: 0 0.2rem 0.75rem rgba(15,76,129,0.08);--school-fee-sidebar-width: 240px;--school-fee-sidebar-background-start: #062248;--school-fee-sidebar-background-end: #021f49;--school-fee-sidebar-text: #ffffff;--school-fee-sidebar-text-muted: rgba(255,255,255,0.78);--school-fee-sidebar-hover: rgba(255,255,255,0.09);--school-fee-sidebar-active-start: #004fda;--school-fee-sidebar-active-center: #3d76de;--school-fee-sidebar-active-end: #004ed4;--vaadin-dialog-background: var(--school-fee-color-white);--vaadin-overlay-background: var(--school-fee-color-white)}body{font-family: var(--aura-font-family)}vaadin-notification-card[theme~='warning']::part(overlay){background-color: #b91c1c;color: var(--school-fee-color-white)}vaadin-notification-card[theme~='warning']::part(content),vaadin-notification-card[theme~='warning'] .title{color: var(--school-fee-color-white)}vaadin-dialog-overlay::part(overlay){background: var(--school-fee-color-white);background-image: none}:where(:root),:where(:host){--vaadin-app-layout-drawer-width: var(--school-fee-sidebar-width);--aura-app-layout-inset: 0px}vaadin-app-layout.jmix-main-view-app-layout{--aura-app-layout-inset: 0px;--vaadin-app-layout-drawer-width: var(--school-fee-sidebar-width);--vaadin-app-layout-navbar-padding-top: 0px;--vaadin-app-layout-navbar-padding-inline-start: 0px;--vaadin-app-layout-navbar-padding-inline-end: 0px;--vaadin-app-layout-navbar-padding-bottom: 0px;margin: 0;padding-bottom: 0;padding-inline-end: 0}vaadin-app-layout.jmix-main-view-app-layout>[jmix-role='jmix-view-layout']{border-radius: 0 !important}vaadin-app-layout.jmix-main-view-app-layout::part(drawer){padding: 0;background: linear-gradient( 180deg,var(--school-fee-sidebar-background-start) 0%,var(--school-fee-sidebar-background-end) 100% );border: 0;box-shadow: none}vaadin-app-layout.jmix-main-view-app-layout::part(navbar){background: var(--school-fee-color-white);border-bottom: 1px solid #e5eaf2;box-shadow: 0 1px 4px rgba(15,35,65,0.06);backdrop-filter: none}.jmix-main-view-header.school-fee-content-header{display: flex;align-items: center;width: 100%;min-height: 58px;box-sizing: border-box;gap: var(--vaadin-gap-s);padding: 0 24px;background: var(--school-fee-color-white)}.jmix-main-view-title.school-fee-current-view-title{min-width: 0;margin: 0;overflow: hidden;color: var(--school-fee-title-color);font-family: var(--aura-font-family);font-size: 24px;font-weight: var(--aura-font-weight-semibold);line-height: var(--aura-line-height-xl);text-overflow: ellipsis;white-space: nowrap}.school-fee-header-year-box{flex: 0 0 auto;margin-inline-start: auto}.school-fee-academic-year-selector{padding: 0}.school-fee-academic-year-selector::part(input-field){min-height: 36px;border: 1px solid var(--vaadin-border-color-secondary);background: var(--aura-surface-color-solid);padding-inline: 12px 6px;font-weight: var(--aura-font-weight-semibold);color: var(--school-fee-title-color);cursor: pointer;transition: border-color 0.15s ease,background-color 0.15s ease}.school-fee-academic-year-selector:hover::part(input-field){border-color: var(--school-fee-primary-color,var(--aura-accent-color))}.school-fee-academic-year-selector [slot='prefix']{width: 16px;height: 16px;margin-inline-end: 6px;color: var(--school-fee-primary-color,var(--aura-accent-color))}.school-fee-mobile-drawer-toggle{flex: 0 0 auto;color: var(--school-fee-title-color)}@media (min-width: 761px){.school-fee-mobile-drawer-toggle{display: none}}.jmix-main-view-section.school-fee-sidebar{--jmix-list-menu-item-font-size: var(--aura-font-size-m);--jmix-list-menu-item-font-weight: var(--aura-font-weight-medium);--jmix-list-menu-item-line-height: var(--aura-line-height-m);--vaadin-text-color: var(--school-fee-sidebar-text);--vaadin-text-color-secondary: var(--school-fee-sidebar-text-muted);--vaadin-border-color-secondary: rgba(255,255,255,0.14);--aura-accent-text-color: var(--school-fee-color-white);position: relative;display: flex;flex-direction: column;align-items: stretch;width: 100%;height: 100%;min-height: 100%;box-sizing: border-box;overflow: hidden;color: var(--school-fee-sidebar-text);background: linear-gradient( 180deg,var(--school-fee-sidebar-background-start) 0%,var(--school-fee-sidebar-background-end) 100% )}.school-fee-sidebar-brand{display: flex;flex: 0 0 136px;width: 100%;min-height: 136px;box-sizing: border-box;justify-content: flex-start;gap: 2px;padding: 8px 14px 6px;overflow: hidden}.school-fee-sidebar-logo{width: 68px;height: 68px;flex: 0 0 68px;object-fit: contain;filter: brightness(0) invert(1);opacity: 0.96}.school-fee-sidebar .jmix-main-view-navigation{display: flex;flex: 1 1 auto;flex-direction: column;min-height: 0;overflow: auto;padding: 4px 0 8px;color: var(--school-fee-sidebar-text-muted);background: transparent;scrollbar-color: rgba(255,255,255,0.28) transparent;scrollbar-width: thin}.school-fee-sidebar .jmix-main-view-navigation::-webkit-scrollbar{width: 5px}.school-fee-sidebar .jmix-main-view-navigation::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.28);border-radius: 50%}.school-fee-sidebar .jmix-list-menu{width: 100%;box-sizing: border-box;margin: 0;padding: 0 6px;color: inherit;overflow: visible}.school-fee-sidebar .jmix-list-menu .jmix-menubar-item{margin: 0;padding: 2px 0}.school-fee-sidebar .jmix-list-menu>.jmix-menubar-item + .jmix-menubar-item{margin-top: 2px}.school-fee-sidebar .jmix-list-menu .jmix-menubar-item::part(content){margin-inline-start: 0;padding: 0}.school-fee-sidebar .jmix-list-menu .jmix-menubar-item vaadin-details-summary{min-height: 44px;box-sizing: border-box;padding: 0 12px;color: var(--school-fee-sidebar-text-muted);border-radius: var(--vaadin-radius-m);transition: color 120ms ease,background-color 120ms ease}.school-fee-sidebar .jmix-list-menu .jmix-menubar-item vaadin-details-summary:hover,.school-fee-sidebar .jmix-list-menu .jmix-menubar-item[opened]>vaadin-details-summary{color: var(--school-fee-color-white);background: var(--school-fee-sidebar-hover)}.school-fee-sidebar .jmix-list-menu .jmix-menubar-item .jmix-menubar-summary-icon-container{min-width: 0;gap: var(--vaadin-gap-s);color: inherit}.school-fee-sidebar .jmix-list-menu .jmix-menubar-item .menubar-summary{color: inherit;font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);line-height: var(--aura-line-height-m)}.school-fee-sidebar .jmix-list-menu .jmix-menubar-item vaadin-details-summary::part(toggle){color: rgba(255,255,255,0.66)}.school-fee-sidebar .jmix-list-menu .jmix-menubar-item .menubar-list{margin: 2px 0 4px 15px;padding: 2px 0 2px 8px;border-inline-start: 1px solid rgba(255,255,255,0.16)}.school-fee-sidebar .jmix-list-menu .jmix-menubar-item .menubar-list li{padding: 2px 0}.school-fee-sidebar .jmix-list-menu a.jmix-menu-item,.school-fee-sidebar .jmix-list-menu vaadin-button.jmix-menu-item{min-height: 42px;box-sizing: border-box;gap: var(--vaadin-gap-s);padding: 0 12px;color: var(--school-fee-sidebar-text-muted);background: transparent;border: 0;border-radius: var(--vaadin-radius-m);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-medium);line-height: var(--aura-line-height-m);transition: color 120ms ease,background-color 120ms ease,box-shadow 120ms ease}.school-fee-sidebar .jmix-list-menu a.jmix-menu-item vaadin-icon,.school-fee-sidebar .jmix-list-menu a.jmix-menu-item jmix-icon,.school-fee-sidebar .jmix-list-menu vaadin-button.jmix-menu-item vaadin-icon,.school-fee-sidebar .jmix-list-menu vaadin-button.jmix-menu-item jmix-icon,.school-fee-sidebar .jmix-list-menu .jmix-menubar-item vaadin-icon,.school-fee-sidebar .jmix-list-menu .jmix-menubar-item jmix-icon{width: 20px;height: 20px;flex: 0 0 20px;color: currentColor}.school-fee-sidebar .jmix-list-menu a.jmix-menu-item:hover,.school-fee-sidebar .jmix-list-menu vaadin-button.jmix-menu-item:hover{color: var(--school-fee-color-white);background: var(--school-fee-sidebar-hover)}.school-fee-sidebar .jmix-list-menu a.jmix-menu-item[highlight]{color: var(--school-fee-color-white);background: linear-gradient( 90deg,var(--school-fee-sidebar-active-start) 0%,var(--school-fee-sidebar-active-center) 50%,var(--school-fee-sidebar-active-end) 100% );box-shadow: 0 6px 16px rgba(0,49,142,0.3);font-weight: var(--aura-font-weight-semibold)}.school-fee-sidebar .jmix-list-menu a.jmix-menu-item[highlight] .link-text,.school-fee-sidebar .jmix-list-menu a.jmix-menu-item[highlight] vaadin-icon,.school-fee-sidebar .jmix-list-menu a.jmix-menu-item[highlight] jmix-icon{color: var(--school-fee-color-white);font-weight: var(--aura-font-weight-semibold)}.school-fee-sidebar .jmix-list-menu a.jmix-menu-item:focus-visible,.school-fee-sidebar .jmix-list-menu vaadin-button.jmix-menu-item:focus-visible,.school-fee-sidebar .jmix-list-menu .jmix-menubar-item vaadin-details-summary:focus-visible{outline: 2px solid rgba(255,255,255,0.92);outline-offset: 1px}.school-fee-sidebar-action,.school-fee-settings-user-menu{--school-fee-settings-popup-text: var(--school-fee-title-color);--school-fee-settings-popup-text-secondary: var(--school-fee-text-color-secondary);--vaadin-button-background: transparent;--vaadin-button-border-color: transparent;--vaadin-button-border-width: 0;--vaadin-button-shadow: none;width: 36px;min-width: 36px;height: 36px;min-height: 36px;box-sizing: border-box;margin: 0;padding: 0;color: rgba(255,255,255,0.9);background: transparent;border: 1px solid transparent;border-radius: var(--vaadin-radius-m);box-shadow: none;transition: color 120ms ease,background-color 120ms ease,border-color 120ms ease}.school-fee-sidebar-action:hover,.school-fee-settings-user-menu:hover{color: var(--school-fee-color-white);background: rgba(255,255,255,0.11);border-color: rgba(255,255,255,0.14)}.school-fee-sidebar-action vaadin-icon,.school-fee-settings-icon{width: 20px;height: 20px;color: currentColor}.school-fee-icon-only-action::part(label){display: none}.school-fee-settings-trigger{display: flex;align-items: center;justify-content: center;width: 34px;height: 34px;color: inherit}.school-fee-visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.school-fee-settings-user-menu vaadin-menu-bar-submenu{--vaadin-text-color: var(--school-fee-settings-popup-text);--vaadin-text-color-secondary: var(--school-fee-settings-popup-text-secondary);color: var(--school-fee-settings-popup-text)}.user-menu-header-content{display: grid;grid-template: "avatar text" "avatar subtext";grid-template-columns: auto 1fr;column-gap: var(--vaadin-gap-s);width: 100%;min-width: 15rem;box-sizing: border-box;padding: var(--vaadin-padding-m) var(--vaadin-padding-l);color: var(--vaadin-text-color)}.user-menu-header-content>.user-menu-avatar{grid-area: avatar;align-self: center}.user-menu-header-content>.user-menu-text{grid-area: text;align-self: center;width: 100%;overflow: hidden;color: var(--vaadin-text-color);font-size: var(--aura-font-size-m);font-weight: var(--aura-font-weight-semibold);text-align: start;text-overflow: ellipsis}.user-menu-header-content>.user-menu-text-subtext{grid-row: text / subtext}.user-menu-header-content>.user-menu-subtext{grid-area: subtext;align-self: center;width: 100%;overflow: hidden;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);text-align: start;text-overflow: ellipsis}.jmix-initial-layout-content{display: flex;justify-content: space-between;width: 100%;max-width: 50rem;padding: var(--vaadin-padding-xl);box-sizing: border-box}.jmix-initial-layout-title{position: relative;color: var(--title-color);font-size: var(--title-size);line-height: calc(4 * var(--title-size));box-sizing: border-box}.jmix-initial-layout-title::after{position: absolute;top: 0;left: 0;width: 100%;height: 0.3rem;content: '';background: var(--title-color)}@container jmix-initial-layout (max-width: 45rem){.jmix-initial-layout-content{flex-direction: column-reverse;align-items: center;gap: var(--vaadin-gap-l)}.jmix-initial-layout-title{padding-top: var(--vaadin-padding-m);line-height: var(--aura-line-height-m);text-align: center}}.school-fee-sidebar .jmix-main-view-navigation>.jmix-menu-filter-field{margin: var(--vaadin-padding-s) 6px}.school-fee-sidebar .jmix-main-view-navigation>.jmix-search-field{display: flex;margin: auto 6px var(--vaadin-padding-s)}@media (max-width: 760px){vaadin-app-layout.jmix-main-view-app-layout{--vaadin-app-layout-drawer-width: var(--school-fee-sidebar-width)}.jmix-main-view-header.school-fee-content-header{min-height: 54px;padding: 0 12px}.jmix-main-view-title.school-fee-current-view-title{font-size: 20px;line-height: var(--aura-line-height-xl)}.school-fee-sidebar-brand{flex-basis: 156px;min-height: 156px;padding-top: 14px}.school-fee-sidebar-logo{width: 76px;height: 76px;flex-basis: 76px}}.jmix-main-view-top-menu-app-layout{--vaadin-app-layout-navbar-padding-bottom: 0px}vaadin-app-layout.jmix-main-view-top-menu-app-layout::part(navbar){min-height: 0;border-bottom: 0}.jmix-main-view-top-menu-navigation-bar-box{padding: 0;width: 100%}.jmix-main-view-top-menu-view-header-box{width: 100%;border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-top-menu-navigation{display: flex;flex-grow: 1;overflow: auto}.jmix-main-view-top-menu-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-top-menu-logo-container{display: flex;margin: 0 var(--vaadin-padding-m)}.jmix-main-view-top-menu-logo{--logo-size: round(var(--aura-base-size) * 2.5 * 1px,1px);width: var(--logo-size);height: var(--logo-size)}.jmix-main-view-top-menu-user-box{align-self: flex-end;align-items: center;margin: 0 var(--vaadin-padding-m);max-width: 20em}.jmix-main-view-top-menu-view-title{font-size: var(--aura-font-size-xl);margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.school-login-page{position: relative;box-sizing: border-box;width: 100%;min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;background-color: #cfe6fb;background-image: url('../../../../public/images/login-bg.jpg');background-position: center;background-size: cover;background-repeat: no-repeat;font-family: "Inter",system-ui,ui-sans-serif,sans-serif}.school-login-page::before{content: "";position: absolute;inset: 0;background: linear-gradient(90deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.15) 45%,rgba(255,255,255,0) 65%);pointer-events: none}.school-login-page>*{position: relative;z-index: 1}.school-login-top{height: 32px}.school-login-content{box-sizing: border-box;width: 100%;max-width: 1180px;margin: 0 auto;padding: 24px 48px;display: flex;align-items: center;justify-content: space-between;gap: 64px}.school-login-brand{max-width: 520px;display: flex;flex-direction: column;gap: 20px}.school-login-mark{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;color: #ffffff;background: linear-gradient(135deg,#1d4ed8 0%,#062248 100%);border-radius: 0;box-shadow: 0 12px 24px rgba(6,34,72,0.25)}.school-login-mark-icon{width: 28px;height: 28px}.school-login-headline{margin: 0;color: #0b2a55;font-size: 38px;font-weight: 700;line-height: 1.15;letter-spacing: -0.01em}.school-login-subtitle{max-width: 460px;color: #334155;font-size: 17px;line-height: 1.6}.school-login-card{box-sizing: border-box;width: 400px;flex: 0 0 400px;padding: 8px 0 12px;background: rgba(255,255,255,0.62);border: 1px solid rgba(255,255,255,0.85);border-radius: 0;box-shadow: 0 30px 60px rgba(11,42,85,0.18),inset 0 1px 0 rgba(255,255,255,0.9);backdrop-filter: blur(18px) saturate(140%);-webkit-backdrop-filter: blur(18px) saturate(140%)}.school-login-card jmix-login-form,.school-login-card vaadin-login-form{width: 100%;font-family: "Inter",system-ui,ui-sans-serif,sans-serif}.school-login-card jmix-login-form::part(form){--vaadin-login-form-background: transparent;box-sizing: border-box;width: 100%;max-width: none;padding: 20px 24px 8px;background: transparent;border: 0;box-shadow: none}.school-login-card jmix-login-form::part(form-title){margin-bottom: 4px;color: #0b2a55;font-size: 22px;font-weight: 700;text-align: left}.school-login-card vaadin-text-field,.school-login-card vaadin-password-field{--vaadin-input-field-label-color: #334155;--vaadin-input-field-label-font-weight: 600;--vaadin-input-field-label-font-size: 13px;--vaadin-input-field-value-font-size: 14px}.school-login-card vaadin-text-field::part(input-field),.school-login-card vaadin-password-field::part(input-field){min-height: 38px;background: rgba(255,255,255,0.85);border: 1px solid rgba(15,38,75,0.14);border-radius: 0;box-shadow: none}.school-login-card vaadin-text-field[focused]::part(input-field),.school-login-card vaadin-password-field[focused]::part(input-field){background: #ffffff;border-color: #2563eb;box-shadow: 0 0 0 3px rgba(37,99,235,0.15)}.school-login-card vaadin-button[theme~='primary']{min-height: 40px;margin-top: 4px;color: #ffffff;background: linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius: 0;box-shadow: 0 10px 20px rgba(37,99,235,0.28);font-size: 14px;font-weight: 600}.school-login-card vaadin-select::part(input-field),.school-login-card vaadin-combo-box::part(input-field){min-height: 36px;background: rgba(255,255,255,0.85);border: 1px solid rgba(15,38,75,0.14);border-radius: 0;box-shadow: none}.school-login-card .jmix-login-form-locales-select{width: 128px}.school-login-card vaadin-checkbox{color: #334155}.school-login-footer{box-sizing: border-box;width: 100%;display: flex;justify-content: center;padding: 0 48px 24px;color: #475569;font-size: 12px}@media (max-width: 900px){.school-login-page::before{background: rgba(255,255,255,0.35)}.school-login-content{flex-direction: column;justify-content: center;gap: 24px;padding: 16px}.school-login-brand{align-items: center;text-align: center}.school-login-headline{font-size: 30px}.school-login-card{width: 100%;max-width: 400px;flex-basis: auto}}.student-catalog-page{min-height: 0;width: 100%;display: flex;flex-direction: column;align-items: stretch !important;justify-content: flex-start !important}.student-catalog-page h2,.student-catalog-page .view-title{text-align: left !important;align-self: flex-start !important;width: 100%}.student-structure-panel .payment-overview-tree-search,.student-list-panel .student-search-field{height: 2.5rem;margin: 0}.student-structure-panel .payment-overview-tree-search::part(input-field),.student-list-panel .student-search-field::part(input-field){height: 2.5rem}.student-search-field{width: 100%}.student-primary-action,.student-secondary-action{min-height: 2.5rem;padding-inline: 1rem;border-radius: var(--vaadin-radius-m);font-weight: 650}.student-primary-action{color: var(--school-fee-color-white);background: var(--school-fee-primary-color);border: 1px solid var(--school-fee-primary-color);box-shadow: 0 0.15rem 0.35rem rgba(37,99,235,0.22)}.student-primary-action:hover{background: var(--school-fee-primary-color-strong);border-color: var(--school-fee-primary-color-strong)}.student-secondary-action{color: var(--school-fee-primary-color-strong);background: var(--school-fee-color-white);border: 1px solid var(--school-fee-primary-color)}.student-catalog-content{min-height: 0;gap: 0.75rem;align-items: stretch;padding: 0 0.75rem 0.75rem;width: 100%}.student-structure-panel{flex: 0 0 auto;min-width: 0;overflow: hidden;background: var(--aura-surface-color);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 22%,transparent);box-shadow: 0 0.2rem 0.75rem rgba(15,76,129,0.08)}.student-structure-panel .payment-overview-tree-search-wrap{flex: 0 0 auto;box-sizing: border-box;display: flex;align-items: center;height: 4rem;padding: 0 1rem;margin: 0;border-bottom: 1px solid color-mix(in srgb,var(--aura-accent-color) 16%,transparent)}.student-structure-panel .payment-overview-tree-search{width: 100%;margin: 0}.student-structure-header{flex: 0 0 auto;box-sizing: border-box;gap: 0.65rem;padding: 0.8rem 1rem 0.7rem;border-bottom: 1px solid color-mix(in srgb,var(--aura-accent-color) 16%,transparent);justify-content: flex-start !important;align-items: center !important}#schoolStructureTree vaadin-grid-sorter{width: 100%}.student-structure-icon{position: relative;width: 1.65rem;height: 1.65rem;flex: 0 0 1.65rem;background: var(--school-fee-primary-color);border-radius: var(--vaadin-radius-m)}.student-structure-icon::before{position: absolute;inset: 0;display: grid;color: var(--school-fee-color-white);content: "▦";font-size: 0.95rem;place-items: center}.student-empty-panel{min-width: 0;box-sizing: border-box;justify-content: center;padding: 2rem;overflow: hidden;background: var(--school-fee-color-white);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 22%,transparent);border-radius: var(--vaadin-radius-m);box-shadow: var(--school-fee-panel-shadow)}.student-list-panel{min-width: 0;overflow: hidden;background: var(--school-fee-color-white);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 22%,transparent);border-radius: var(--vaadin-radius-m);box-shadow: var(--school-fee-panel-shadow);width: 100%}.student-list-header{flex: 0 0 auto;gap: 0.75rem;box-sizing: border-box;height: 4rem;padding: 0 1rem;border-bottom: 1px solid color-mix(in srgb,var(--aura-accent-color) 16%,transparent);justify-content: flex-start !important;align-items: center !important}.student-result-count{color: var(--school-fee-text-color-secondary);font-size: 0.9rem}.student-assign-action{}.student-list-pagination{flex: 0 0 auto;box-sizing: border-box;padding: 0.6rem 0.9rem;border-top: 1px solid color-mix(in srgb,var(--aura-accent-color) 16%,transparent)}.student-empty-icon{position: relative;width: 8.5rem;height: 8.5rem;flex: 0 0 8.5rem;margin-bottom: 1.25rem;background: var(--school-fee-primary-surface)}.student-empty-icon::before{position: absolute;inset: 0;display: grid;color: var(--school-fee-primary-color);content: "+";font-size: 4rem;font-weight: 300;line-height: 1;place-items: center}.student-empty-description{max-width: 36rem;margin-top: 0.65rem;color: var(--school-fee-text-color-secondary);text-align: center}.student-empty-note{max-width: 34rem;margin-top: 1rem;color: var(--school-fee-text-color-secondary);font-size: 0.8rem;text-align: center}.student-detail-content{flex: 1 1 auto;box-sizing: border-box;min-height: 0;padding: 0.75rem 1.75rem 1rem;overflow: auto}.student-detail-section-title{margin: 0 0 0.35rem;color: var(--school-fee-accent-text-color);font-size: 1rem;font-weight: 650;text-align: left !important}.student-detail-form{gap: 0.35rem 1.25rem}.student-detail-form vaadin-input-container,.student-detail-form [part="input-field"]{border-radius: var(--vaadin-radius-m)}.student-detail-divider{width: 100%;height: 1px;margin: 0.9rem 0 0.65rem;background: var(--school-fee-border-color)}.student-detail-actions{flex: 0 0 auto;box-sizing: border-box;gap: 1rem;padding: 1rem 1.75rem 1.5rem;border-top: 1px solid var(--school-fee-border-color)}.student-detail-buttons{gap: 0.625rem}.student-detail-buttons jmix-button,.student-detail-buttons vaadin-button{min-width: 6.25rem;min-height: 2.375rem;border-radius: var(--vaadin-radius-m);font-weight: 600}.student-required-note{color: var(--school-fee-text-color-secondary);font-size: 0.8rem}.student-wizard-step{box-sizing: border-box;min-height: 5.5rem;padding: 0.75rem 1rem 0.75rem 1.75rem;border-left: 3px solid transparent;cursor: pointer;transition: background-color 120ms ease,border-color 120ms ease}.student-wizard-step:hover{background: var(--school-fee-surface-color-muted)}.student-wizard-step:focus-visible{outline: 2px solid var(--school-fee-primary-color);outline-offset: -2px}.student-wizard-step[data-active="true"]{background: var(--school-fee-primary-surface);border-left-color: var(--school-fee-primary-color)}.student-wizard-step-row{gap: 0.75rem}.student-wizard-step-number{display: inline-flex;width: 1.75rem;height: 1.75rem;flex: 0 0 1.75rem;align-items: center;justify-content: center;color: var(--school-fee-text-color-secondary);background: var(--school-fee-border-color);font-size: 0.8rem;font-weight: 700}.student-wizard-step[data-active="true"] .student-wizard-step-number{color: var(--school-fee-color-white);background: var(--school-fee-primary-color)}.student-wizard-step-copy{min-width: 0}.student-wizard-step-title{color: var(--school-fee-text-color-tertiary);font-size: 0.9rem;font-weight: 600}.student-wizard-step[data-active="true"] .student-wizard-step-title{color: var(--school-fee-primary-color)}.student-wizard-step-description{margin-top: 0.25rem;color: var(--school-fee-text-color-secondary);font-size: 0.75rem;line-height: 1.35}.student-wizard-content{box-sizing: border-box;width: 100%;min-height: 100%;padding: 1.75rem 1.8rem 1.5rem}.student-wizard-content-title{margin: 0;color: var(--school-fee-text-color);font-size: 1.15rem;font-weight: 700;text-align: left !important}.student-wizard-content-description{margin-top: 0.35rem;color: var(--school-fee-text-color-secondary);font-size: 0.85rem;text-align: left !important}.student-wizard-form{margin-top: 1.1rem;gap: 0.75rem 1rem}.student-wizard-form vaadin-input-container,.student-wizard-form [part="input-field"]{border-radius: var(--vaadin-radius-m)}.student-wizard-actions{flex: 0 0 auto;box-sizing: border-box;min-height: 5.5rem;padding: 1.35rem 1.75rem;background: var(--school-fee-color-white);border-top: 1px solid var(--school-fee-border-color)}.student-wizard-actions jmix-button,.student-wizard-actions vaadin-button{min-width: 6.25rem;min-height: 2.75rem;border-radius: var(--vaadin-radius-m);font-weight: 600}.student-wizard-primary-button{min-width: 7.8rem !important}vaadin-dialog-overlay[theme~="student-detail-dialog"]::part(overlay){border: 1px solid var(--school-fee-border-color-strong);border-radius: var(--vaadin-radius-m);box-shadow: 0 1.25rem 3rem rgba(15,23,42,0.25)}vaadin-dialog-overlay[theme~="student-detail-dialog"]::part(header){min-height: 3.75rem;box-sizing: border-box;padding: 1rem 1.75rem 0.75rem;border-bottom: 1px solid var(--school-fee-border-color)}vaadin-dialog-overlay[theme~="student-detail-dialog"]::part(title){color: var(--school-fee-text-color);font-size: 1.375rem;font-weight: 700;text-align: left !important}.student-detail-buttons [slot="prefix"]{display: none}vaadin-dialog-overlay[theme~="student-detail-dialog"]::part(content){padding: 0}vaadin-dialog-overlay[theme~="student-detail-dialog"]::part(backdrop){background: rgba(15,23,42,0.28)}vaadin-dialog[theme~="student-import-dialog"]::part(overlay){border: 1px solid var(--school-fee-border-color-strong);border-radius: var(--vaadin-radius-m);box-shadow: 0 1.25rem 3rem rgba(15,23,42,0.25)}vaadin-dialog[theme~="student-import-dialog"]::part(header){min-height: 3.75rem;box-sizing: border-box;padding: 1rem 1.5rem 0.75rem;border-bottom: 1px solid var(--school-fee-border-color)}vaadin-dialog[theme~="student-import-dialog"]::part(title){color: var(--school-fee-text-color);font-size: 1.25rem;font-weight: 700;text-align: left !important}vaadin-dialog[theme~="student-import-dialog"]::part(content){padding: 0}vaadin-dialog[theme~="student-import-dialog"]::part(backdrop){background: rgba(15,23,42,0.28)}.student-import-filters{flex: 0 0 auto;gap: 1rem;box-sizing: border-box;padding: 1rem 1.5rem;border-bottom: 1px solid var(--school-fee-border-color);justify-content: flex-start !important}.student-import-content{align-self: stretch;width: auto !important;min-height: 0;margin: 0 1.5rem;overflow: hidden;border: 1px solid var(--school-fee-border-color);border-radius: var(--vaadin-radius-m)}.student-import-tree-panel{flex: 0 0 auto;min-height: 0;overflow: hidden;background: var(--school-fee-surface-color-subtle);border-right: 1px solid var(--school-fee-border-color)}#sourceStructureTree vaadin-grid-sorter{width: 100%}.student-import-panel-header,.student-import-grid-header{flex: 0 0 auto;box-sizing: border-box;padding: 0.9rem 1rem 0.75rem;border-bottom: 1px solid var(--school-fee-border-color);justify-content: flex-start !important;align-items: center !important}.student-import-grid-header{gap: 0.65rem}.student-import-panel-title{margin: 0;color: var(--school-fee-accent-text-color);font-size: 1rem;font-weight: 700;white-space: nowrap;text-align: left !important}.student-import-panel-hint,.student-import-student-count,.student-import-selected-note{color: var(--school-fee-text-color-secondary);font-size: 0.8rem;text-align: left !important}.student-import-panel-hint{margin-top: 0.25rem}.student-import-summary{min-width: 0;margin-inline-end: auto;text-align: left !important}.student-import-selected-total{color: var(--school-fee-text-color);font-size: 0.9rem;font-weight: 700}.student-import-selected-note{margin-top: 0.2rem}@media (max-width: 700px){.student-catalog-toolbar,.student-catalog-content{flex-direction: column}.student-search-field{width: 100% !important}.student-toolbar-actions{width: 100%;margin-inline-start: 0}.student-structure-panel{width: 100% !important;min-height: 18rem}.student-empty-panel{min-height: 24rem}.student-list-panel{min-height: 24rem}.student-import-filters,.student-import-content{flex-direction: column}.student-import-tree-panel{width: 100% !important;min-height: 14rem;border-right: 0;border-bottom: 1px solid var(--school-fee-border-color)}}.fee-item-detail-body{box-sizing: border-box;width: 100%;flex: 1 1 auto;min-width: 0;min-height: 0;gap: 0;padding: 0;overflow-x: hidden;overflow-y: auto;background: var(--school-fee-color-white)}.fee-item-section{box-sizing: border-box;width: 100%;flex: 0 0 auto;min-width: 0;padding: 1.35rem 1.5rem;border-bottom: 1px solid var(--school-fee-divider-color)}.fee-item-section:last-child{border-bottom: 0}.fee-item-section-header{min-height: 2rem;gap: 0.65rem;margin-bottom: 0.85rem}.fee-item-section-number{display: inline-flex;width: 1.65rem;height: 1.65rem;flex: 0 0 1.65rem;align-items: center;justify-content: center;color: var(--school-fee-color-white);background: var(--school-fee-primary-color);font-size: 0.72rem;font-weight: 700}.fee-item-section-title{margin: 0;color: var(--school-fee-title-color);font-size: 0.9rem;font-weight: 700;letter-spacing: 0.01em;text-transform: uppercase}.fee-item-form{box-sizing: border-box;width: 100%;min-width: 0;gap: 0.45rem 2.75rem;padding-left: 2.3rem}.fee-item-multiple-price{box-sizing: border-box;width: 100%;min-width: 0;margin-top: 0.1rem;padding-left: 2.3rem}.fee-item-row-actions{box-sizing: border-box;width: 100%;min-width: 0;gap: 0.15rem;align-items: center;justify-content: center}.fee-item-row-action{min-width: 0;height: 2rem;margin: 0;padding: 0 0.45rem;color: var(--school-fee-primary-color-strong);background: transparent;border: 0;box-shadow: none;font-size: 0.78rem;font-weight: 600}.fee-item-row-action:hover{background: var(--school-fee-primary-surface)}.fee-item-row-action-danger{color: #b91c1c}.fee-item-row-action-danger:hover{background: #fef2f2}.fee-item-collection-times{box-sizing: border-box;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 1rem 2.75rem;width: 100%;padding: 0.85rem 0 0.2rem 2.3rem}.fee-item-collection-times>*{min-width: 0}.fee-item-schedule-warning{grid-column: 1 / -1;box-sizing: border-box;padding: 0.7rem 0.85rem;color: #b91c1c;background: #fef2f2;border: 1px solid #fca5a5}.fee-item-rules-form{box-sizing: border-box;width: 100%;gap: 0.65rem 1.5rem;padding: 0.25rem 0 0.15rem 2.3rem}.fee-item-rules-form vaadin-checkbox{min-height: 2rem}.fee-item-detail-actions{box-sizing: border-box;flex: 0 0 auto;min-height: 4.5rem;gap: 0.65rem;padding: 0.85rem 1.5rem;background: var(--school-fee-color-white);border-top: 1px solid var(--school-fee-border-color)}.fee-item-detail-actions vaadin-button,.fee-item-detail-actions jmix-button{min-width: 6.75rem;min-height: 2.65rem;font-weight: 600}.fee-item-secondary-button{color: var(--school-fee-primary-color-strong);background: var(--school-fee-color-white);border: 1px solid var(--school-fee-primary-color)}.fee-item-primary-button{color: var(--school-fee-color-white);background: var(--school-fee-primary-color);border: 1px solid var(--school-fee-primary-color)}.fee-item-primary-button:hover{background: var(--school-fee-primary-color-strong);border-color: var(--school-fee-primary-color-strong)}@media (max-width: 62rem){.fee-item-section{padding: 1.1rem 0.9rem}.fee-item-form,.fee-item-rules-form,.fee-item-collection-times,.fee-item-multiple-price{padding-left: 0;margin-left: 0}.fee-item-collection-times{grid-template-columns: 1fr}.fee-item-multiple-price{width: 100%}}.fee-reg-page{min-height: 0}.fee-reg-content{min-height: 0;gap: 1rem;align-items: stretch;padding: 0 1rem 1rem}.fee-reg-tree-panel{flex: 0 0 auto;min-width: 0;overflow: hidden;background: var(--school-fee-color-white);border: 1px solid rgba(15,23,42,0.12)}.fee-reg-tree-head{box-sizing: border-box;width: 100%;flex: 0 0 auto;padding: 1rem 1rem 0.75rem}.fee-reg-tree-title{margin: 0 0 0.75rem}.fee-reg-tree-head vaadin-text-field{width: 100%}.fee-reg-tree-grid{min-height: 0}.fee-reg-tree-grid::part(header-cell){display: none}.fee-reg-main-panel,.fee-reg-empty-panel{min-width: 0;overflow: hidden;background: var(--school-fee-color-white);border: 1px solid rgba(15,23,42,0.12)}.fee-reg-main-header{flex: 0 0 auto;box-sizing: border-box;gap: 0;padding: 1rem 1rem 0}.fee-reg-title-row{gap: 0.4rem;margin-bottom: 1rem}.fee-reg-main-title{font-weight: 600}.fee-reg-class-code{color: var(--aura-accent-text-color);font-weight: 600}.fee-reg-main-controls{box-sizing: border-box;align-items: center;gap: 0.75rem;padding-bottom: 1rem;flex: 0 0 auto}.fee-reg-fee-picker{max-width: 24rem}.fee-reg-grid{min-height: 0}.fee-reg-grid vaadin-checkbox{margin: 0}.fee-reg-no-fee-hint{box-sizing: border-box;display: block;width: 100%;flex: 1 1 auto;padding: 3rem 1rem;color: var(--school-fee-text-color-secondary);text-align: center}.fee-reg-footer{flex: 0 0 auto;box-sizing: border-box;padding: 0.75rem 1rem}.fee-reg-summary{color: var(--school-fee-text-color-secondary);font-size: 0.85rem}.fee-reg-pagination{gap: 0.35rem}.fee-reg-empty-panel{box-sizing: border-box;padding: 2rem}.fee-reg-empty-icon{position: relative;width: 6.5rem;height: 6.5rem;flex: 0 0 6.5rem;margin-bottom: 1rem;background: color-mix(in srgb,var(--aura-accent-color) 12%,transparent)}.fee-reg-empty-icon::before{position: absolute;inset: 0;display: grid;color: var(--aura-accent-color);content: "▤";font-size: 2.4rem;place-items: center}.fee-reg-empty-title{margin: 0;max-width: 30rem;text-align: center}@media (max-width: 700px){.fee-reg-content{flex-direction: column}.fee-reg-tree-panel{width: 100% !important;min-height: 16rem}.fee-reg-main-panel,.fee-reg-empty-panel{min-height: 22rem}}.payment-batch-content{box-sizing: border-box;min-height: 0;align-items: flex-start !important;gap: 0.75rem;padding: 0.4375rem 1.25rem 0 0}.payment-month-panel{box-sizing: border-box;height: calc(100vh - 6rem);min-height: 38.5rem;flex: 0 0 15.9375rem;overflow: hidden;background: var(--school-fee-color-white);border: 1px solid var(--school-fee-border-color-neutral);border-radius: var(--vaadin-radius-m)}.payment-month-tabs-host{box-sizing: border-box;width: calc(100% - 1rem);height: auto;min-height: 0;flex: 1 1 auto;margin: 0.25rem 0.5rem 0;overflow: hidden;background: transparent;border-radius: 0}.payment-month-tab{box-sizing: border-box;width: 100%;min-height: 2.625rem;height: 2.625rem;margin: 0;padding: 0.4375rem 0.625rem;border: 0;border-radius: var(--vaadin-radius-m)}.payment-month-tab-content{display: flex;width: 100%;min-width: 0;align-items: center;justify-content: space-between;gap: 0.375rem}.payment-month-tab-label{min-width: 0;overflow: hidden;color: var(--school-fee-text-color-strong);font-family: var(--aura-font-family);font-size: 0.875rem;font-weight: 500;line-height: 1.25rem;text-align: left;text-overflow: ellipsis;white-space: nowrap}.payment-month-tab-count{box-sizing: border-box;min-width: 2.6875rem;height: 1.25rem;padding: 0 0.40625rem;flex: 0 0 auto;overflow: hidden;color: #2b59c8;background: #ebf0fc;border: 1px solid #d8e2f8;border-radius: var(--vaadin-radius-m);font-family: var(--aura-font-family);font-size: 0.8125rem;font-weight: 500;line-height: 1.125rem;text-align: center;text-overflow: ellipsis;white-space: nowrap}.payment-month-tab[selected]{background: #dde7f7}.payment-month-tab[selected] .payment-month-tab-label{color: #3467e8}.payment-month-tab-empty{opacity: 1}.payment-month-tab-unregistered{opacity: 1}.payment-month-tab-empty[selected] .payment-month-tab-label,.payment-month-tab-unregistered[selected] .payment-month-tab-label{color: #3467e8}.payment-batch-actions{box-sizing: border-box;height: 2.125rem;min-height: 2.125rem;margin-top: 0.75rem;padding: 0;background: transparent;border: 0;align-items: center !important}.payment-batch-actions [slot="end"]{margin-left: auto}.payment-batch-search{box-sizing: border-box;width: 28rem;max-width: calc(100% - 10.125rem);min-width: 18rem;font-family: var(--aura-font-family)}.payment-batch-search vaadin-icon{width: 1.125rem;height: 1.125rem;color: #5f6368}.payment-create-button{box-sizing: border-box;width: 9.375rem;min-width: 9.375rem;height: 2.125rem;min-height: 2.125rem;padding: 0 0.75rem;gap: 0.5rem;color: var(--school-fee-color-white);background: #3266e4;border: 0;border-radius: var(--vaadin-radius-m);box-shadow: 0 2px 5px -1px rgba(0,0,0,0.2);font-family: var(--aura-font-family);font-size: 0.875rem;font-weight: 600;line-height: 1.25rem;white-space: nowrap}.payment-create-button vaadin-icon{width: 1.125rem;height: 1.125rem;color: var(--school-fee-color-white)}.payment-create-button:hover{background: #2858cf}.payment-summary-grid{box-sizing: border-box;flex: 0 0 auto;gap: 0.75rem;padding: 0}.payment-summary-card{box-sizing: border-box;display: flex;min-width: 0;height: 5.5rem;flex: 1 1 0;flex-direction: column;gap: 0.5rem;padding: 0.8125rem 1rem;overflow: hidden;background: var(--school-fee-color-white);border: 1px solid var(--school-fee-border-color-neutral);border-radius: var(--vaadin-radius-m)}.payment-summary-label,.payment-summary-value,.payment-batch-grid::part(header-cell),.payment-batch-grid::part(body-cell){overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.payment-summary-label{margin: 0;color: #3f444b;font-family: var(--aura-font-family);font-size: 0.75rem;font-weight: 600;line-height: 1.125rem}.payment-summary-value{color: var(--school-fee-text-color-strong);font-family: var(--aura-font-family);font-size: 1.25rem;font-weight: 700;line-height: 1.625rem}.payment-summary-card-collected .payment-summary-value{color: #16803a}.payment-summary-card-outstanding .payment-summary-value{color: #c76a00}.payment-batch-grid{box-sizing: border-box;height: auto;min-height: 0;margin-top: 0.9375rem;overflow: hidden;background: rgba(255,255,255,0.85);border: 1px solid rgba(3,3,3,0.08);border-radius: var(--vaadin-radius-m);font-family: var(--aura-font-family)}.payment-batch-grid::part(header-cell),.payment-batch-grid::part(body-cell){box-sizing: border-box;height: 2rem;min-height: 2rem;color: var(--school-fee-text-color-strong);font-family: var(--aura-font-family);font-size: 0.875rem;line-height: 1.25rem}.payment-batch-grid::part(header-cell){font-weight: 500}.payment-batch-grid::part(body-cell){font-weight: 400}vaadin-dialog-overlay[theme~="payment-create-batch-dialog"]::part(overlay){width: 42rem;max-width: calc(100vw - 2rem);border: 1px solid var(--school-fee-border-color-neutral);border-radius: var(--vaadin-radius-m);box-shadow: 0 0.75rem 2rem rgba(15,23,42,0.22)}vaadin-dialog-overlay[theme~="payment-create-batch-dialog"]::part(header){min-height: 3.75rem;padding: 0 1.5rem;border-bottom: 1px solid var(--school-fee-divider-color);font-family: var(--aura-font-family);font-size: 1.25rem;font-weight: 700}vaadin-dialog-overlay[theme~="payment-create-batch-dialog"]::part(content){padding: 1rem 1.5rem 1.25rem}.payment-create-name-field,.payment-create-scope-field{min-width: 0}.payment-create-fee-grid{width: 100%;min-height: 8rem;overflow: hidden;border: 1px solid var(--school-fee-border-color-neutral);border-radius: var(--vaadin-radius-m);font-family: var(--aura-font-family)}.payment-create-fee-grid::part(header-cell),.payment-create-fee-grid::part(body-cell){min-height: 2.5rem;overflow: hidden;color: var(--school-fee-text-color-strong);font-family: var(--aura-font-family);font-size: 0.875rem;text-overflow: ellipsis;white-space: nowrap}.payment-create-fee-grid::part(header-cell){font-weight: 600}.payment-create-quantity-editable,.payment-create-quantity-locked{--vaadin-input-field-height: 2rem;font-family: var(--aura-font-family)}.payment-create-quantity-locked{display: inline-flex;align-items: center;min-height: 2rem;color: #3f444b;font-weight: 500}.payment-create-quantity-locked vaadin-icon{color: #7a828c}.payment-create-dialog-cancel,.payment-create-dialog-confirm{min-width: 6rem;font-family: var(--aura-font-family);font-weight: 600}.payment-overview-page{box-sizing: border-box;min-height: 0;padding: 0 1.25rem 0.75rem 0;font-family: var(--aura-font-family)}.payment-overview-breadcrumb{margin: 0 0 0.125rem;color: #68717c;font-size: 0.75rem;line-height: 1.125rem;white-space: nowrap}.payment-overview-batch-title,.payment-overview-context-title,.payment-overview-summary-label,.payment-overview-summary-value{margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.payment-overview-batch-title{min-height: 2.1875rem;color: var(--school-fee-text-color-strong);font-size: 1.375rem;font-weight: 700;line-height: 2rem}.payment-overview-content{box-sizing: border-box;min-height: 0;align-items: flex-start !important;gap: 1rem;margin-top: 0.6875rem}.payment-overview-tree-panel{box-sizing: border-box;min-height: 32rem;flex: 0 0 17.5rem;overflow: hidden;background: var(--school-fee-color-white);border: 1px solid var(--school-fee-border-color-neutral);border-radius: var(--vaadin-radius-m)}.payment-overview-tree-search,.payment-overview-search{font-family: var(--aura-font-family)}.payment-overview-tree-search-wrap{box-sizing: border-box;display: flex;width: 100%;flex: 0 0 auto;align-items: center;height: 3.5rem;padding: 0 0.75rem;margin: 0;border-bottom: 1px solid var(--school-fee-divider-color)}.payment-overview-tree-search{width: 100%;margin: 0}.payment-overview-tree-panel vaadin-grid{box-sizing: border-box;width: 100%;margin: 0;padding: 0}.payment-overview-tree::part(row),.payment-overview-tree::part(cell),.payment-overview-tree::part(header-cell),.payment-overview-tree::part(body-cell){border: 0 !important;box-shadow: none !important;background-image: none !important}.payment-overview-tree::part(row){border-bottom: 1px solid var(--school-fee-divider-color) !important}.payment-overview-tree{min-height: 0;font-family: var(--aura-font-family)}.payment-overview-tree::part(body-cell){min-height: 2.5rem;color: #31363c;font-size: 0.875rem;font-weight: 500;white-space: nowrap}.payment-overview-context-title{min-height: 2rem;color: var(--school-fee-text-color-strong);font-size: 1.125rem;font-weight: 650;line-height: 1.75rem}.payment-overview-summary-grid{box-sizing: border-box;flex: 0 0 auto;gap: 0.75rem;margin-top: 0.5rem}.payment-overview-summary-card{box-sizing: border-box;display: flex;min-width: 0;height: 5.5rem;flex: 1 1 0;flex-direction: column;gap: 0.5rem;padding: 0.8125rem 1rem;background: var(--school-fee-color-white);border: 1px solid var(--school-fee-border-color-neutral);border-radius: var(--vaadin-radius-m)}.payment-overview-summary-label{color: #4b535d;font-size: 0.75rem;font-weight: 600;line-height: 1.125rem}.payment-overview-summary-value{color: var(--school-fee-text-color-strong);font-size: 1.25rem;font-weight: 700;line-height: 1.625rem}.payment-overview-total-card .payment-overview-summary-value{color: #2b59c8}.payment-overview-actions{box-sizing: border-box;min-height: 2.125rem;gap: 0.75rem;margin-top: 1rem}.payment-overview-search{min-width: 14rem;flex: 1 1 auto}.payment-overview-notify-button{box-sizing: border-box;width: 9.375rem;min-width: 9.375rem;height: 2.125rem;gap: 0.4375rem;color: var(--school-fee-color-white);background: #3266e4;border-radius: var(--vaadin-radius-m);font-family: var(--aura-font-family);font-size: 0.8125rem;font-weight: 600;white-space: nowrap}.payment-update-button{box-sizing: border-box;width: 10rem;min-width: 10rem;height: 2.125rem;gap: 0.4375rem;color: var(--school-fee-payment-accent-color);background: var(--school-fee-color-white);border: 1px solid #b9c9ec;border-radius: var(--vaadin-radius-m);font-family: var(--aura-font-family);font-size: 0.8125rem;font-weight: 600;white-space: nowrap}vaadin-dialog-overlay[theme~="payment-update-options-dialog"]::part(overlay){overflow: hidden;border-radius: var(--vaadin-radius-m);box-shadow: 0 0.75rem 2rem rgba(15,23,42,0.22)}vaadin-dialog-overlay[theme~="payment-update-options-dialog"]::part(header){min-height: 3.75rem;padding: 0 1.5rem;border-bottom: 1px solid var(--school-fee-divider-color);font-family: var(--aura-font-family);font-size: 1.25rem;font-weight: 700}vaadin-dialog-overlay[theme~="payment-update-options-dialog"]::part(content){padding: 1.25rem 1.5rem 1.5rem}.payment-update-options-grid{align-items: stretch;gap: 1rem;margin-top: 1rem}.payment-update-option-card{box-sizing: border-box;min-width: 0;min-height: 15rem;flex: 1 1 0;padding: 1.25rem;background: var(--school-fee-color-white);border: 1px solid var(--school-fee-border-color-neutral);border-radius: var(--vaadin-radius-m)}.payment-update-option-index{display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;color: var(--school-fee-payment-accent-color);background: #e8eefb;border-radius: 50%;font-size: 0.75rem;font-weight: 700}.payment-update-option-title{min-height: 3rem;margin: 1rem 0 0;color: #24282d;font-size: 1rem;font-weight: 650;line-height: 1.5rem}.payment-update-option-description{min-height: 4.5rem;margin-top: 0.5rem;color: var(--school-fee-payment-text-color-secondary);font-size: 0.8125rem;line-height: 1.375rem}.payment-update-option-button{margin-top: auto;font-family: var(--aura-font-family);font-weight: 600}vaadin-dialog-overlay[theme~="payment-student-registration-dialog"]::part(overlay){width: min(58rem,calc(100vw - 2rem));max-height: calc(100vh - 2rem);border-radius: var(--vaadin-radius-m)}vaadin-dialog-overlay[theme~="payment-student-registration-dialog"]::part(header){font-family: var(--aura-font-family);font-size: 1.125rem;font-weight: 650}.payment-student-registration-scope{min-width: 11.5rem}.payment-student-registration-note{padding: 0.75rem 0;color: var(--vaadin-text-color-secondary);font-size: 0.75rem;line-height: 1.25rem}@media (max-width: 900px){.payment-batch-content{flex-direction: column;padding-right: 0}.payment-month-panel{width: 100% !important;height: auto !important;min-height: 0;flex-basis: auto}.payment-month-tabs-host{height: 16rem;overflow: auto}.payment-summary-grid{flex-wrap: wrap}.payment-summary-card{min-width: 10rem}.payment-batch-actions{height: auto;gap: 0.75rem}.payment-batch-search{width: 100% !important;max-width: 100%;min-width: 0}.payment-overview-page{padding-right: 0}.payment-overview-content{flex-direction: column}.payment-overview-tree-panel{width: 100% !important;height: 18rem !important;min-height: 18rem;flex-basis: auto}.payment-overview-summary-grid{flex-wrap: wrap}.payment-overview-summary-card{min-width: 10rem}.payment-overview-actions,.payment-update-options-grid{flex-wrap: wrap}.payment-update-button,.payment-overview-notify-button{width: 100%}.payment-update-option-card{min-width: 14rem}}.fee-notification-page{box-sizing: border-box;min-height: 0;padding: 0 1.25rem 0.75rem 0;color: var(--school-fee-text-color);font-family: var(--aura-font-family)}.fee-notification-workspace{box-sizing: border-box;min-height: 38rem;gap: 0.75rem}.fee-notification-compose-panel,.fee-notification-preview-panel{box-sizing: border-box;min-width: 0;background: var(--aura-surface-color-solid);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m)}.fee-notification-compose-panel{overflow: auto;padding: 1rem}.fee-notification-preview-panel{overflow: hidden;padding: 1rem 1.25rem 1.25rem;background: color-mix(in srgb,var(--aura-background-color) 72%,white)}.fee-notification-recipient-card{box-sizing: border-box;min-height: 4.5rem;padding: 0.75rem;gap: 0.75rem;background: color-mix(in srgb,var(--aura-accent-color) 7%,white);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 18%,white);border-radius: var(--vaadin-radius-m)}.fee-notification-recipient-copy{min-width: 0;flex: 1 1 auto}.fee-notification-recipient-list-button,.fee-notification-choose-again-button{flex: 0 0 auto;font-weight: var(--aura-font-weight-medium)}.fee-notification-section-title,.fee-notification-preview-heading{margin: 1rem 0 0.5rem;color: var(--school-fee-title-color);font-size: 1rem;font-weight: var(--aura-font-weight-semibold);line-height: 1.5rem}.fee-notification-subject-field,.fee-notification-content-field,.fee-notification-deadline-field{font-family: var(--aura-font-family)}.fee-notification-content-hint,.fee-notification-channel-summary,.fee-notification-preview-caption{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);line-height: 1.125rem}.fee-notification-content-hint{margin-top: 0.25rem}.fee-notification-channel-grid{box-sizing: border-box;gap: 0.75rem;margin-top: 0.75rem}.fee-notification-channel-card{box-sizing: border-box;display: flex;min-width: 0;min-height: 3rem;flex: 1 1 0;align-items: center;gap: 0.625rem;padding: 0.625rem 0.75rem;background: var(--aura-surface-color-solid);border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m)}.fee-notification-channel-disabled{color: var(--vaadin-text-color-disabled);background: color-mix(in srgb,var(--aura-background-color) 75%,white)}.fee-notification-channel-check{display: grid;width: 1.125rem;height: 1.125rem;place-items: center;color: var(--aura-accent-contrast-color);background: var(--aura-accent-color);border-radius: 2px;font-size: 0.75rem;font-weight: 700}.fee-notification-channel-disabled .fee-notification-channel-check{color: var(--vaadin-text-color-disabled);background: transparent;border: 1px solid var(--vaadin-border-color)}.fee-notification-channel-icon{font-size: 1rem}.fee-notification-channel-label{color: var(--school-fee-text-color);font-size: 0.875rem;font-weight: var(--aura-font-weight-medium)}.fee-notification-channel-summary{margin-top: 0.5rem}.fee-notification-footer-actions{box-sizing: border-box;margin-top: auto;padding-top: 1rem;gap: 0.75rem;border-top: 1px solid var(--vaadin-border-color-secondary)}.fee-notification-back-button{min-width: 7rem}.fee-notification-send-button{min-width: 17rem;margin-left: auto;font-weight: var(--aura-font-weight-semibold)}.fee-notification-preview-heading{margin-top: 0}.fee-notification-channel-tab{box-sizing: border-box;min-width: 5rem;padding: 0.375rem 1rem;text-align: center;border: 1px solid var(--vaadin-border-color);font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-medium)}.fee-notification-preview-arrow{width: 2rem;min-width: 2rem;height: 2rem;min-height: 2rem;padding: 0;font-size: 1.25rem}.fee-notification-preview-container{box-sizing: border-box;display: flex;width: 100%;min-height: 0;flex: 1 1 auto;align-items: flex-start;justify-content: center;overflow: hidden;padding: 0.25rem}.fee-notification-email-frame{box-sizing: border-box;width: min(calc(100% - 0.5rem),46rem);height: 100%;min-height: 0;flex: 1 1 auto;margin: 0 auto;background: #f1f5f9;border: 0;border-radius: var(--vaadin-radius-m);box-shadow: var(--aura-shadow-s)}.fee-notification-preview-caption{margin-top: 0.5rem;text-align: center}.fee-notification-recipient-dialog-content{box-sizing: border-box;min-height: 0;overflow: auto;font-family: var(--aura-font-family)}.fee-notification-recipient-dialog-class{margin: 0.75rem 0 0.25rem;color: var(--school-fee-title-color);font-size: 0.875rem}.fee-notification-recipient-dialog-row{box-sizing: border-box;display: grid;grid-template-columns: minmax(0,1fr) minmax(10rem,1fr);width: 100%;padding: 0.5rem 0.625rem;gap: 1rem;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.fee-notification-recipient-dialog-name{font-weight: var(--aura-font-weight-medium)}.fee-notification-recipient-dialog-email,.fee-notification-recipient-dialog-email-missing{overflow: hidden;color: var(--vaadin-text-color-secondary);text-align: right;text-overflow: ellipsis;white-space: nowrap}.fee-notification-recipient-dialog-email-missing{color: #b45309}vaadin-dialog-overlay[theme~="fee-notification-recipient-selection-dialog"]::part(overlay){max-width: calc(100vw - 2rem);max-height: calc(100vh - 2rem);overflow: hidden;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m);box-shadow: var(--aura-shadow-m)}vaadin-dialog-overlay[theme~="fee-notification-recipient-selection-dialog"]::part(header){min-height: 3.75rem;box-sizing: border-box;padding: 0 1.5rem;border-bottom: 1px solid var(--vaadin-border-color-secondary);font-family: var(--aura-font-family);font-size: 1.25rem;font-weight: var(--aura-font-weight-semibold)}vaadin-dialog-overlay[theme~="fee-notification-recipient-selection-dialog"]::part(content){min-height: 0;padding: 0;overflow: hidden}.fee-notification-recipient-selection-view{min-height: 0;background: var(--aura-surface-color-solid)}.fee-notification-recipient-selection-toolbar{box-sizing: border-box;flex: 0 0 auto;gap: 1rem;padding: 1rem 1.5rem;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.fee-notification-recipient-selection-intro{min-width: 0;flex: 1 1 auto}.fee-notification-recipient-selection-description{color: var(--vaadin-text-color);font-weight: var(--aura-font-weight-medium)}.fee-notification-recipient-selection-hint,.fee-notification-recipient-selection-visible-count{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.fee-notification-recipient-selection-hint{margin-top: 0.25rem}.fee-notification-recipient-selection-content{align-self: stretch;width: auto !important;min-height: 0;margin: 0 1.5rem;overflow: hidden;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-m)}.fee-notification-recipient-selection-tree-panel{min-height: 0;flex: 0 0 auto;overflow: hidden;background: color-mix(in srgb,var(--aura-background-color) 72%,white);border-right: 1px solid var(--vaadin-border-color)}.fee-notification-recipient-selection-grid-panel{min-width: 0;min-height: 0;flex: 1 1 0;overflow: hidden;background: var(--aura-surface-color-solid)}.fee-notification-recipient-selection-panel-header,.fee-notification-recipient-selection-grid-header{box-sizing: border-box;flex: 0 0 auto;padding: 0.875rem 1rem 0.75rem;border-bottom: 1px solid var(--vaadin-border-color-secondary)}.fee-notification-recipient-selection-grid-header{gap: 0.625rem}.fee-notification-recipient-selection-panel-title{margin: 0;color: var(--school-fee-title-color);font-size: 1rem;font-weight: var(--aura-font-weight-semibold)}.fee-notification-recipient-selection-footer{box-sizing: border-box;flex: 0 0 auto;gap: 0.75rem;padding: 1rem 1.5rem;border-top: 1px solid var(--vaadin-border-color-secondary)}.fee-notification-recipient-selection-selected-count{margin-right: auto;color: var(--vaadin-text-color);font-weight: var(--aura-font-weight-semibold)}@media (max-width: 78rem){.fee-notification-workspace{height: auto !important;flex-direction: column}.fee-notification-compose-panel,.fee-notification-preview-panel{width: 100% !important;height: auto !important}.fee-notification-preview-container{height: 48rem;max-height: none;flex: 0 0 48rem}}@media (max-width: 48rem){.fee-notification-page{padding-right: 0.5rem}.fee-notification-recipient-card{flex-wrap: wrap}.fee-notification-recipient-copy{min-width: calc(100% - 3.25rem)}.fee-notification-channel-grid,.fee-notification-footer-actions{flex-direction: column;align-items: stretch !important}.fee-notification-send-button,.fee-notification-back-button{width: 100%;margin-left: 0}.fee-notification-recipient-selection-toolbar,.fee-notification-recipient-selection-content{flex-direction: column}.fee-notification-recipient-selection-search,.fee-notification-recipient-selection-tree-panel{width: 100% !important}.fee-notification-recipient-selection-tree-panel{min-height: 13rem;border-right: 0;border-bottom: 1px solid var(--vaadin-border-color)}}.fee-payment-page{height: 100%;min-height: 0;font-family: var(--aura-font-family)}.fee-payment-content{box-sizing: border-box;min-height: 0;align-items: stretch !important}.fee-payment-list-panel{box-sizing: border-box;min-width: 0;flex: 1 1 auto;gap: 0.75rem;padding: 1rem 1.25rem}.fee-payment-toolbar{gap: 0.75rem}.fee-payment-status-tabs{--vaadin-tabs-gap: 0.25rem;padding: 0.25rem;background: var(--school-fee-surface-color-muted);box-shadow: none}.fee-payment-status-tabs vaadin-tab{min-height: 2rem;padding: 0 0.875rem;color: var(--school-fee-text-color-secondary);font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium)}.fee-payment-status-tabs vaadin-tab[selected]{color: var(--school-fee-primary-color);background: var(--school-fee-surface-color);box-shadow: inset 0 0 0 1px var(--school-fee-border-color-strong);font-weight: var(--aura-font-weight-semibold)}.fee-payment-grid{min-height: 0;flex: 1 1 auto;background: var(--school-fee-surface-color);border: 1px solid var(--school-fee-border-color)}.fee-payment-status{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-medium)}.fee-payment-status::before{content: "";display: inline-block;width: 0.5rem;height: 0.5rem;margin-right: 0.5rem;border-radius: 50%;background: currentColor}.fee-payment-status-unpaid{color: #b42318}.fee-payment-status-paid{color: #16803a}.fee-payment-grid-footer{color: var(--school-fee-text-color-secondary);font-size: var(--aura-font-size-s)}.fee-payment-drawer{box-sizing: border-box;width: 28rem;flex: 0 0 28rem;justify-content: space-between;background: var(--school-fee-surface-color);border-left: 1px solid var(--school-fee-border-color);box-shadow: -0.5rem 0 1.5rem rgba(15,23,42,0.08)}.fee-payment-drawer-body{box-sizing: border-box;min-height: 0;flex: 1 1 auto;gap: 0.875rem;padding: 1.25rem 1.5rem;overflow-y: auto}.fee-payment-drawer-header{gap: 0.625rem}.fee-payment-drawer-title{margin: 0;color: var(--school-fee-title-color);font-size: 1.25rem;font-weight: var(--aura-font-weight-bold);line-height: 1.75rem}.fee-payment-drawer-close{margin-left: auto}.fee-payment-drawer-meta{color: var(--school-fee-text-color-secondary);font-size: var(--aura-font-size-s)}.fee-payment-badge{padding: 0.125rem 0.5rem;font-size: var(--aura-font-size-xs);font-weight: var(--aura-font-weight-semibold);white-space: nowrap}.fee-payment-badge-unpaid{color: #b42318;background: #fff5f4;border: 1px solid #f4c7c3}.fee-payment-badge-paid{color: #16803a;background: #ecfdf3;border: 1px solid #a7e3bd}.fee-payment-amount-box{display: flex;flex-direction: column;gap: 0.25rem;padding: 0.875rem 1rem;background: var(--school-fee-surface-color-muted)}.fee-payment-amount-box-paid{background: #ecfdf3}.fee-payment-amount-caption{color: var(--school-fee-text-color-tertiary);font-size: var(--aura-font-size-s)}.fee-payment-amount-value{color: var(--school-fee-title-color);font-size: 1.875rem;font-weight: var(--aura-font-weight-bold);line-height: 2.25rem}.fee-payment-amount-box-paid .fee-payment-amount-value{color: #16803a}.fee-payment-items{border: 1px solid var(--school-fee-border-color)}.fee-payment-items-toggle{width: 100%;justify-content: flex-start;color: var(--school-fee-text-color-tertiary);background: var(--school-fee-surface-color-muted);font-weight: var(--aura-font-weight-semibold)}.fee-payment-items-list{padding: 0.375rem 0.75rem 0.625rem}.fee-payment-item-row,.fee-payment-kv-row{display: flex;justify-content: space-between;gap: 1rem;padding: 0.25rem 0;font-size: var(--aura-font-size-s)}.fee-payment-item-amount,.fee-payment-kv-value{color: var(--school-fee-text-color);font-weight: var(--aura-font-weight-medium);text-align: right;white-space: nowrap}.fee-payment-kv-key{color: var(--school-fee-text-color-secondary)}.fee-payment-collect-panel,.fee-payment-qr-panel,.fee-payment-receipt-panel{gap: 0.75rem}.fee-payment-drawer-body>*,.fee-payment-collect-panel>*,.fee-payment-qr-panel>*,.fee-payment-receipt-panel>*,.fee-payment-drawer-footer>*{box-sizing: border-box;align-self: stretch;width: 100%}.fee-payment-method-tabs{padding: 0.25rem;background: var(--school-fee-surface-color-muted);box-shadow: none}.fee-payment-method-tabs vaadin-tab{flex: 1 1 0;justify-content: center;gap: 0.5rem;min-height: 2.25rem;color: var(--school-fee-text-color-secondary);font-weight: var(--aura-font-weight-semibold)}.fee-payment-method-tabs vaadin-tab[selected]{color: var(--school-fee-primary-color);background: var(--school-fee-surface-color);box-shadow: inset 0 0 0 1px var(--school-fee-border-color-strong)}.fee-payment-qr-card{display: flex;gap: 1rem;padding: 1rem;border: 1px solid var(--school-fee-border-color)}.fee-payment-qr-img{width: 10rem;height: 10rem;object-fit: contain}.fee-payment-qr-details{display: flex;min-width: 0;flex: 1 1 auto;flex-direction: column;gap: 0.25rem}.fee-payment-qr-details .fee-payment-kv-row{flex-direction: column;gap: 0}.fee-payment-qr-details .fee-payment-kv-value{text-align: left;white-space: normal;word-break: break-word}.fee-payment-qr-note,.fee-payment-footer-hint{color: var(--school-fee-text-color-secondary);font-size: var(--aura-font-size-xs)}.fee-payment-section-title{color: var(--school-fee-text-color-tertiary);font-weight: var(--aura-font-weight-semibold)}.fee-payment-receipt-info{padding: 0.5rem 0.75rem;border: 1px solid var(--school-fee-border-color)}.fee-payment-drawer-footer{box-sizing: border-box;gap: 0.625rem;padding: 0.875rem 1.5rem 1.25rem;border-top: 1px solid var(--school-fee-border-color)}.fee-payment-footer-actions{gap: 0.75rem}.fee-payment-primary-action,.fee-payment-danger-action{flex: 1 1 auto;min-height: 2.75rem}.fee-payment-grid-footer-bar{gap: 0.75rem}.fee-payment-cancel-dialog::part(header-content){font-size: 1.125rem;font-weight: var(--aura-font-weight-bold);color: var(--school-fee-title-color)}.fee-payment-cancel-content{gap: 1rem}.fee-payment-cancel-content>*{box-sizing: border-box;align-self: stretch;width: 100%}.fee-payment-cancel-description{color: var(--school-fee-text-color-tertiary);font-size: var(--aura-font-size-s);line-height: 1.5}.fee-receipt-dialog::part(overlay){width: 100vw;max-width: 100vw;height: 100vh;max-height: 100vh;border-radius: 0}.fee-receipt-dialog::part(header){border-bottom: 1px solid var(--school-fee-border-color);gap: 0.5rem}.fee-receipt-dialog::part(content){padding: 0;background: #eef1f5}.fee-receipt-dialog-body{box-sizing: border-box;display: flex;justify-content: center;min-height: 100%;padding: 2rem 1rem 3rem}.fee-receipt-doc{position: relative;box-sizing: border-box;width: 100%;max-width: 794px;min-height: 1123px;padding: 48px 56px 40px;overflow: hidden;color: var(--school-fee-text-color);background: #ffffff;border-top: 8px solid #062248;box-shadow: 0 8px 32px rgba(15,23,42,0.1);font-family: var(--aura-font-family);font-size: 13px}.fee-receipt-doc-watermark{position: absolute;top: 40%;left: 50%;z-index: 0;color: #b42318;font-size: 140px;font-weight: 700;white-space: nowrap;opacity: 0.07;pointer-events: none;transform: translate(-50%,-50%) rotate(-20deg)}.fee-receipt-doc>:not(.fee-receipt-doc-watermark){position: relative;z-index: 1}.fee-receipt-doc-header{display: flex;justify-content: space-between;align-items: flex-start;gap: 1.5rem}.fee-receipt-doc-brand{display: flex;align-items: flex-start;gap: 16px}.fee-receipt-doc-logo{width: 64px;height: 64px;object-fit: contain}.fee-receipt-doc-school,.fee-receipt-doc-info,.fee-receipt-doc-totals-left,.fee-receipt-doc-totals-right,.fee-receipt-doc-note,.fee-receipt-doc-box{display: flex;flex-direction: column;gap: 6px}.fee-receipt-doc-school-name{color: var(--school-fee-title-color);font-size: 18px;font-weight: 700;line-height: 28px;text-transform: uppercase}.fee-receipt-doc-muted,.fee-receipt-doc-label,.fee-receipt-doc-kv-key,.fee-receipt-doc-footer{color: var(--school-fee-text-color-secondary)}.fee-receipt-doc-meta{display: flex;flex-direction: column;align-items: flex-end;gap: 8px}.fee-receipt-doc-title{color: var(--school-fee-title-color);font-size: 22px;font-weight: 700;line-height: 28px}.fee-receipt-doc-meta-rows .fee-receipt-doc-kv-row{display: grid;grid-template-columns: 110px 150px;font-size: 12px}.fee-receipt-doc-meta-rows .fee-receipt-doc-kv-value{text-align: right;font-weight: 600}.fee-receipt-doc-badge{padding: 4px 14px;font-size: 12px;font-weight: 700}.fee-receipt-doc-badge-cancelled{color: #b42318;background: #fff5f4;border: 1px solid #f4c7c3}.fee-receipt-doc-divider{height: 1px;margin: 20px 0 24px;background: var(--school-fee-border-color)}.fee-receipt-doc-info-grid,.fee-receipt-doc-totals{display: grid;grid-template-columns: 1fr 1fr;gap: 42px}.fee-receipt-doc-label{font-size: 11px;font-weight: 600;letter-spacing: 0.04em}.fee-receipt-doc-info-title{margin-bottom: 4px;color: var(--school-fee-title-color);font-size: 18px;font-weight: 700}.fee-receipt-doc-kv-row{display: grid;grid-template-columns: 100px 1fr;gap: 8px;line-height: 22px;font-size: 12px}.fee-receipt-doc-kv-value{font-weight: 500;word-break: break-word}.fee-receipt-doc-kv-small .fee-receipt-doc-kv-row{line-height: 17px;font-size: 11px}.fee-receipt-doc-table{margin: 24px 0 20px;border-bottom: 1px solid var(--school-fee-border-color-strong)}.fee-receipt-doc-row{display: grid;grid-template-columns: 44px 1fr 60px 120px 118px;align-items: center;min-height: 40px;padding: 0 12px;border-top: 1px solid var(--school-fee-border-color)}.fee-receipt-doc-row-head{min-height: 36px;color: var(--school-fee-text-color-tertiary);background: var(--school-fee-surface-color-muted);border-top: 0;font-size: 12px;font-weight: 600}.fee-receipt-doc-cell.c-item{font-weight: 500}.fee-receipt-doc-cell.c-qty{text-align: center}.fee-receipt-doc-cell.c-price,.fee-receipt-doc-cell.c-amount{text-align: right}.fee-receipt-doc-row:not(.fee-receipt-doc-row-head) .c-amount{font-weight: 600}.fee-receipt-doc-words{font-weight: 500}.fee-receipt-doc-box{margin-top: 14px;padding: 10px 12px}.fee-receipt-doc-box-title{font-size: 11px;font-weight: 600}.fee-receipt-doc-box-transfer{background: #eff6ff;border: 1px solid #bfdbfe}.fee-receipt-doc-box-transfer .fee-receipt-doc-box-title{color: #2563eb}.fee-receipt-doc-box-cancel{background: #fff5f4;border: 1px solid #f4c7c3}.fee-receipt-doc-box-cancel .fee-receipt-doc-box-title{color: #b42318}.fee-receipt-doc-sum .fee-receipt-doc-kv-row{grid-template-columns: 1fr auto;line-height: 24px}.fee-receipt-doc-sum .fee-receipt-doc-kv-value{text-align: right}.fee-receipt-doc-highlight{display: flex;justify-content: space-between;align-items: center;margin-top: 8px;padding: 12px 16px;color: #16803a;background: #ecfdf3}.fee-receipt-doc-highlight-cancelled{color: #b42318;background: #fff5f4}.fee-receipt-doc-highlight-label{font-size: 12px;font-weight: 700}.fee-receipt-doc-highlight-amount{font-size: 22px;font-weight: 700}.fee-receipt-doc-note{margin-top: 28px}.fee-receipt-doc-note-box{padding: 12px 14px;background: #f8fafc;border: 1px solid var(--school-fee-border-color);line-height: 20px;white-space: pre-line}.fee-receipt-doc-footer{position: absolute !important;right: 56px;bottom: 32px;left: 56px;display: flex;justify-content: space-between;gap: 24px;padding-top: 14px;border-top: 1px solid var(--school-fee-border-color);font-size: 10px;line-height: 16px}.fee-receipt-doc-footer-left{max-width: 440px}.fee-receipt-doc-footer-right{white-space: nowrap}.user-profile-view{width: 100%;min-height: 100%;box-sizing: border-box;padding: 12px 36px 48px !important;background-color: var(--school-fee-surface-color-subtle);display: flex;flex-direction: column;gap: 20px;font-family: var(--aura-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);color: var(--school-fee-text-color)}.user-profile-view .profile-subtitle{margin-top: 4px;font-size: 14px;color: var(--school-fee-text-color-secondary)}.user-profile-view .profile-header-card,.user-profile-view .profile-card{background: var(--school-fee-color-white);border: 1px solid var(--school-fee-border-color);border-radius: 50% !important;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.02),0 1px 2px -1px rgba(0,0,0,0.02);transition: border-color 0.2s ease,box-shadow 0.2s ease}.user-profile-view .profile-header-card:hover,.user-profile-view .profile-card:hover{border-color: var(--school-fee-border-color-strong);box-shadow: 0 4px 6px -1px rgba(0,0,0,0.04),0 2px 4px -2px rgba(0,0,0,0.02)}.user-profile-view .profile-header-card{padding: 20px 28px;display: flex;align-items: center;gap: 20px}.user-profile-view .profile-avatar{width: 72px !important;height: 72px !important;min-width: 72px !important;min-height: 72px !important;flex: 0 0 72px !important;flex-shrink: 0 !important;border-radius: var(--vaadin-radius-m);background-color: var(--school-fee-surface-color-muted);color: var(--school-fee-primary-color);border: 1px solid var(--school-fee-border-color)}.user-profile-view .profile-avatar::part(abbr){font-size: 1.15rem !important;font-weight: 600 !important}.user-profile-view .avatar-upload-btn{margin-top: 6px}.user-profile-view .avatar-upload-btn vaadin-button{height: 28px;padding: 0 10px;font-size: 12px;border-radius: var(--vaadin-radius-m);background: var(--school-fee-surface-color-muted);color: var(--school-fee-text-color-tertiary)}.user-profile-view .avatar-upload-btn vaadin-button:hover{background: var(--school-fee-border-color)}.user-profile-view .profile-contact-row{margin-top: 2px;display: flex;align-items: center;gap: 8px;color: var(--school-fee-text-color-secondary);font-size: 13px}.user-profile-view .profile-contact-icon{width: 14px;height: 14px;font-size: 13px;color: var(--school-fee-text-color-disabled)}.user-profile-view #editButton{height: 36px;padding: 0 16px;border-radius: var(--vaadin-radius-m);border: 1px solid var(--school-fee-border-color-strong);background: var(--school-fee-color-white);color: var(--school-fee-text-color-tertiary);font-weight: 600;font-size: 13px;cursor: pointer;transition: all 0.15s ease}.user-profile-view #editButton:hover{background: var(--school-fee-surface-color-subtle);border-color: var(--school-fee-text-color-disabled);color: var(--school-fee-text-color)}.user-profile-view #saveProfileButton,.user-profile-view #changePasswordButton{height: 40px;padding: 0 18px;border-radius: var(--vaadin-radius-m);background: var(--school-fee-primary-color);color: var(--school-fee-color-white);font-weight: 600;font-size: 13px;border: none;cursor: pointer;box-shadow: 0 1px 2px 0 rgba(37,99,235,0.2);transition: background 0.15s ease}.user-profile-view #saveProfileButton:hover,.user-profile-view #changePasswordButton:hover{background: var(--school-fee-primary-color-strong)}.user-profile-view #cancelEditButton{height: 40px;padding: 0 16px;border-radius: var(--vaadin-radius-m);background: transparent;color: var(--school-fee-text-color-secondary);font-weight: 500;font-size: 13px;border: none}.user-profile-view #cancelEditButton:hover{color: var(--school-fee-text-color);background: var(--school-fee-surface-color-muted)}.user-profile-view .profile-main-row{display: flex;gap: 24px}.user-profile-view .profile-card{padding: 24px 28px;display: flex;flex-direction: column;gap: 16px}.user-profile-view .profile-card-title{margin: 0 0 4px;font-size: 16px;font-weight: 700;color: var(--school-fee-text-color);border-bottom: 1px solid var(--school-fee-surface-color-muted);padding-bottom: 12px}.user-profile-view .profile-info-row{display: flex;align-items: center;width: 100%;min-height: 36px;padding: 2px 0}.user-profile-view .profile-info-icon{width: 20px;min-width: 20px;margin-right: 10px;color: var(--school-fee-text-color-disabled);font-size: 15px}.user-profile-view .profile-info-label{width: 130px;min-width: 130px;color: var(--school-fee-text-color-secondary);font-size: 13px;font-weight: 500}.user-profile-view .profile-info-value{color: var(--school-fee-text-color);font-size: 14px;font-weight: 600;flex: 1}.user-profile-view .profile-inline-edit{display: flex;align-items: center;gap: 8px;flex: 1}.user-profile-view .profile-inline-field{flex: 1;min-width: 0}.user-profile-view .profile-inline-edit vaadin-text-field{--vaadin-input-field-background: var(--school-fee-surface-color-subtle);--vaadin-input-field-border-color: var(--school-fee-border-color);--vaadin-input-field-hover-border-color: var(--school-fee-border-color-strong);--vaadin-input-field-focus-border-color: var(--school-fee-primary-color);--vaadin-input-field-value-color: var(--school-fee-text-color);--vaadin-input-field-border-radius: var(--vaadin-radius-m)}.user-profile-view vaadin-text-field,.user-profile-view vaadin-password-field,.user-profile-view vaadin-date-picker{--vaadin-input-field-background: var(--school-fee-surface-color-subtle);--vaadin-input-field-border-color: var(--school-fee-border-color);--vaadin-input-field-hover-border-color: var(--school-fee-border-color-strong);--vaadin-input-field-focus-border-color: var(--school-fee-primary-color);--vaadin-input-field-label-color: #475569;--vaadin-input-field-label-font-size: 13px;--vaadin-input-field-label-font-weight: 500;--vaadin-input-field-value-color: var(--school-fee-text-color);--vaadin-input-field-border-radius: var(--vaadin-radius-m)}.user-profile-view #editActions{margin-top: 8px;padding-top: 16px;border-top: 1px dashed var(--school-fee-border-color)}.user-profile-view .back-page-button{align-self: flex-start;display: inline-flex;align-items: center;gap: 6px;height: 34px;padding: 0 14px;border-radius: var(--vaadin-radius-m);border: 1px solid var(--school-fee-border-color);background-color: var(--school-fee-color-white);color: #475569;font-size: 13px;font-weight: 600;cursor: pointer;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.03);transition: all 0.2s cubic-bezier(0.4,0,0.2,1)}.user-profile-view .back-page-button:hover{background-color: var(--school-fee-surface-color-subtle);border-color: var(--school-fee-border-color-strong);color: var(--school-fee-primary-color);transform: translateX(-3px);box-shadow: 0 2px 4px -1px rgba(0,0,0,0.06)}.user-profile-view .back-page-button:active{transform: translateX(-1px);background-color: var(--school-fee-surface-color-muted)}@media (max-width: 960px){.user-profile-view .profile-main-row{flex-direction: column}.user-profile-view .profile-info-label{width: 110px;min-width: 110px}.user-profile-view .profile-header-card{padding: 16px 20px}.user-profile-view .profile-card{padding: 20px}}