:where(:root),:where(:host){--vaadin-app-layout-drawer-width: 256px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-top: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-start: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-end: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-bottom: 0px;transition: padding-bottom var(--vaadin-app-layout-transition-duration),padding-inline-start var(--vaadin-app-layout-transition-duration),padding-inline-end var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[drawer-opened]:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-inline-start: 0px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar){transition: inset-inline-start var(--vaadin-app-layout-transition-duration),padding var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[has-navbar]:not([primary-section='navbar'])>:nth-child(1 of :not([slot]):not(jmix-timer)):nth-last-child(1 of :not([slot]):not(jmix-timer)){border-top-width: 0;border-start-start-radius: 0;border-start-end-radius: 0}vaadin-app-layout.jmix-main-view-app-layout[has-navbar][has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>:nth-child(1 of :not([slot]):not(jmix-timer)):nth-last-child(1 of :not([slot]):not(jmix-timer)){border-start-start-radius: 0}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']) .jmix-main-view-header{background: linear-gradient(var(--aura-surface-color),var(--aura-surface-color)),var(--aura-app-background);background-clip: padding-box;background-origin: border-box;border: var(--aura-app-layout-border-width) solid var(--vaadin-border-color-secondary);border-top-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-inline-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-bottom-width: 1px;border-start-start-radius: var(--_app-layout-radius);border-start-end-radius: var(--_app-layout-radius);padding: var(--vaadin-padding-s) var(--vaadin-padding-m)}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar-bottom){border-top: 1px solid var(--vaadin-border-color-secondary)}vaadin-app-layout.jmix-main-view-app-layout[has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>.jmix-main-view-header{border-inline-start-width: var(--aura-app-layout-border-width)}.jmix-main-view-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-title{font-size: var(--aura-font-size-xl)}.jmix-main-view-section{display: flex;flex-direction: column;align-items: stretch;max-height: 100%;min-height: 100%}.jmix-main-view-application-title{display: flex;align-items: center;margin: 0;padding: var(--vaadin-padding-m);font-size: var(--aura-font-size-l)}.jmix-main-view-application-title-base-link{color: var(--vaadin-text-color);text-decoration: none}.yms-brand{gap: 12px;padding: 16px}.yms-brand-logo{width: 36px;height: 36px;flex-shrink: 0}.yms-brand-text{display: flex;flex-direction: column;line-height: 1.2}.yms-brand-title{font-size: 13px;font-weight: 700;letter-spacing: 0.03em;text-transform: uppercase;color: #FFFFFF}.yms-brand-sub{margin-top: 2px;font-size: 11px;font-weight: 400;letter-spacing: 0;text-transform: none;color: var(--yms-primary-200)}.jmix-main-view-navigation{display: flex;flex-direction: column;flex-grow: 1;overflow: auto}.jmix-main-view-footer{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m);padding-bottom: max(0px,var(--aura-app-layout-inset) - var(--vaadin-padding-m));border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-footer .jmix-user-indicator{flex-grow: 1}.jmix-main-view-user-menu{margin-inline-start: auto}.user-menu-button-content,.user-menu-header-content{display: grid;grid-template: "avatar text" "avatar subtext";grid-template-columns: auto 1fr;column-gap: var(--vaadin-gap-s);width: max-content;box-sizing: border-box;color: var(--vaadin-text-color);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s)}.user-menu-header-content{width: 100%;padding-inline-end: var(--vaadin-padding-l)}.user-menu-button-content>.user-menu-avatar,.user-menu-header-content>.user-menu-avatar{grid-area: avatar;align-self: center}.user-menu-button-content>.user-menu-text{grid-row: text / subtext}.jmix-main-view-user-menu[theme~='substituted'] .user-menu-button-content>.user-menu-text{grid-row: text}.user-menu-header-content>.user-menu-text{grid-area: text;color: var(--vaadin-text-color);font-weight: 700;font-size: var(--aura-font-size-m)}.user-menu-header-content>.user-menu-text-subtext{grid-row: text / subtext}.user-menu-button-content>.user-menu-text,.user-menu-header-content>.user-menu-text{align-self: center;text-align: start;width: 100%;overflow: hidden;text-overflow: ellipsis}.user-menu-button-content>.user-menu-subtext,.user-menu-header-content>.user-menu-subtext{grid-area: subtext;align-self: center;text-align: start;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);width: 100%;overflow: hidden;text-overflow: ellipsis}.jmix-main-view-user-menu:not([theme~='substituted']) .user-menu-button-content>.user-menu-subtext{display: none}.jmix-initial-layout{--title-size: round(var(--aura-font-size-m) * 2.5,0.0625rem);--title-color: var(--vaadin-text-color-secondary);width: 100%;height: 100%;align-items: center;justify-content: center;container-type: inline-size;container-name: jmix-initial-layout}.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;width: 100%;height: 0.3rem;content: '';background: var(--title-color);top: 0;left: 0}.jmix-initial-layout-logo{--logo-size: calc(2.5 * var(--title-size));width: var(--logo-size);height: var(--logo-size)}@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}}.jmix-main-view-navigation>.jmix-menu-filter-field{margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-navigation>.jmix-search-field{display: flex;margin: auto var(--vaadin-padding-m) var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-header>.jmix-search-field{margin-inline-start: auto;margin-inline-end: var(--vaadin-padding-m)}.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)}.jmix-login-main-layout jmix-login-form::part(form){--vaadin-login-form-border-radius: var(--vaadin-radius-l);--vaadin-login-form-background: var(--aura-surface-color);box-shadow: var(--aura-shadow-s);border: 1px solid var(--vaadin-border-color)}#sectionsBox vaadin-details{border: none;background: transparent;box-shadow: none;border-radius: 0;max-width: 100%;margin-right: auto;box-sizing: border-box}#sectionsBox vaadin-details::part(content){background: var(--yms-panel);border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs);padding: var(--vaadin-padding-m);margin-top: 0.5rem;margin-left: 2.5rem;box-sizing: border-box}#sectionsBox vaadin-details-summary{font-size: var(--aura-font-size-m);font-weight: 700;text-transform: uppercase;letter-spacing: 0.02em;color: var(--vaadin-text-color);align-items: center}#sectionsBox vaadin-details-summary::after{content: "";flex: 1 1 auto;height: 1px;min-width: 1rem;margin-left: 0.75rem;background: var(--yms-slate-200)}#sectionsBox vaadin-details-summary::before{display: inline-flex;align-items: center;justify-content: center;width: 1.75rem;height: 1.75rem;margin-right: 0.625rem;border-radius: 6px;background: var(--yms-primary-800);color: var(--yms-gold-400);font-size: var(--aura-font-size-s);font-weight: 700;line-height: 1;flex: 0 0 auto;text-transform: none;letter-spacing: 0}#sectionA vaadin-details-summary::before{content: "A"}#sectionB vaadin-details-summary::before{content: "B"}#sectionC vaadin-details-summary::before{content: "C"}#sectionD vaadin-details-summary::before{content: "D"}#sectionE vaadin-details-summary::before{content: "E"}#sectionG vaadin-details-summary::before{content: "G"}#sectionH vaadin-details-summary::before{content: "H"}#sectionI vaadin-details-summary::before{content: "I"}#sectionK vaadin-details-summary::before{content: "K"}#sectionL vaadin-details-summary::before{content: "L"}#navRail vaadin-button{justify-content: flex-start;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);font-weight: 500;border-radius: 6px}#navRail vaadin-button:hover{background: var(--yms-slate-100)}#navRail vaadin-button[theme~="primary"]{background: color-mix(in srgb,var(--yms-gold-500) 18%,transparent);color: var(--vaadin-text-color);font-weight: 600;box-shadow: inset 3px 0 0 var(--yms-primary-800)}#navRail vaadin-button::part(label)::before{display: inline-flex;align-items: center;justify-content: center;width: 1.75rem;height: 1.75rem;margin-right: 0.5rem;flex: 0 0 auto;border-radius: 6px;border: 1px solid var(--yms-slate-300);background: var(--yms-panel);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);font-weight: 700;line-height: 1;vertical-align: middle}#navBtnTT::part(label)::before{content: "\2605"}#navBtnA::part(label)::before{content: "A"}#navBtnB::part(label)::before{content: "B"}#navBtnC::part(label)::before{content: "C"}#navBtnD::part(label)::before{content: "D"}#navBtnE::part(label)::before{content: "E"}#navBtnG::part(label)::before{content: "G"}#navBtnH::part(label)::before{content: "H"}#navBtnI::part(label)::before{content: "I"}#navBtnK::part(label)::before{content: "K"}#navBtnL::part(label)::before{content: "L"}#navRail vaadin-button[theme~="primary"]::part(label)::before{border-color: var(--yms-primary-800);background: var(--yms-primary-800);color: var(--yms-gold-400)}#sectionTT vaadin-details-summary::before{content: "\2605"}.yms-summary-badges{gap: var(--vaadin-gap-s);flex-wrap: wrap;margin-bottom: var(--vaadin-gap-s)}.yms-summary-warn{display: block;width: fit-content;margin-top: var(--vaadin-gap-s);border-radius: 6px;border: 1px solid var(--yms-gold-600);background: color-mix(in srgb,var(--yms-gold-300) 20%,transparent);color: var(--yms-primary-900);padding: 0.375rem 0.75rem;font-size: var(--aura-font-size-s);font-weight: 600}#headerCard{background: var(--yms-panel);border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs);padding: var(--vaadin-padding-m)}.yms-header-row{gap: var(--vaadin-gap-m);justify-content: space-between;flex-wrap: wrap}.yms-header-id{gap: var(--vaadin-gap-m)}.yms-header-name-box{gap: 3px}.yms-header-name-row{gap: var(--vaadin-gap-s);flex-wrap: wrap}.yms-header-meta{gap: 0.375rem;margin-top: 2px;flex-wrap: wrap;font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.yms-header-meta-rest{color: var(--vaadin-text-color-secondary)}#headerActions{gap: var(--vaadin-gap-s)}#bodyBox{min-height: 0;background: var(--yms-surface);padding: var(--vaadin-padding-s);border-radius: var(--vaadin-radius-l)}#contentScroller{scrollbar-width: none}#sectionsBox{padding-top: var(--vaadin-padding-s);padding-right: var(--vaadin-padding-s)}#sectionsBox vaadin-details{scroll-margin-top: 12px}#sectionsBox [readonly]::part(input-field){border: none;outline: none;background-color: transparent;box-shadow: none;min-height: 1.5rem;padding-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0}#sectionsBox [readonly]::part(label){padding-bottom: 0}#sectionsBox [readonly]::part(input-field)::after{border: none;display: none}#sectionsBox [readonly]::part(toggle-button){display: none}#hoTenLabel{margin: 0;font-size: var(--aura-font-size-xl);font-weight: 700;color: var(--vaadin-text-color)}#maHoSoLabel{color: var(--yms-slate-300);font-size: var(--aura-font-size-s)}.yms-portrait{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;flex: 0 0 auto;border-radius: 8px;background: var(--yms-primary-800);border: 2px solid var(--yms-gold-500);color: var(--yms-gold-400);font-size: var(--aura-font-size-l);font-weight: 700;letter-spacing: 0.02em}#metaLine{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}#aiSummaryButton{--vaadin-button-background: var(--yms-gold-500);--vaadin-button-text-color: var(--yms-primary-900);font-weight: 600}.yms-back-btn{align-self: flex-start;margin-bottom: var(--vaadin-gap-s);color: var(--vaadin-text-color-secondary);font-weight: 500}.yms-badge{display: inline-flex;align-items: center;gap: 0.25rem;border: 1px solid transparent;border-radius: 999px;padding: 0.0625rem 0.625rem;font-size: var(--aura-font-size-xs);font-weight: 600;line-height: 1.1rem;white-space: nowrap}.yms-badge--danger{color: var(--yms-danger);border-color: color-mix(in srgb,var(--yms-danger) 40%,transparent);background: color-mix(in srgb,var(--yms-danger) 10%,white)}.yms-badge--warning{color: var(--yms-warning);border-color: color-mix(in srgb,var(--yms-warning) 40%,transparent);background: color-mix(in srgb,var(--yms-warning) 10%,white)}.yms-badge--caution{color: var(--yms-caution);border-color: color-mix(in srgb,var(--yms-caution) 40%,transparent);background: color-mix(in srgb,var(--yms-caution) 12%,white)}.yms-badge--success{color: var(--yms-success);border-color: color-mix(in srgb,var(--yms-success) 40%,transparent);background: color-mix(in srgb,var(--yms-success) 10%,white)}.yms-badge--info{color: var(--yms-info);border-color: color-mix(in srgb,var(--yms-info) 40%,transparent);background: color-mix(in srgb,var(--yms-info) 10%,white)}.yms-badge--muted{color: var(--vaadin-text-color-secondary);border-color: var(--yms-slate-200);background: var(--yms-slate-100);text-decoration: line-through}.yms-badge--pd{color: #553C9A;border-color: color-mix(in srgb,#553C9A 40%,transparent);background: color-mix(in srgb,#553C9A 10%,white)}.yms-badge--trust-a{color: var(--yms-success);border-color: color-mix(in srgb,var(--yms-success) 40%,transparent);background: color-mix(in srgb,var(--yms-success) 10%,white)}.yms-badge--trust-b{color: #059669;border-color: #6EE7B7;background: #ECFDF5}.yms-badge--trust-c{color: var(--yms-caution);border-color: color-mix(in srgb,var(--yms-caution) 40%,transparent);background: color-mix(in srgb,var(--yms-caution) 12%,white)}.yms-badge--trust-d{color: var(--vaadin-text-color-secondary);border-color: var(--yms-slate-200);background: var(--yms-slate-100)}.yms-hpills{gap: var(--vaadin-gap-m);align-items: stretch}.yms-hpill-col{flex: 1 1 0;min-width: 0;padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);border: 1px solid var(--yms-slate-200);background: var(--yms-panel)}.yms-pill-strike{text-decoration: line-through}.yms-hpill-title{font-size: var(--aura-font-size-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.02em;margin-bottom: var(--vaadin-gap-s)}.yms-hpill-title--danger{color: var(--yms-danger)}.yms-hpill-title--success{color: var(--yms-success)}.yms-hpill-box{flex-wrap: wrap;gap: 0.375rem}.yms-hpill-empty{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.yms-h3{margin-top: var(--vaadin-gap-l);border-top: 1px solid var(--yms-slate-200);padding-top: var(--vaadin-padding-m)}.yms-h3-title{font-size: var(--aura-font-size-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.02em;color: var(--vaadin-text-color-secondary);margin-bottom: var(--vaadin-gap-s)}.yms-sectionA{gap: 1.5rem;align-items: flex-start}.yms-a-grid{min-width: 0;align-items: start}.yms-a-grid>*{align-self: start}.yms-portrait-col{gap: 0.5rem;width: 168px;flex: 0 0 168px;align-items: center}.yms-portrait-lg{display: flex;align-items: center;justify-content: center;width: 168px;height: 210px;border-radius: 8px;background: var(--yms-slate-100);border: 1px solid var(--yms-slate-200);color: var(--yms-slate-300);font-size: 3.5rem;font-weight: 700;letter-spacing: 0.02em}.yms-portrait-cap{font-size: 11px;color: var(--vaadin-text-color-secondary);text-align: center}.yms-field-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.yms-field-value-row{gap: 0.375rem}.yms-mono{font-family: monospace;font-variant-numeric: tabular-nums}.yms-eye-btn{min-width: 0;width: 1.5rem;height: 1.5rem;padding: 0;color: var(--vaadin-text-color-secondary)}.yms-badge--gold{color: var(--yms-gold-700);border-color: var(--yms-gold-600);background: color-mix(in srgb,var(--yms-gold-300) 20%,transparent)}#sectionA vaadin-text-field::part(label)::after,#sectionA vaadin-combo-box::part(label)::after,.yms-mark-db::after{display: inline-flex;align-items: center;margin-left: 0.375rem;padding: 0 0.25rem;border-radius: 3px;font-size: 10px;font-weight: 700;line-height: 1rem;vertical-align: middle;content: "ĐB";color: #1F4E79;background: #EDF3F9}#sectionA vaadin-text-field.yms-mark-n::part(label)::after{content: "N";color: #9B2C2C;background: #FBEDED}.yms-mark-xm::after{display: inline-flex;align-items: center;margin-left: 0.375rem;padding: 0 0.25rem;border-radius: 3px;font-size: 10px;font-weight: 700;line-height: 1rem;vertical-align: middle;content: "XM";color: #1D6A5E;background: #E9F4F2}.yms-mark-n::after{display: inline-flex;align-items: center;margin-left: 0.375rem;padding: 0 0.25rem;border-radius: 3px;font-size: 10px;font-weight: 700;line-height: 1rem;vertical-align: middle;content: "N";color: #9B2C2C;background: #FBEDED}.yms-mark-pd::after{display: inline-flex;align-items: center;margin-left: 0.375rem;padding: 0 0.25rem;border-radius: 3px;font-size: 10px;font-weight: 700;line-height: 1rem;vertical-align: middle;content: "PD";color: #553C9A;background: #F1EDFA}.yms-fld-db::part(label)::after,.yms-fld-xm::part(label)::after{display: inline-flex;align-items: center;margin-left: 0.375rem;padding: 0 0.25rem;border-radius: 3px;font-size: 10px;font-weight: 700;line-height: 1rem;vertical-align: middle}.yms-fld-db::part(label)::after{content: "ĐB";color: #1F4E79;background: #EDF3F9}.yms-fld-xm::part(label)::after{content: "XM";color: #1D6A5E;background: #E9F4F2}.yms-cur-home{gap: 0.125rem;padding: 0.75rem;border-radius: var(--vaadin-radius-l);border: 1px solid color-mix(in srgb,var(--yms-gold-600) 35%,transparent);background: color-mix(in srgb,var(--yms-gold-300) 18%,var(--yms-panel))}.yms-cur-home-label{gap: 0.375rem;font-size: var(--aura-font-size-xs);font-weight: 500;color: var(--vaadin-text-color-secondary)}.yms-cur-home-value-fld::part(input-field){font-size: var(--aura-font-size-m);font-weight: 700;color: var(--vaadin-text-color);padding: 0;min-height: 1.5rem}.yms-cur-home-sub-row{gap: 0.25rem}.yms-cur-home-sub{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.yms-cur-home-sub-date{width: auto}.yms-cur-home-sub-date::part(input-field){font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);padding: 0;min-height: 1.5rem}.yms-cur-home-sub-date::part(toggle-button){display: none}.yms-pill-mark{display: inline-flex;align-items: center;padding: 0 0.25rem;border-radius: 3px;font-size: 10px;font-weight: 700;line-height: 1rem}.yms-pill-db{color: #1F4E79;background: #EDF3F9}.yms-pill-xm{color: #1D6A5E;background: #E9F4F2}.yms-cell-value{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}.yms-dien-none{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}#sectionsBox .yms-note-area::part(input-field){background: var(--yms-slate-100);border-radius: var(--vaadin-radius-m);padding: 0.5rem 0.75rem;font-style: italic;color: var(--vaadin-text-color-secondary)}.yms-relatives{margin-bottom: var(--vaadin-gap-l)}.yms-relatives-list{gap: 0.375rem;margin-top: 0.25rem}.yms-relative-item{padding: 0.5rem 0.75rem;border-radius: var(--vaadin-radius-m);background: var(--yms-slate-100);border: 1px solid var(--yms-slate-200)}.yms-relative-name{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color)}.yms-relative-sub{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.yms-relative-empty{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);font-style: italic}.yms-label-marks{align-items: center;gap: 0.375rem;flex-wrap: wrap}.yms-buoinghi-row{gap: 0.25rem}.yms-buoinghi-num{font-size: 1rem;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color)}.yms-buoinghi-num--danger{color: var(--yms-danger)}.yms-buoinghi-thres{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.yms-track{width: 100%;max-width: 18rem;height: 6px;margin-top: 0.375rem;border-radius: 999px;background: var(--yms-slate-200);overflow: hidden}.yms-track-fill{display: block;height: 100%;border-radius: 999px;background: var(--yms-caution)}.yms-track-fill--danger{background: var(--yms-danger)}.yms-nguyenvong{margin-top: var(--vaadin-gap-l);padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);border: 1px solid color-mix(in srgb,var(--yms-success) 40%,transparent);background: color-mix(in srgb,var(--yms-success) 8%,var(--yms-panel));gap: 0.25rem}.yms-nguyenvong-head{gap: 0.5rem;flex-wrap: wrap}.yms-nguyenvong-icon{color: var(--yms-success);width: 1rem;height: 1rem}.yms-nguyenvong-label{font-size: var(--aura-font-size-xs);font-weight: 500;color: var(--vaadin-text-color-secondary)}.yms-nguyenvong-value::part(input-field){font-size: var(--aura-font-size-s);font-weight: 500;color: var(--vaadin-text-color)}#sectionL vaadin-details::part(content){background: color-mix(in srgb,var(--yms-slate-100) 55%,var(--yms-panel))}.yms-admin-list{width: 100%}.yms-admin-row{width: 100%;justify-content: space-between;align-items: baseline;gap: 1rem;padding: 0.375rem 0;border-top: 1px solid var(--yms-slate-200)}.yms-admin-row:first-child{border-top: none}.yms-admin-label{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.yms-admin-value{font-size: var(--aura-font-size-s);font-weight: 500;color: var(--vaadin-text-color);text-align: right}.yms-admin-value-row{gap: 0.375rem;align-items: center}.yms-rasoat{display: block;margin-top: var(--vaadin-gap-m);padding: 0.75rem 1rem;border-radius: var(--vaadin-radius-l);border: 2px solid var(--yms-gold-500);background: color-mix(in srgb,var(--yms-gold-300) 20%,var(--yms-panel));font-size: var(--aura-font-size-m);font-weight: 600;color: var(--vaadin-text-color)}#sectionTT vaadin-details::part(content){background: transparent;border: none;box-shadow: none;padding: 0}.yms-tt-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: stretch;gap: var(--vaadin-gap-m);width: 100%}.yms-tt-card{padding: var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);border: 1px solid var(--yms-slate-200);background: var(--yms-panel);box-shadow: var(--aura-shadow-xs);gap: 0.375rem;min-width: 0;align-self: stretch;height: 100%;box-sizing: border-box}.yms-tt-title{font-size: var(--aura-font-size-xs);font-weight: 700;text-transform: uppercase;letter-spacing: 0.02em;color: var(--vaadin-text-color-secondary);margin-bottom: 0.25rem}.yms-tt-badges{gap: 0.5rem;flex-wrap: wrap;align-items: center}.yms-tt-line{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color);gap: 0.375rem;flex-wrap: wrap;align-items: center}.yms-tt-line-label{color: var(--vaadin-text-color-secondary)}.yms-tt-strong{font-weight: 700}.yms-tt-rasoat{display: block;margin-top: 0.375rem;border-radius: 6px;border: 1px solid var(--yms-gold-500);background: color-mix(in srgb,var(--yms-gold-300) 20%,var(--yms-panel));padding: 0.375rem 0.625rem;font-size: var(--aura-font-size-xs);font-weight: 600;color: var(--vaadin-text-color)}.yms-tt-ok{font-size: var(--aura-font-size-s);color: var(--yms-success)}.yms-tt-list{gap: 0.375rem;width: 100%}.yms-tt-note{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color)}.yms-tt-note--danger{color: var(--yms-danger);font-weight: 600}.yms-tt-note--success{color: var(--yms-success);font-weight: 500}.yms-tt-note--muted{color: var(--vaadin-text-color-secondary)}.yms-tt-nc{color: var(--yms-warning);font-weight: 700}.yms-tt-tc{color: var(--yms-success);font-weight: 700}.yms-wizard{gap: var(--vaadin-gap-l);padding: var(--vaadin-padding-m)}.yms-steps{gap: 0.5rem;flex-wrap: wrap}.yms-step{padding: 0.375rem 0.875rem;border-radius: 999px;border: 1px solid var(--yms-slate-200);background: var(--yms-panel);font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color-secondary)}.yms-step--active{border-color: var(--yms-primary-800);background: var(--yms-primary-800);color: var(--yms-gold-400)}.yms-step--done{border-color: color-mix(in srgb,var(--yms-success) 40%,transparent);background: color-mix(in srgb,var(--yms-success) 12%,var(--yms-panel));color: var(--yms-success)}.yms-wizard-panel{gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m);border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l);background: var(--yms-panel)}.yms-wizard-h{font-size: var(--aura-font-size-m);font-weight: 700;color: var(--vaadin-text-color);margin-bottom: 0.5rem}.yms-wizard-review{gap: 0.375rem;width: 100%}.yms-wizard-review [readonly]::part(input-field){border: none;outline: none;background-color: transparent;box-shadow: none;padding: 0;font-weight: 600}.yms-wizard-review [readonly]::part(input-field)::after{display: none}.yms-wizard-review [readonly]::part(toggle-button){display: none}.yms-wizard-review [readonly]::part(label){padding-bottom: 0}.yms-wizard-review [readonly]::part(required-indicator){display: none}.yms-wizard-review vaadin-form-layout{margin-bottom: 0.5rem}.yms-wizard-footer{gap: var(--vaadin-gap-s);justify-content: flex-end;padding-top: var(--vaadin-gap-s)}.yms-review-row{width: 100%;justify-content: space-between;gap: 1rem;padding: 0.375rem 0;border-top: 1px solid var(--yms-slate-200)}.yms-review-row:first-child{border-top: none}.yms-review-heading{display: block;margin-top: 1rem;padding-bottom: 0.25rem;font-size: var(--aura-font-size-xs);font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--yms-primary-700)}.yms-review-heading:first-child{margin-top: 0}.yms-review-heading + .yms-review-row{border-top: none}.yms-review-label{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.yms-review-value{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color);text-align: right}.yms-empty{align-items: center;justify-content: center;padding: var(--vaadin-padding-l) 0;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);text-align: center}.yms-section-tools{justify-content: flex-end;gap: 0.375rem;width: 100%;box-sizing: border-box;padding-bottom: 0.25rem}.yms-section-tools vaadin-button{min-height: 1.75rem;font-size: 12.5px}.yms-relatives-bar{justify-content: space-between;margin-top: 0.75rem}.yms-relatives-actions{gap: 0.375rem}.yms-note{font-size: 12px;color: var(--vaadin-text-color-secondary)}.yms-portrait-img{object-fit: cover;padding: 0}.yms-portrait-preview{width: 7.5em;height: 10em;justify-self: start;border-radius: 8px;border: 1px solid var(--yms-slate-200)}.yms-sectionA .yms-portrait-col{margin-top: 3rem}.yms-log-row{gap: 0.6rem;padding: 0.4rem 0;border-bottom: 1px solid var(--yms-slate-100);font-size: var(--aura-font-size-s)}.yms-log-time{flex: none;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);min-width: 7.5rem}.yms-log-main{color: var(--yms-slate-700);min-width: 0;overflow-wrap: anywhere}.breadcrumb-container{min-width: 0;overflow: hidden}breadcrumb{display: block;min-width: 0}.breadcrumb-list{display: flex;align-items: center;list-style-type: none;margin-block: 0;padding-inline-start: 0;font-size: var(--aura-font-size-s)}.breadcrumb-item{display: flex;align-items: center;min-width: 0}breadcrumb li + li::before{content: url('component/icons/ic_slash.svg');display: block;line-height: 1.5rem;flex-shrink: 0}.breadcrumb-item>vaadin-horizontal-layout{padding: 0;gap: var(--vaadin-gap-xs);min-width: 0}breadcrumb a{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);line-height: 1rem;font-weight: 500;padding: 0.25rem 0.125rem;text-decoration: none;white-space: nowrap}breadcrumb a:hover{color: var(--vaadin-text-color)}breadcrumb label,breadcrumb span{font-size: var(--aura-font-size-s);font-weight: 600;letter-spacing: -0.15px;color: var(--vaadin-text-color);line-height: 1rem;padding: 0.25rem 0.125rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.icon-home-breadcrumb{cursor: pointer;letter-spacing: -0.15px;color: var(--vaadin-text-color-secondary)}.icon-home-breadcrumb:hover{color: var(--vaadin-text-color)}breadcrumb vaadin-icon,vaadin-icon.icon-home-breadcrumb{--vaadin-icon-visual-size: 80%}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']) .jmix-main-view-header{background: var(--yms-panel)}.global-search-field{--vaadin-input-field-border-radius: var(--vaadin-radius-l);max-width: 100%}.global-search-field::part(input-field){background: var(--vaadin-background-container);box-shadow: none}.global-search-field::part(input-field):focus-within{background: var(--aura-surface-color-solid)}.search-kbd-hint{display: inline-flex;align-items: center;padding: 0.0625rem 0.375rem;border: 1px solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-s);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);line-height: 1.25;white-space: nowrap;pointer-events: none}.notification-bell-wrapper{position: relative;display: inline-flex;align-items: center}.notification-bell-button{position: relative;font-size: 1.2rem;cursor: pointer}.notification-badge{position: absolute;top: -0.125rem;right: -0.25rem;min-width: 0.875rem;height: 0.875rem;padding: 0 0.25rem;border-radius: 0.5rem;background-color: var(--aura-red);color: var(--aura-accent-contrast-color);font-size: 0.563rem;font-weight: 700;line-height: 0.875rem;text-align: center;pointer-events: none;box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0,0.25);z-index: 1;animation: badge-pop 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes badge-pop{0%{transform: scale(0);opacity: 0}100%{transform: scale(1);opacity: 1}}.ms-auto{margin-inline-start: auto}.jmix-main-view-header .jmix-main-view-user-menu{margin-inline-start: 0}.jmix-main-view-navigation{min-height: 0}.jmix-main-view-navigation,.jmix-main-view-navigation .jmix-list-menu{scrollbar-width: none;-ms-overflow-style: none}.jmix-main-view-navigation::-webkit-scrollbar,.jmix-main-view-navigation .jmix-list-menu::-webkit-scrollbar{width: 0;height: 0}.jmix-main-view-section{overflow: hidden}.jmix-main-view-footer{padding-bottom: var(--vaadin-padding-m)}.sidebar-build-info{font-size: var(--aura-font-size-xs);font-variant-numeric: tabular-nums;color: var(--vaadin-text-color-secondary);line-height: var(--aura-line-height-xs);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.jmix-main-view-section .jmix-list-menu a.jmix-menu-item,.jmix-main-view-section .jmix-list-menu vaadin-button.jmix-menu-item,.jmix-main-view-section .jmix-list-menu .jmix-menubar-item vaadin-details-summary{border-radius: var(--vaadin-radius-m);transition: background-color 120ms,color 120ms}@media (any-hover: hover){.jmix-main-view-section .jmix-list-menu a.jmix-menu-item:hover,.jmix-main-view-section .jmix-list-menu .jmix-menubar-item vaadin-details-summary:hover{background: var(--vaadin-background-container);color: var(--vaadin-text-color)}.jmix-main-view-section .jmix-list-menu vaadin-button.jmix-menu-item:hover{--vaadin-button-background: var(--vaadin-background-container);color: var(--vaadin-text-color)}}.jmix-main-view-section .jmix-list-menu a.jmix-menu-item:active,.jmix-main-view-section .jmix-list-menu .jmix-menubar-item vaadin-details-summary:active{background: var(--vaadin-background-container-strong)}.jmix-main-view-section .jmix-list-menu a.jmix-menu-item[highlight]{background-color: var(--yms-primary-900);color: #FFFFFF;font-weight: 600}@media (any-hover: hover){.jmix-main-view-section .jmix-list-menu a.jmix-menu-item[highlight]:hover{background-color: color-mix(in srgb,var(--yms-primary-900) 80%,#FFFFFF)}}.jmix-main-view-section .jmix-list-menu .jmix-menu-item vaadin-icon{color: var(--vaadin-text-color-secondary)}.jmix-main-view-section .jmix-list-menu a.jmix-menu-item[highlight] vaadin-icon{color: var(--yms-gold-400)}vaadin-grid::part(header-cell){text-transform: uppercase;background: var(--yms-slate-100);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);font-weight: 600;letter-spacing: 0.025em}vaadin-grid{--vaadin-grid-row-hover-background-color: color-mix(in srgb,var(--aura-accent-color) 5%,transparent);--vaadin-grid-row-border-width: 1px;--vaadin-grid-background: var(--yms-panel);border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l)}vaadin-grid::part(body-cell){border-color: var(--yms-slate-100)}@media (any-hover: hover){vaadin-grid::part(header-cell):hover{background: var(--yms-slate-200)}}vaadin-card{--vaadin-card-border-color: var(--yms-slate-200);--vaadin-card-border-width: 1px;--vaadin-card-padding: var(--vaadin-padding-m);--vaadin-card-gap: var(--vaadin-gap-s);--vaadin-card-title-font-weight: 600;--vaadin-card-background: var(--yms-panel);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs)}vaadin-card::part(title){font-size: var(--aura-font-size-l);color: var(--vaadin-text-color)}vaadin-card::part(header){border-bottom: 1px solid var(--yms-slate-100);padding-bottom: var(--vaadin-padding-s)}vaadin-details{box-sizing: border-box;border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l);background: var(--yms-panel);box-shadow: var(--aura-shadow-xs)}.jmix-main-view-section vaadin-details{border: none;border-radius: 0;background: none;box-shadow: none}vaadin-button{--vaadin-button-font-weight: 500}vaadin-button[theme~='gold']{--vaadin-button-background: var(--yms-gold-500);--vaadin-button-text-color: var(--yms-primary-900);--vaadin-button-border-color: transparent;--vaadin-button-font-weight: 600}vaadin-button[theme~='gold']:hover{--vaadin-button-background: var(--yms-gold-600)}vaadin-button[theme~='gold-outline']{--vaadin-button-background: transparent;--vaadin-button-text-color: var(--yms-gold-300);--vaadin-button-border-color: color-mix(in srgb,var(--yms-gold-500) 50%,transparent);--vaadin-button-border-width: 1px}vaadin-button[theme~='danger-outline']{--vaadin-button-background: var(--yms-panel);--vaadin-button-text-color: var(--yms-danger);--vaadin-button-border-color: var(--yms-danger);--vaadin-button-border-width: 1px}vaadin-button[theme~='danger-outline']:hover{--vaadin-button-background: var(--yms-primary-50)}vaadin-button:not([theme~='primary'],[theme~='error'],[theme~='success'],[theme~='warning'],[theme~='contrast'],[theme~='gold'],[theme~='gold-outline'],[theme~='danger-outline']),vaadin-menu-bar-button:not([theme~='primary'],[theme~='error']),vaadin-upload-button:not([theme~='primary']){--vaadin-button-text-color: var(--vaadin-text-color-secondary)}vaadin-button:not([theme~='primary'])>vaadin-icon{color: inherit}vaadin-text-field,vaadin-text-area,vaadin-email-field,vaadin-password-field,vaadin-number-field,vaadin-integer-field,vaadin-big-decimal-field,vaadin-date-picker,vaadin-time-picker,vaadin-date-time-picker,vaadin-combo-box,vaadin-multi-select-combo-box,vaadin-select,jmix-value-picker,jmix-entity-picker,jmix-entity-combo-box{--vaadin-input-field-background: var(--yms-panel);--vaadin-input-field-border-color: var(--yms-slate-300);--vaadin-input-field-border-width: 1px;--vaadin-input-field-border-radius: var(--vaadin-radius-m)}.jmix-main-view-section vaadin-text-field,.jmix-main-view-section .jmix-menu-filter-field,.jmix-main-view-section .jmix-search-field{--vaadin-input-field-background: var(--vaadin-background-container);--vaadin-input-field-border-color: transparent}vaadin-text-field::part(label),vaadin-text-area::part(label),vaadin-email-field::part(label),vaadin-password-field::part(label),vaadin-number-field::part(label),vaadin-integer-field::part(label),vaadin-big-decimal-field::part(label),vaadin-date-picker::part(label),vaadin-time-picker::part(label),vaadin-date-time-picker::part(label),vaadin-combo-box::part(label),vaadin-multi-select-combo-box::part(label),vaadin-select::part(label),vaadin-checkbox-group::part(label),vaadin-radio-group::part(label){color: var(--vaadin-text-color-secondary);font-weight: 500}vaadin-badge{border-radius: 999px;padding: 0.0625rem var(--vaadin-padding-xs);font-size: var(--aura-font-size-xs);font-weight: 600;line-height: 1rem;white-space: nowrap}vaadin-badge[theme~='gold']{background: color-mix(in srgb,var(--yms-gold-300) 20%,transparent);border-color: var(--yms-gold-600);color: var(--yms-gold-700)}vaadin-badge[theme~='muted']{background: var(--yms-slate-100);border-color: var(--yms-slate-200);color: var(--vaadin-text-color-secondary)}vaadin-tabs{--vaadin-tabs-gap: var(--vaadin-gap-xs);--vaadin-tabs-padding: 0;--vaadin-tab-font-weight: 500;--vaadin-tab-background: transparent;--vaadin-tab-border-radius: 0;border-bottom: 1px solid var(--yms-slate-200)}vaadin-tab{border: none;border-bottom: 2px solid transparent;margin-bottom: -1px;color: var(--vaadin-text-color-secondary);background: transparent;box-shadow: none}vaadin-tab[selected]{border-bottom-color: var(--aura-accent-color);color: var(--aura-accent-color);background: transparent}@media (any-hover: hover){vaadin-tab:not([selected]):not([disabled]):hover{border-bottom-color: var(--yms-slate-300);color: var(--vaadin-text-color)}}.relationship-embed-root{width: 100%;height: 100%}rf-relationship-app{display: block;width: 100%;height: 100%}.relationship{display: flex;flex-direction: column;gap: var(--vaadin-gap-s,0.5rem);box-sizing: border-box;width: 100%;height: 100%;padding: var(--vaadin-padding-m,1rem);color: var(--vaadin-text-color,#1e293b);font-family: var(--aura-font-family,inherit)}.relationship.is-compact{padding: 0;gap: 0.4rem}.relationship.is-compact .relationship-body{min-height: 0}.relationship.is-compact .relationship-toolbar{padding: 0.5rem 0.6rem}.relationship-banner{display: flex;align-items: flex-start;gap: 0.6rem;padding: 0.6rem 0.9rem;border: 1px solid #d6b34a66;border-radius: var(--vaadin-radius-m,0.5rem);background: #fdf6e3;color: #92651a;font-size: 0.82rem;font-weight: 500;line-height: 1.35}.relationship-banner p{margin: 0}.relationship-banner-icon{flex: none;display: inline-flex;align-items: center;justify-content: center;width: 1.15rem;height: 1.15rem;border-radius: 999px;background: #d99a1c;color: #fff;font-weight: 700;font-size: 0.8rem}.relationship-head{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;flex-wrap: wrap}.relationship-title{margin: 0;font-size: var(--aura-font-size-l,1.25rem);font-weight: 700}.relationship-head-actions{display: flex;gap: 0.4rem;flex-wrap: wrap}.relationship-error{padding: 0.4rem 0.7rem;border-radius: var(--vaadin-radius-s,0.35rem);background: #fef2f2;color: #b91c1c;font-size: 0.8rem}.relationship-toolbar{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 0.5rem 1.1rem;padding: 0.7rem 0.85rem;border: 1px solid var(--vaadin-border-color,#e2e8f0);border-radius: var(--vaadin-radius-m,0.5rem);background: var(--aura-surface-color-solid,#fff)}.relationship-field{display: flex;flex-direction: column;gap: 0.25rem;min-width: 0}.relationship-field-grow{flex: 1 1 16rem}.relationship-field>label{font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.02em;color: var(--vaadin-text-color-secondary,#64748b)}.relationship-select{box-sizing: border-box;min-width: 13rem;padding: 0.35rem 0.5rem;border: 1px solid var(--vaadin-border-color,#cbd5e1);border-radius: var(--vaadin-radius-s,0.35rem);background: var(--vaadin-background-container,#fff);color: inherit;font: inherit;font-size: 0.85rem}.relationship-chips{display: flex;flex-wrap: wrap;gap: 0.35rem}.relationship-chip{padding: 0.25rem 0.6rem;border: 1px solid #cbd5e1;border-radius: 999px;background: #fff;color: #475569;font-size: 0.72rem;font-weight: 500;cursor: pointer;transition: background-color 0.12s,border-color 0.12s}.relationship-chip:hover{background: #f1f5f9}.relationship-chip.is-active{border-color: var(--aura-accent-color,#a01e23);background: var(--aura-accent-color,#a01e23);color: #fff}.relationship-chip.is-dim{border-color: #e2e8f0;background: #f8fafc;color: #cbd5e1}.relationship-chip-clear{padding: 0.25rem 0.5rem;border: none;background: none;color: #0369a1;font-size: 0.72rem;font-weight: 500;cursor: pointer}.relationship-chip-clear:hover{text-decoration: underline}.relationship-check{display: inline-flex;align-items: center;gap: 0.4rem;height: 2.1rem;font-size: 0.82rem;color: var(--vaadin-text-color-secondary,#475569);cursor: pointer}.relationship-body{display: flex;gap: 1rem;flex: 1 1 auto;min-height: 26rem}.relationship-canvas{position: relative;flex: 1 1 auto;min-width: 0;overflow: hidden;border: 1px solid var(--vaadin-border-color,#e2e8f0);border-radius: var(--vaadin-radius-m,0.5rem);background: #f8fafc}.relationship-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.4rem;height: 100%;padding: 1rem;text-align: center;color: var(--vaadin-text-color-secondary,#94a3b8);font-size: 0.9rem}.relationship-empty-sub{font-size: 0.78rem}.relationship-stats{position: absolute;top: 0.7rem;right: 0.7rem;z-index: 5;padding: 0.35rem 0.6rem;border: 1px solid var(--vaadin-border-color,#e2e8f0);border-radius: var(--vaadin-radius-s,0.4rem);background: rgba(255,255,255,0.9);font-size: 0.75rem;color: #475569;box-shadow: 0 1px 2px rgba(0,0,0,0.06);backdrop-filter: blur(3px)}.relationship-stats b{color: #0f172a}.relationship-stats-sep{color: #cbd5e1;margin: 0 0.2rem}.relationship-side{flex: none;width: 20rem}@media (max-width: 60rem){.relationship-side{display: none}}.relationship-card{display: flex;flex-direction: column;gap: 0.9rem;padding: 0.9rem;border: 1px solid var(--vaadin-border-color,#e2e8f0);border-radius: var(--vaadin-radius-m,0.6rem);background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.05)}.relationship-card-head{display: flex;align-items: flex-start;gap: 0.7rem}.relationship-card-head-simple{align-items: center;justify-content: space-between}.relationship-card-avatar{flex: none;width: 3rem;height: 3rem;border-radius: 999px;border: 1px solid #e2e8f0;object-fit: cover}.relationship-card-headinfo{flex: 1 1 auto;min-width: 0}.relationship-card-name{font-size: 0.95rem;font-weight: 600;color: #1e293b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.relationship-card-sub{font-size: 0.75rem;color: #64748b}.relationship-nhom-badge{display: inline-block;margin-top: 0.3rem;padding: 0.1rem 0.5rem;border-radius: 999px;color: #fff;font-size: 0.68rem;font-weight: 700}.relationship-x{flex: none;border: none;background: none;color: #94a3b8;font-size: 1.1rem;line-height: 1;cursor: pointer;padding: 0.15rem 0.3rem;border-radius: 0.25rem}.relationship-x:hover{background: #f1f5f9}.relationship-card-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 0.5rem}.relationship-card-section-title{margin-bottom: 0.4rem;font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.03em;color: #64748b}.relationship-rel-list{display: flex;flex-direction: column;gap: 0.4rem;max-height: 16rem;overflow-y: auto}.relationship-rel-item{width: 100%;text-align: left;padding: 0.45rem 0.6rem;border: 1px solid #e2e8f0;border-radius: 0.5rem;background: #fff;cursor: pointer}.relationship-rel-item:hover{border-color: #d98a8d}.relationship-rel-item-top{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem}.relationship-rel-item-name{font-size: 0.82rem;font-weight: 500;color: #334155;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.relationship-rel-item-loai{margin-top: 0.15rem;font-size: 0.72rem;color: #94a3b8}.relationship-hint{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.4rem;min-height: 16rem;height: 100%;padding: 1.5rem;text-align: center;border: 1px dashed #e2e8f0;border-radius: 0.6rem;background: #f8fafc99;color: #94a3b8;font-size: 0.82rem}.relationship-hint-sub{font-size: 0.75rem}.relationship-legend{display: flex;flex-wrap: wrap;align-items: center;gap: 0.3rem 1rem;font-size: 0.75rem;color: #64748b}.relationship-legend span{display: inline-flex;align-items: center;gap: 0.4rem}.relationship-dot{width: 0.7rem;height: 0.7rem;border-radius: 999px}.relationship-line{width: 1.5rem;border-top: 2px solid}.relationship-btn{padding: 0.35rem 0.7rem;border: 1px solid var(--vaadin-border-color,#cbd5e1);border-radius: var(--vaadin-radius-s,0.35rem);background: var(--vaadin-background-container,#fff);color: inherit;font: inherit;font-size: 0.8rem;white-space: nowrap;cursor: pointer}.relationship-btn:hover:not(:disabled){border-color: var(--aura-accent-color,#a01e23)}.relationship-btn:disabled{opacity: 0.5;cursor: default}.relationship-trust{display: inline-block;min-width: 1.2rem;padding: 0.02rem 0.35rem;border: 1px solid;border-radius: 0.25rem;font-size: 0.7rem;font-weight: 700;text-align: center}.relationship-pair{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 0.7rem;border-radius: 0.5rem;background: #f8fafc;font-size: 0.82rem}.relationship-pair span:first-child{flex: 1 1 0;text-align: right}.relationship-pair span:last-child{flex: 1 1 0}.relationship-pair>span{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;color: #334155}.relationship-pair-sep{flex: none !important;color: #94a3b8;font-weight: 400 !important}.relationship-dl{display: flex;flex-direction: column;gap: 0.55rem;margin: 0;font-size: 0.82rem}.relationship-dl dt{font-size: 0.72rem;color: #94a3b8}.relationship-dl dd{margin: 0.1rem 0 0;font-weight: 500;color: #334155}.relationship-dl-row{display: flex;gap: 1.5rem}.relationship-tag{margin-left: 0.5rem;padding: 0.05rem 0.4rem;border-radius: 0.25rem;background: #f1f5f9;color: #64748b;font-size: 0.68rem;font-weight: 500}.relationship-node{position: relative;display: flex;flex-direction: column;align-items: center;width: 108px;cursor: grab}.relationship-node:active{cursor: grabbing}.relationship-node-handle{pointer-events: none !important;left: 50% !important;top: 32px !important;width: 8px !important;height: 8px !important;min-width: 0 !important;transform: translate(-50%,-50%) !important;border: 0 !important;background: transparent !important}.relationship-node-avatar-wrap{position: relative}.relationship-node-avatar{width: 64px;height: 64px;border-radius: 999px;background: #f1f5f9;object-fit: cover;box-shadow: 0 1px 3px rgba(0,0,0,0.15)}.relationship-node-star{position: absolute;right: -4px;top: -4px;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 999px;border: 2px solid #fff;background: #f5b301;color: #fff;font-size: 11px;box-shadow: 0 1px 2px rgba(0,0,0,0.2)}.relationship-node-toggle{position: absolute;bottom: -4px;right: -4px;display: flex;align-items: center;justify-content: center;min-width: 20px;height: 20px;padding: 0 4px;border-radius: 999px;border: 2px solid #fff;background: #f1f5f9;color: #475569;font-size: 11px;font-weight: 700;line-height: 1;cursor: pointer;box-shadow: 0 1px 2px rgba(0,0,0,0.2)}.relationship-node-toggle:hover{background: #fbe3e4;color: #a01e23}.relationship-node-label{margin-top: 0.35rem;max-width: 108px;padding: 0.1rem 0.35rem;border-radius: 0.35rem;text-align: center;background: rgba(255,255,255,0.85)}.relationship-node-label.is-active{background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.1)}.relationship-node-name{font-size: 11.5px;font-weight: 600;line-height: 1.15;color: #1e293b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.relationship-node-meta{font-size: 9.5px;line-height: 1.15;color: #64748b}.relationship-dialog::part(content){display: flex;flex-direction: column;padding: 0 var(--vaadin-padding-m,1rem) var(--vaadin-padding-m,1rem)}.relationship-dialog::part(content)>.relationship-embed-root{flex: 1 1 auto;min-height: 0}.map-embed-root{display: flex;min-height: 0}.map{display: flex;flex-direction: column;width: 100%;height: 100%;min-height: 0;font-size: 14px;color: #1e293b;background: #f8fafc}.map-head{padding: 12px 16px 4px}.map-title{margin: 0;font-size: 18px;font-weight: 700;color: #701316}.map-note{margin: 2px 0 0;font-size: 12px;color: #64748b}.map-error{margin: 6px 16px;padding: 8px 12px;border-radius: 6px;background: #fef2f2;color: #b91c1c;font-size: 13px}.map-toolbar{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 12px 16px;padding: 8px 16px 12px;border-bottom: 1px solid #e2e8f0}.map-field{display: flex;flex-direction: column;gap: 3px}.map-field-grow{flex: 1 1 200px}.map-field>label{font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.02em;color: #64748b}.map-select{padding: 5px 8px;border: 1px solid #cbd5e1;border-radius: 6px;background: #fff;font-size: 13px;color: #1e293b}.map-chips{display: flex;flex-wrap: wrap;gap: 6px}.map-chip{display: inline-flex;align-items: center;gap: 5px;padding: 4px 10px;border: 1px solid #cbd5e1;border-radius: 999px;background: #fff;font-size: 12px;color: #475569;cursor: pointer}.map-chip.is-active{background: #701316;border-color: #701316;color: #fff}.map-layers{display: flex;gap: 14px;align-items: center}.map-check{display: inline-flex;align-items: center;gap: 5px;font-size: 13px;color: #334155;cursor: pointer}.map-body{display: flex;flex: 1;min-height: 0}.map-canvas{position: relative;flex: 1;min-width: 0;min-height: 0}.map-canvas .leaflet-container{height: 100%;width: 100%;background: #eef2f6}.map-empty{display: flex;align-items: center;justify-content: center;height: 100%;color: #94a3b8}.map-stats{position: absolute;left: 10px;bottom: 10px;z-index: 500;padding: 4px 10px;border-radius: 6px;background: rgba(255,255,255,0.9);box-shadow: 0 1px 4px rgba(0,0,0,0.15);font-size: 12px;color: #334155}.map-side{width: 300px;flex-shrink: 0;display: flex;flex-direction: column;gap: 12px;padding: 12px;border-left: 1px solid #e2e8f0;background: #fff;overflow-y: auto}.map-card-head{display: flex;align-items: center;justify-content: space-between}.map-card-name{font-size: 15px;font-weight: 700;color: #0f172a}.map-x{border: none;background: transparent;font-size: 20px;line-height: 1;color: #94a3b8;cursor: pointer}.map-card-big{font-size: 32px;font-weight: 800;margin: 6px 0}.map-card-big span{font-size: 13px;font-weight: 500;color: #64748b;margin-left: 4px}.map-card-nhom{display: flex;flex-wrap: wrap;gap: 4px 12px;font-size: 12px;color: #475569;margin-bottom: 8px}.map-card-section-title{font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.02em;color: #64748b;margin: 4px 0 6px}.map-ev-list{display: flex;flex-direction: column;gap: 6px}.map-ev-item{display: flex;align-items: flex-start;gap: 8px;width: 100%;padding: 7px 8px;border: 1px solid transparent;border-radius: 6px;background: #f8fafc;text-align: left;cursor: pointer;font: inherit;color: inherit}.map-ev-item:hover{background: #f1f5f9;border-color: #cbd5e1}.map-ev-item.is-active{background: #fef2f2;border-color: #a01e23}.map-ev-body{flex: 1;min-width: 0}.map-ev-chevron{color: #94a3b8;font-size: 18px;line-height: 1;align-self: center}.map-ev-name{font-size: 13px;font-weight: 600;color: #1e293b}.map-ev-sub{font-size: 11px;color: #64748b}.map-rank{display: flex;flex-direction: column;gap: 4px}.map-rank-item{display: flex;align-items: center;gap: 8px;padding: 6px 8px;border: none;border-radius: 6px;background: #f8fafc;cursor: pointer;text-align: left}.map-rank-item:hover{background: #f1f5f9}.map-rank-no{width: 20px;font-size: 12px;font-weight: 700;color: #94a3b8}.map-rank-name{flex: 1;font-size: 13px;color: #1e293b}.map-rank-count{min-width: 24px;padding: 1px 7px;border-radius: 999px;color: #fff;font-size: 12px;font-weight: 700;text-align: center}.map-legend{margin-top: auto;padding-top: 10px;border-top: 1px solid #e2e8f0;display: flex;flex-direction: column;gap: 4px}.map-legend-title{font-size: 11px;font-weight: 700;text-transform: uppercase;color: #64748b}.map-legend-item{display: inline-flex;align-items: center;gap: 6px;font-size: 12px;color: #475569}.map-dot{display: inline-block;width: 10px;height: 10px;border-radius: 50%;flex-shrink: 0}.map-popup-title{font-weight: 700;margin-bottom: 3px;color: #0f172a}.map-popup-row{font-size: 12px;color: #475569}@media (max-width: 900px){.map-side{width: 240px}}.map-back{border: none;background: transparent;padding: 0;font: inherit;font-size: 13px;color: #701316;cursor: pointer}.map-back:hover{text-decoration: underline}.map-evd-name{font-size: 15px;font-weight: 700;line-height: 1.35;color: #0f172a;margin: 4px 0 8px}.map-evd-badges{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 10px}.map-evd-badge{padding: 2px 9px;border-radius: 999px;color: #fff;font-size: 12px;font-weight: 700}.map-evd-tag{padding: 2px 9px;border-radius: 999px;background: #f1f5f9;color: #475569;font-size: 12px}.map-evd-rows{display: flex;flex-direction: column;gap: 5px;margin-bottom: 10px}.map-evd-rows>div{display: flex;justify-content: space-between;gap: 10px;font-size: 13px}.map-evd-rows span{color: #64748b;flex-shrink: 0}.map-evd-rows b{color: #1e293b;text-align: right}.map-evd-chitiet{margin: 0;padding: 8px 10px;border-radius: 6px;background: #f8fafc;font-size: 13px;line-height: 1.5;color: #334155}@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');html{--yms-primary-50: #FDF2F2;--yms-primary-100: #FBE3E3;--yms-primary-200: #F5BFBF;--yms-primary-300: #E88F8F;--yms-primary-400: #D45A5A;--yms-primary-500: #B93232;--yms-primary-600: #A01E23;--yms-primary-700: #8B1A1E;--yms-primary-800: #701316;--yms-primary-900: #5A0F12;--yms-primary-950: #450A0C;--yms-gold-300: #FFE08A;--yms-gold-400: #FFD152;--yms-gold-500: #F5B301;--yms-gold-600: #D89E00;--yms-gold-700: #B48300;--yms-danger: #C0262C;--yms-warning: #D97706;--yms-caution: #CA8A04;--yms-success: #15803D;--yms-info: #1D4ED8;--yms-surface: #F6F7F9;--yms-panel: #FFFFFF;--yms-slate-100: #F1F5F9;--yms-slate-200: #E2E8F0;--yms-slate-300: #CBD5E1;--aura-accent-color-light: var(--yms-primary-600);--aura-accent-color-dark: var(--yms-gold-400);--aura-background-color-light: var(--yms-surface);--aura-background-color-dark: var(--yms-primary-800);--aura-red: var(--yms-danger);--aura-orange: var(--yms-warning);--aura-yellow: var(--yms-gold-500);--aura-green: var(--yms-success);--aura-blue: var(--yms-info);--aura-font-family: 'Be Vietnam Pro',var(--aura-font-family-system);--aura-app-layout-inset: 0px;--aura-base-font-size: 13;--aura-contrast-level: 2;--aura-surface-level: 2;--aura-base-radius: 1.5}vaadin-app-layout.jmix-main-view-app-layout::part(drawer),.jmix-main-view-section{color-scheme: dark}.jmix-main-view-section{--vaadin-focus-ring-color: var(--yms-gold-500);--vaadin-text-color: #fafafa;--vaadin-text-color-secondary: color-mix(in srgb,#FFFFFF 75%,transparent);background: var(--aura-background-color);color: var(--vaadin-text-color)}.jmix-main-view-section .jmix-list-menu a.jmix-menu-item[highlight]{box-shadow: inset 3px 0 0 var(--yms-gold-500)}html{--app-view-transition-duration: 480ms;--app-view-transition-easing: cubic-bezier(0.22,1,0.36,1);--app-view-transition-offset: 12px;--app-view-transition-stagger: 35ms;--app-view-transition: app-view-enter var(--app-view-transition-duration) var(--app-view-transition-easing) both}@media (prefers-reduced-motion: reduce){html{--app-view-transition: none}}@keyframes app-view-enter{from{opacity: 0;transform: translate3d(0,var(--app-view-transition-offset),0)}to{opacity: 1;transform: none}}vaadin-app-layout>:not([slot]):not(jmix-timer)>*:not(jmix-timer){animation: var(--app-view-transition)}vaadin-app-layout>:not([slot]):not(jmix-timer)>*:nth-child(2){animation-delay: var(--app-view-transition-stagger)}vaadin-app-layout>:not([slot]):not(jmix-timer)>*:nth-child(3){animation-delay: calc(var(--app-view-transition-stagger) * 2)}vaadin-app-layout>:not([slot]):not(jmix-timer)>*:nth-child(n + 4){animation-delay: calc(var(--app-view-transition-stagger) * 3)}.jmix-login-main-layout>*{animation: var(--app-view-transition)}.yms-page-header{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 12px;margin-bottom: 20px}.yms-page-title{margin: 0;font-size: 22px;font-weight: 600;line-height: 1.75rem;color: var(--vaadin-text-color)}.yms-page-desc{margin-top: 4px;font-size: 13px;color: var(--vaadin-text-color-secondary)}.yms-page-actions{gap: 8px}.yms-page-actions vaadin-button.yms-save-filter{--vaadin-button-background: var(--yms-panel);--vaadin-button-border-color: var(--yms-slate-300);--vaadin-button-border-width: 1px;--vaadin-button-text-color: var(--vaadin-text-color-secondary)}.yms-filter-card{box-sizing: border-box;padding: 16px;gap: 12px;margin-bottom: 16px;border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l);background: var(--yms-panel);box-shadow: var(--aura-shadow-xs)}.yms-chip-row{flex-wrap: wrap;gap: 8px}.yms-chip-label{margin-right: 2px;font-size: 12px;font-weight: 600;letter-spacing: 0.025em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.yms-filter-card vaadin-button.yms-chip{--vaadin-button-background: var(--yms-panel);--vaadin-button-text-color: var(--vaadin-text-color-secondary);--vaadin-button-border-color: var(--yms-slate-300);--vaadin-button-border-width: 1px;--vaadin-button-font-weight: 500;height: 1.75rem;min-width: 0;padding: 0 0.75rem;border-radius: 999px;font-size: 12.5px}.yms-filter-card vaadin-button.yms-chip:hover{--vaadin-button-background: var(--yms-slate-100)}.yms-filter-card vaadin-button.yms-chip.yms-chip--active{--vaadin-button-background: var(--yms-primary-600);--vaadin-button-text-color: #FFFFFF;--vaadin-button-border-color: var(--yms-primary-600);--vaadin-button-font-weight: 600}.yms-filter-card vaadin-button.yms-chip.yms-chip--active:hover{--vaadin-button-background: var(--yms-primary-700)}.yms-table-card{box-sizing: border-box;overflow: hidden;border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l);background: var(--yms-panel);box-shadow: var(--aura-shadow-xs)}.yms-table-card vaadin-grid{border: none;border-radius: 0;box-shadow: none}.yms-table-bar{box-sizing: border-box;justify-content: space-between;padding: 0.75rem 1rem;border-bottom: 1px solid var(--yms-slate-100)}.yms-count{font-size: 13px;color: var(--vaadin-text-color-secondary)}.yms-table-foot{box-sizing: border-box;padding: 0.5rem 1rem;border-top: 1px solid var(--yms-slate-100)}.yms-table-card .yms-badge--muted{text-decoration: none}.yms-table-card vaadin-button.yms-name-link{--vaadin-button-background: transparent;--vaadin-button-text-color: var(--yms-primary-600);--vaadin-button-border-color: transparent;--vaadin-button-font-weight: 600;min-width: 0;padding: 0;font-size: var(--aura-font-size-s)}.yms-table-card vaadin-button.yms-name-link:hover{text-decoration: underline}.yms-table-card vaadin-tabs{padding: 0.25rem 1rem 0;border-bottom: 1px solid var(--yms-slate-200)}.yms-tab-count{font-weight: 600;margin-left: 0.25rem}.yms-tab-count--danger{color: var(--yms-danger)}.yms-tab-count--caution{color: var(--yms-caution)}.yms-tab-count--muted{color: var(--vaadin-text-color-secondary)}.yms-mucdo{display: inline-flex;align-items: center;border: 1px solid transparent;border-radius: var(--vaadin-radius-s);padding: 0.0625rem 0.375rem;font-size: 11px;font-weight: 700;letter-spacing: 0.03em;text-transform: uppercase;white-space: nowrap}.yms-mucdo--rat-cao{background: var(--yms-danger);border-color: var(--yms-danger);color: #FFFFFF}.yms-mucdo--cao{border-color: var(--yms-danger);color: var(--yms-danger);background: var(--yms-panel)}.yms-mucdo--trung-binh{border-color: var(--yms-caution);color: var(--yms-caution);background: var(--yms-panel)}.yms-mucdo--thap{border-color: var(--yms-slate-300);color: var(--vaadin-text-color-secondary);background: var(--yms-panel)}.yms-mucdo--theo-doi{border-color: color-mix(in srgb,var(--yms-info) 40%,transparent);color: var(--yms-info);background: color-mix(in srgb,var(--yms-info) 8%,white)}.yms-mucdo--ho-tro,.yms-mucdo--tich-cuc{border-color: color-mix(in srgb,var(--yms-success) 40%,transparent);color: var(--yms-success);background: color-mix(in srgb,var(--yms-success) 10%,white)}.yms-deadline{display: inline-flex;align-items: center;border-radius: var(--vaadin-radius-s);padding: 0.0625rem 0.375rem;font-size: 11px;font-weight: 600;white-space: nowrap}.yms-deadline--ok{background: color-mix(in srgb,var(--yms-success) 10%,white);color: var(--yms-success)}.yms-deadline--soon{background: color-mix(in srgb,var(--yms-caution) 12%,white);color: var(--yms-caution)}.yms-deadline--today{background: color-mix(in srgb,var(--yms-gold-300) 40%,transparent);color: var(--yms-gold-700)}.yms-deadline--over{background: color-mix(in srgb,var(--yms-danger) 10%,white);color: var(--yms-danger);animation: yms-pulse-soft 1.6s ease-in-out infinite}@keyframes yms-pulse-soft{0%,100%{opacity: 1}50%{opacity: 0.55}}.yms-alert-meta{gap: 0.5rem;flex-wrap: wrap;margin-bottom: 1rem}.yms-alert-meta .yms-muted{font-size: 12.5px;color: var(--vaadin-text-color-secondary)}.yms-steps-bar{counter-reset: yms-step;box-sizing: border-box;width: 100%;margin-bottom: 1.25rem;padding: 1rem 1.25rem;border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l);background: var(--yms-panel);box-shadow: var(--aura-shadow-xs);align-items: center}.yms-steps-bar .yms-step-line{flex: 1;height: 2px;margin: 0 0.5rem;border-radius: 2px;background: var(--yms-slate-200)}.yms-steps-bar .yms-step-line--done{background: var(--yms-primary-600)}.yms-pstep{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 13px;font-weight: 500;color: var(--vaadin-text-color-secondary)}.yms-pstep::before{counter-increment: yms-step;content: counter(yms-step);display: inline-flex;align-items: center;justify-content: center;width: 1.75rem;height: 1.75rem;border-radius: 999px;background: var(--yms-slate-100);color: var(--vaadin-text-color-secondary);font-size: 13px;font-weight: 600}.yms-pstep--done{color: var(--vaadin-text-color)}.yms-pstep--done::before{content: "✓";background: var(--yms-primary-600);color: #FFFFFF}.yms-pstep--active{color: var(--yms-primary-600)}.yms-pstep--active::before{background: var(--yms-panel);color: var(--yms-primary-600);border: 2px solid var(--yms-primary-600);box-sizing: border-box}.yms-alert-grid{gap: 1.25rem;align-items: flex-start;width: 100%}.yms-alert-main{flex: 2;min-width: 0;gap: 1.25rem}.yms-alert-side{flex: 1;min-width: 0}.yms-why-box{box-sizing: border-box;width: 100%;padding: 1.25rem;border: 1px solid #FDE68A;border-radius: var(--vaadin-radius-l);background: #FEFCE8}.yms-why-title{font-size: var(--aura-font-size-l);font-weight: 600;color: var(--vaadin-text-color)}.yms-why-title::before{content: "?";display: inline-flex;align-items: center;justify-content: center;width: 1.25rem;height: 1.25rem;margin-right: 0.5rem;border-radius: 999px;border: 2px solid var(--yms-caution);color: var(--yms-caution);font-size: 12px;font-weight: 800}.yms-why-box [readonly]::part(input-field){border: none;outline: none;background: transparent;box-shadow: none;padding: 0}.yms-why-box [readonly]::part(input-field)::after{display: none}.yms-why-box [readonly]::part(toggle-button){display: none}.yms-why-box vaadin-text-area[readonly]::part(input-field){font-size: 13px;line-height: 1.55}.yms-card{box-sizing: border-box;width: 100%;border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l);background: var(--yms-panel);box-shadow: var(--aura-shadow-xs)}.yms-card-title{display: block;padding: 0.875rem 1.25rem;border-bottom: 1px solid var(--yms-slate-100);font-size: var(--aura-font-size-l);font-weight: 600}.yms-card-body{padding: 1rem 1.25rem;gap: 0.75rem}.yms-card-body .yms-note{font-size: 13px;color: var(--vaadin-text-color-secondary)}.yms-card-body [readonly]::part(input-field){border: none;outline: none;background: transparent;box-shadow: none;padding: 0;font-weight: 600}.yms-card-body [readonly]::part(input-field)::after{display: none}.yms-card-body [readonly]::part(toggle-button){display: none}.yms-form-card{padding: 1rem 1.25rem}.yms-alert-view [readonly]::part(required-indicator),.yms-event-view [readonly]::part(required-indicator){display: none}.yms-event-view .yms-alert-meta .yms-badge--muted{text-decoration: none}.yms-event-view vaadin-text-area::part(input-field){line-height: 1.55}.yms-isolated-banner{box-sizing: border-box;width: 100%;align-items: flex-start;gap: 0.625rem;margin-bottom: 1.25rem;padding: 0.75rem 1rem;border: 1px dashed var(--yms-slate-300);border-radius: var(--vaadin-radius-l);background: var(--yms-slate-100);font-size: 13px;font-weight: 500;color: var(--vaadin-text-color-secondary)}.yms-isolated-banner vaadin-icon{flex: 0 0 auto;width: 1rem;height: 1rem;margin-top: 0.125rem;color: var(--vaadin-text-color-secondary)}.yms-report-content{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;line-height: 1.4;color: var(--vaadin-text-color)}.yms-report-form{padding: 1rem 1.25rem}.yms-report-actions{gap: 0.5rem;flex-wrap: wrap}.yms-approval-view .yms-badge--muted{text-decoration: none}.yms-nhom-flow{gap: 0.375rem}.yms-nhom-arrow{font-size: 12px;color: var(--vaadin-text-color-secondary)}.yms-cond-box{box-sizing: border-box;width: 100%;padding: 1rem 1.25rem;gap: 0.375rem;border: 1px solid color-mix(in srgb,var(--yms-danger) 40%,transparent);border-radius: var(--vaadin-radius-l);background: #FEF2F2}.yms-cond-title{margin-bottom: 0.25rem;font-size: 13.5px;font-weight: 700;color: var(--yms-danger)}.yms-cond-row{gap: 0.5rem}.yms-cond-no{flex: none;width: 1.25rem;font-size: 13px;font-weight: 600;color: var(--vaadin-text-color-secondary)}.yms-cond-text,.yms-cond-text-bold{flex: 1;min-width: 0;font-size: 13px;line-height: 1.5;color: var(--vaadin-text-color)}.yms-cond-text-bold{font-weight: 700}.yms-cond-result,.yms-cond-self{flex: none;font-size: 12px;font-weight: 600;white-space: nowrap;line-height: 1.5}.yms-cond-result--ok{color: var(--yms-success)}.yms-cond-result--fail{color: var(--yms-danger)}.yms-cond-self{font-weight: 500;color: var(--vaadin-text-color-secondary)}.yms-cond-foot{margin-top: 0.375rem;font-size: 12px;color: var(--vaadin-text-color-secondary)}.yms-review-banner{box-sizing: border-box;width: 100%;gap: 0.625rem;margin-bottom: 1rem;padding: 0.75rem 1rem;border: 1px solid color-mix(in srgb,var(--yms-gold-500) 40%,transparent);border-radius: var(--vaadin-radius-l);background: #FEFCE8;font-size: 13.5px;font-weight: 500;color: var(--yms-gold-700)}.yms-review-banner-icon{flex: none;width: 1.25rem;height: 1.25rem;color: var(--yms-gold-700)}.yms-review-cell{gap: 0.375rem;align-items: center}.yms-review-cell-sub{font-size: 12px;color: var(--vaadin-text-color-secondary);white-space: nowrap}.yms-review-actions{gap: 0.375rem;justify-content: center}.yms-review-actions vaadin-button{flex: none}.yms-review-actions vaadin-button[theme~="small"]{min-height: 1.75rem;font-size: 12.5px}.yms-review-footnote{display: block;width: 100%;margin-top: 1rem;text-align: center;font-size: 12.5px;color: var(--vaadin-text-color-secondary)}.yms-review-dialog-field{width: 100%;min-height: 6.5rem}.yms-banner{box-sizing: border-box;width: 100%;margin-bottom: 1rem;padding: 0.75rem 1rem;border: 1px solid #FDE68A;border-radius: var(--vaadin-radius-l);background: #FEFCE8;gap: 0.125rem}.yms-banner--info{border-color: color-mix(in srgb,var(--yms-info) 40%,transparent);background: color-mix(in srgb,var(--yms-info) 8%,white)}.yms-banner-title{font-size: 13px;font-weight: 700;color: var(--vaadin-text-color)}.yms-banner-line{font-size: 12.5px;color: var(--vaadin-text-color-secondary)}.yms-banner-line--hot{color: var(--yms-danger);font-weight: 600}.yms-support-meta{gap: 0.5rem;flex-wrap: wrap;margin-bottom: 1rem}.yms-support-meta .yms-muted{font-size: 12.5px;color: var(--vaadin-text-color-secondary)}.yms-steps-bar--7 .yms-pstep{font-size: 12px;gap: 0.375rem}.yms-steps-bar--7 .yms-pstep::before{width: 1.5rem;height: 1.5rem;font-size: 12px}.yms-steps-bar--7 .yms-step-line{margin: 0 0.375rem}.yms-card--success{border-color: color-mix(in srgb,var(--yms-success) 40%,transparent)}.yms-card--success .yms-card-title{color: var(--yms-success);background: color-mix(in srgb,var(--yms-success) 6%,white);border-bottom-color: color-mix(in srgb,var(--yms-success) 25%,transparent)}.yms-card vaadin-grid{border: none;border-radius: 0;box-shadow: none}.yms-card-actions{gap: 0.5rem;flex-wrap: wrap}.yms-card-body .yms-note--warn{color: var(--yms-caution);font-weight: 600}.yms-card-body .yms-note--ok{color: var(--yms-success);font-weight: 600}.yms-support-view [readonly]::part(required-indicator){display: none}.yms-track/.yms-track-fill (profile-youth-detail-view.css);o day chi them phan rieng. Bieu do Recharts cua mockup thay bang thanh ngang CSS. */ .yms-dashboard{gap: 1.25rem}.yms-demo-footer{display: block;width: 100%;padding-top: 0.5rem;text-align: center;font-size: 12px;font-style: italic;color: var(--vaadin-text-color-secondary)}.yms-kpi-grid{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 1rem;width: 100%;box-sizing: border-box}@media (max-width: 1500px){.yms-kpi-grid{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (max-width: 800px){.yms-kpi-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.yms-kpi{box-sizing: border-box;min-width: 0;padding: 0.875rem 1rem;gap: 0.125rem;border: 1px solid var(--yms-slate-200);border-left: 4px solid var(--yms-slate-300);border-radius: var(--vaadin-radius-l);background: var(--yms-panel);box-shadow: var(--aura-shadow-xs);cursor: pointer;transition: box-shadow 0.15s ease,transform 0.15s ease}.yms-kpi:hover{box-shadow: var(--aura-shadow-s);transform: translateY(-1px)}.yms-kpi--info{border-left-color: var(--yms-info)}.yms-kpi--warning{border-left-color: var(--yms-warning)}.yms-kpi--caution{border-left-color: var(--yms-caution)}.yms-kpi--danger{border-left-color: var(--yms-danger)}.yms-kpi--muted{border-left-color: var(--yms-slate-300)}.yms-kpi-label{font-size: 11px;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--vaadin-text-color-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%}.yms-kpi-value{font-size: 28px;font-weight: 700;line-height: 1.15;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color)}.yms-kpi--danger .yms-kpi-value{color: var(--yms-danger)}.yms-kpi--warning .yms-kpi-value{color: var(--yms-warning)}.yms-kpi-sub{font-size: 12px;color: var(--vaadin-text-color-secondary)}.yms-kpi-link{margin-top: 0.375rem;font-size: 12px;font-weight: 600;color: var(--yms-primary-600)}.yms-kpi-link::after{content: " →"}.yms-dash-row{width: 100%;gap: 1.25rem;align-items: stretch;flex-wrap: wrap}.yms-dash-row>.yms-card,.yms-dash-row>.yms-table-card{flex: 1 1 26rem;min-width: 0}.yms-dist-row{width: 100%;gap: 0.75rem}.yms-dist-label{flex: 0 0 15rem;min-width: 0;font-size: 13px;color: var(--vaadin-text-color);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.yms-track.yms-dist-track{flex: 1 1 auto;max-width: none;margin-top: 0;height: 12px;border-radius: 4px}.yms-dist-count{flex: 0 0 2.5rem;text-align: right;font-size: 13px;font-weight: 600;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color)}.yms-dist-note{margin-top: 0.25rem;font-size: 12px;color: var(--vaadin-text-color-secondary)}.yms-track-fill{transition: width 0.4s ease}.yms-track-fill--muted{background: var(--yms-slate-300)}.yms-track-fill--caution{background: var(--yms-caution)}.yms-track-fill--warning{background: var(--yms-warning)}.yms-track-fill--success{background: var(--yms-success)}.yms-comp-body{gap: 1rem}.yms-comp-item{width: 100%;gap: 0.25rem}.yms-comp-head{width: 100%;justify-content: space-between;align-items: baseline}.yms-comp-label{font-size: 13px;font-weight: 500;color: var(--vaadin-text-color-secondary)}.yms-comp-value{font-size: 20px;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color)}.yms-track.yms-comp-track{max-width: none;margin-top: 0;height: 8px}.yms-comp-sub{font-size: 12px;color: var(--vaadin-text-color-secondary)}.yms-table-card .yms-table-title{font-size: var(--aura-font-size-l);font-weight: 600;color: var(--vaadin-text-color)}.yms-table-card vaadin-grid::part(row){cursor: pointer}.yms-dash-empty{padding: 1.5rem 1rem;gap: 0.375rem;font-size: 13px;color: var(--vaadin-text-color-secondary);text-align: center}.yms-report-view{gap: var(--vaadin-gap-l)}.yms-report-view>*{flex-shrink: 0}.yms-report-mau-grid{gap: var(--vaadin-gap-m);flex-wrap: wrap}.yms-report-mau{flex: 1 1 16rem;min-width: 0;box-sizing: border-box;cursor: pointer;padding: var(--vaadin-padding-l);gap: var(--vaadin-gap-xs);border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-l);background: var(--yms-panel);box-shadow: var(--aura-shadow-xs);transition: border-color 0.15s ease}@media (any-hover: hover){.yms-report-mau:not(.yms-report-mau--selected):hover{border-color: var(--yms-slate-300)}}.yms-report-mau--selected{border-color: var(--yms-primary-600);box-shadow: 0 0 0 1px var(--yms-primary-400)}.yms-report-mau-head{gap: var(--vaadin-gap-s)}.yms-report-mau-radio{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 1rem;height: 1rem;border: 2px solid var(--yms-slate-300);border-radius: 50%}.yms-report-mau--selected .yms-report-mau-radio{border-color: var(--yms-primary-600)}.yms-report-mau--selected .yms-report-mau-radio::after{content: '';width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--yms-primary-600)}.yms-report-mau-ten{font-size: var(--aura-font-size-s);font-weight: 600;color: var(--vaadin-text-color)}.yms-report-mau-mota{font-size: var(--aura-font-size-xs);line-height: 1.4;color: var(--vaadin-text-color-secondary)}.yms-report-view .yms-card-body{padding: var(--vaadin-padding-m) var(--vaadin-padding-m) var(--vaadin-padding-xs)}.yms-report-canh-bao{font-weight: 600;color: var(--yms-danger)}.yms-workflow{gap: 1rem}.yms-wf-tabs vaadin-tab{font-weight: 600}.yms-wf-pane{gap: 1rem;padding-top: 1rem}.yms-wf-diagram{box-sizing: border-box;width: 100%;overflow-x: auto;border: 1px solid var(--yms-slate-200);border-radius: var(--vaadin-radius-m);background: #FFFFFF}.yms-wf-img{display: block;width: 100%;height: auto}.yms-wf-caption{font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.yms-card.yms-wf-info{padding: 1rem 1.25rem;gap: 1rem 2rem;flex-wrap: wrap}.yms-wf-desc{flex: 1 1 18rem;min-width: 0;font-size: 13px;line-height: 1.5;color: var(--vaadin-text-color)}.yms-wf-han-box{gap: 0.5rem}.yms-wf-han-label{font-size: 12px;color: var(--vaadin-text-color-secondary)}.yms-wf-han{display: inline-flex;align-items: center;padding: 0.125rem 0.625rem;border-radius: 999px;background: var(--yms-danger);color: #FFFFFF;font-size: 12px;font-weight: 600;white-space: nowrap}.yms-wf-metric{min-width: 4.5rem}.yms-wf-metric-value{font-size: 22px;font-weight: 700;line-height: 1.2;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color)}.yms-wf-metric-value--info{color: var(--yms-info)}.yms-wf-metric-value--gold{color: var(--yms-gold-700)}.yms-wf-metric-label{font-size: 11.5px;color: var(--vaadin-text-color-secondary)}.yms-wf-steps{gap: 0}.yms-wf-step{width: 100%;gap: 0.625rem;padding: 0.5rem 0;border-top: 1px solid var(--yms-slate-100);flex-wrap: wrap}.yms-wf-step:first-child{border-top: none}.yms-wf-step-num{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 1.75rem;height: 1.75rem;border-radius: 999px;background: var(--yms-primary-800);color: var(--yms-gold-400);font-size: 12px;font-weight: 700}.yms-wf-step-name{flex: 1 1 14rem;min-width: 0;font-size: 13.5px;font-weight: 600;color: var(--vaadin-text-color)}.yms-wf-step-role{font-size: 12.5px;font-weight: 500;color: var(--vaadin-text-color-secondary);white-space: nowrap}.yms-wf-step-role::before{content: "";display: inline-block;width: 0.4rem;height: 0.4rem;margin-right: 0.375rem;border-radius: 999px;background: var(--yms-slate-300);vertical-align: middle}.yms-wf-tag{display: inline-flex;align-items: center;border: 1px solid transparent;border-radius: 999px;padding: 0.0625rem 0.625rem;font-size: 11.5px;font-weight: 600;line-height: 1.1rem;white-space: nowrap}.yms-wf-tag--auto{color: var(--yms-info);border-color: color-mix(in srgb,var(--yms-info) 40%,transparent);background: color-mix(in srgb,var(--yms-info) 10%,white)}.yms-wf-tag--block{color: #FFFFFF;border-color: var(--yms-danger);background: var(--yms-danger);text-transform: uppercase;letter-spacing: 0.02em}.yms-wf-tag--han{color: var(--yms-caution);border-color: color-mix(in srgb,var(--yms-caution) 40%,transparent);background: color-mix(in srgb,var(--yms-caution) 12%,white)}.yms-wf-roles{display: block;margin-top: 0.5rem;padding-top: 0.5rem;border-top: 1px dashed var(--yms-slate-200);font-size: 12px;color: var(--vaadin-text-color-secondary)}.yms-wf-box{box-sizing: border-box;width: 100%;margin-top: 0.5rem;padding: 1rem 1.25rem;gap: 0.5rem;border-radius: var(--vaadin-radius-l)}.yms-wf-box--danger{border: 1px solid color-mix(in srgb,var(--yms-danger) 40%,transparent);background: #FEF2F2}.yms-wf-box--gold{border: 1px solid color-mix(in srgb,var(--yms-gold-600) 40%,transparent);background: #FEFCE8}.yms-wf-box-head{gap: 0.5rem}.yms-wf-box-icon{width: 1rem;height: 1rem;color: var(--yms-gold-700)}.yms-wf-box-title{font-size: 13.5px;font-weight: 700}.yms-wf-box-title--danger{color: var(--yms-danger)}.yms-wf-box-title--gold{color: var(--yms-gold-700)}.yms-wf-cond{gap: 0.25rem}.yms-wf-cond-item{gap: 0.375rem;font-size: 13px;color: var(--vaadin-text-color)}.yms-wf-cond-item--strong{font-weight: 700}.yms-wf-cond-num{flex: 0 0 1.25rem;font-variant-numeric: tabular-nums;color: var(--vaadin-text-color-secondary)}.yms-wf-box-foot{margin-top: 0.25rem;font-size: 12px;color: var(--vaadin-text-color-secondary)}.yms-wf-box-foot::before{content: "✓";margin-right: 0.375rem;font-weight: 700;color: var(--yms-success)}.yms-wf-ht-list{gap: 0.375rem}.yms-wf-ht{gap: 0.375rem;font-size: 13px;color: var(--vaadin-text-color)}.yms-wf-ht-code{flex: 0 0 auto;font-weight: 700}.yms-merge-cards{gap: 1rem}.yms-merge-card{display: flex;gap: 1.25rem;align-items: flex-start;width: 100%;padding: 1.25rem;background: #fff;border: 1px solid var(--yms-slate-200);border-radius: 12px;box-sizing: border-box}.yms-merge-ring{--yms-khop: 0;--yms-ring-mau: #D97706;position: relative;flex: none;width: 72px;height: 72px;border-radius: 50%;background: conic-gradient(var(--yms-ring-mau) calc(var(--yms-khop) * 1%),var(--yms-slate-200) 0);display: flex;align-items: center;justify-content: center}.yms-merge-ring::before{content: "";position: absolute;inset: 6px;border-radius: 50%;background: #fff}.yms-merge-ring>span{position: relative;font-size: 15px;font-weight: 700;color: var(--yms-slate-700);font-variant-numeric: tabular-nums}.yms-merge-ring--cao{--yms-ring-mau: #15803D}.yms-merge-ring--vua{--yms-ring-mau: #CA8A04}.yms-merge-ring--thap{--yms-ring-mau: #D97706}.yms-merge-body{flex: 1;min-width: 0}.yms-ai-label{display: inline-flex;margin-bottom: 0.5rem;align-items: center;gap: 0.25rem;padding: 0.125rem 0.5rem;border: 1px solid var(--yms-gold-600);border-radius: 4px;font-size: 11px;font-weight: 500;color: var(--yms-gold-700);background: color-mix(in srgb,var(--yms-gold-300) 20%,transparent)}.yms-merge-table{display: grid;grid-template-columns: 8rem 1fr 1fr;font-size: 13.5px;border: 1px solid var(--yms-slate-100);border-radius: 8px;overflow: hidden}.yms-merge-th{background: var(--yms-slate-100);padding: 0.5rem 0.75rem;font-size: 12.5px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.02em;color: var(--yms-slate-500,#64748B)}.yms-merge-cell{padding: 0.5rem 0.75rem;border-bottom: 1px solid var(--yms-slate-100);color: var(--yms-slate-700);min-width: 0;overflow-wrap: anywhere}.yms-merge-cell--truong{font-weight: 500;color: var(--yms-slate-500,#64748B)}.yms-merge-cell--khop{background: #F0FDF4}.yms-merge-cell--lech{background: #FEFCE8}.yms-merge-link{color: var(--yms-primary-600);font-weight: 500;cursor: pointer;text-transform: none;margin-left: 0.25rem}.yms-merge-link:hover{text-decoration: underline}.yms-merge-match-note{display: block;margin-top: 0.5rem;font-size: 12px;color: var(--yms-slate-400,#94A3B8)}.yms-merge-actions{display: flex;flex-direction: column;gap: 0.5rem;flex: none}.yms-merge-empty{padding: 3rem 1rem;gap: 0.25rem}.yms-merge-empty-icon{color: var(--yms-slate-300)}.yms-merge-footnote{margin-top: 1.25rem;gap: 0.5rem;font-size: 12.5px;font-weight: 500;color: var(--vaadin-text-color-secondary)}.yms-merge-footnote-icon{color: #16A34A}