html{--aura-accent-color-dark:rgba(224,97,29,1);--aura-accent-color-light:rgba(224,97,29,1);--aura-content-color-scheme:auto;--aura-notification-color-scheme:auto;color-scheme:auto}html{--aura-accent-color-light: #2563eb;--aura-base-radius: 1;--aura-base-size: 18;--aura-surface-level: -1;--app-sidebar-width: 300px;--app-domain-width: 280px;--app-footer-height: 86px;background: var(--aura-background-color)}body{margin: 0;overflow: hidden;font-family: var(--aura-font-family)}.app-shell{height: 100vh;display: grid;grid-template-columns: var(--app-sidebar-width) minmax(0,1fr);background: #f7f9fc;color: var(--aura-text-color)}.sidebar{display: flex;flex-direction: column;min-height: 0;border-right: 1px solid rgba(28,39,68,0.08);background: rgba(255,255,255,0.88);padding: 22px 18px;box-sizing: border-box;overflow-y: auto}.brand{display: flex;align-items: center;gap: 12px;margin-bottom: 28px}.brand-mark{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 999px;color: white;font-weight: 800;background: #1d4ed8}.brand-text{display: flex;flex-direction: column;line-height: 1.15}.brand-text span:first-child{font-size: 22px;font-weight: 800}.brand-text span:last-child,.nav-subtitle,.user-text span:last-child{color: #64748b;font-size: 13px}.nav-section{border-bottom: 1px solid rgba(28,39,68,0.06);padding-bottom: 10px;margin-bottom: 12px}.nav-section-title,.domain-group-title{display: block;margin: 0 0 8px 4px;color: #475569;font-size: 12px;font-weight: 800;letter-spacing: .05em}.nav-item,.domain-item{display: flex;align-items: center;min-height: 42px;gap: 12px;border-radius: 8px;padding: 0 12px;cursor: default;color: #172033}.nav-item:hover,.domain-item:hover,.action-row:hover{background: #f1f5f9}.nav-item.active,.domain-item.active{background: #eef4ff;color: #0b56d9;box-shadow: inset 3px 0 0 #2563eb}.nav-item vaadin-icon,.domain-item vaadin-icon,.meta-item vaadin-icon,.action-row vaadin-icon{width: 20px;height: 20px;color: currentColor;flex: 0 0 auto}.nav-label{display: flex;flex-direction: column;flex: 1}.badge{min-width: 22px;height: 22px;border-radius: 999px;display: grid;place-items: center;background: #e0ecff;color: #0b56d9;font-size: 12px;font-weight: 700}.sidebar-user{margin-top: auto;padding-top: 18px;border-top: 1px solid rgba(28,39,68,0.08)}.user-row{display: flex;align-items: center;gap: 12px;margin-bottom: 10px}.user-text{display: flex;flex-direction: column;font-weight: 700}.logout-item{margin-top: 6px}.main-area{min-width: 0;min-height: 0;display: flex;flex-direction: column;padding: 0 20px 0 20px;box-sizing: border-box}.breadcrumb{height: 58px;display: flex;align-items: center;gap: 14px;font-size: 15px;color: #334155;flex: 0 0 auto}.breadcrumb .current{font-weight: 800;color: #0f172a}.chevron{color: #94a3b8;font-size: 22px}.object-header,.panel,.domain-nav,.sticky-footer{border: 1px solid rgba(28,39,68,0.08);border-radius: 12px;background: rgba(255,255,255,.95);box-shadow: 0 2px 10px rgba(15,23,42,0.03)}.object-header{display: flex;align-items: center;gap: 24px;min-height: 144px;padding: 24px 28px;box-sizing: border-box;flex: 0 0 auto}.child-photo{width: 86px;height: 86px;--vaadin-avatar-size: 86px}.title-row{gap: 12px}.object-header h1{margin: 0;font-size: 32px;line-height: 1.15}.status-success,.status-success-inline{background: #dcfce7;color: #166534;border-radius: 999px;font-weight: 700;font-size: 13px;padding: 5px 10px}.object-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 14px;color: #334155}.meta-item{display: flex;align-items: center;gap: 8px}.meta-dot{color: #64748b}.workspace{min-height: 0;flex: 1;display: grid;grid-template-columns: var(--app-domain-width) minmax(420px,1fr) 380px;gap: 16px;padding: 16px 0 calc(var(--app-footer-height) + 12px) 0;overflow: auto}.domain-nav{padding: 16px;align-self: start}.domain-group{padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px solid rgba(28,39,68,0.06)}.domain-group:last-child{border-bottom: none;margin-bottom: 0}.content-column,.side-column{display: flex;flex-direction: column;gap: 16px}.panel{padding: 24px 26px;box-sizing: border-box}.panel h2{margin: 0 0 20px 0;font-size: 18px;line-height: 1.2}.form-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 18px 24px}.span-3{grid-column: span 3}.gender-field{min-width: 0}.info-row{display: grid;grid-template-columns: 170px minmax(0,1fr);gap: 16px;padding: 6px 0;color: #1e293b}.info-row span:first-child{color: #475569}.quick-actions .action-row{display: grid;grid-template-columns: 22px minmax(0,1fr) 18px;align-items: center;gap: 12px;min-height: 48px;border: 1px solid rgba(28,39,68,0.08);border-radius: 8px;padding: 0 14px;margin-bottom: 10px;color: #1e293b}.quick-actions .action-row vaadin-icon:first-child{color: #2563eb}.contact-row{display: grid;grid-template-columns: 80px minmax(0,1fr) 58px;align-items: center;gap: 16px;padding: 12px 0}.contact-details{display: flex;flex-direction: column}.contact-details span:first-child{color: #0b56d9;font-weight: 700}.contact-icons{display: flex;gap: 14px;color: #0b56d9}.sticky-footer{position: sticky;bottom: 8px;min-height: var(--app-footer-height);margin-top: calc(-1 * var(--app-footer-height));display: grid;grid-template-columns: minmax(0,1fr) 170px 220px;align-items: center;gap: 16px;padding: 0 18px;box-sizing: border-box;box-shadow: var(--aura-shadow-s);background: #fdfdfd;border-color: #f5f7fa}.footer-message{display: flex;align-items: center;gap: 12px;color: #334155}.footer-message vaadin-icon{color: #d99000}.primary-action,.tertiary-action{height: 46px;border-radius: 8px;font-weight: 800}.primary-action{color: white;background: #0b56d9;box-shadow: 0 6px 16px rgba(37,99,235,.25)}.primary-action:hover{background: #064fc8}.tertiary-action{background: white;color: #0f172a;border: 1px solid rgba(28,39,68,0.12)}@media (max-width: 1280px){.workspace{grid-template-columns: var(--app-domain-width) minmax(420px,1fr)}.side-column{grid-column: 2}}@media (max-width: 960px){body{overflow: auto}.app-shell{height: auto;grid-template-columns: 1fr}.sidebar{position: static;height: auto}.workspace{grid-template-columns: 1fr;overflow: visible}.domain-nav,.side-column{position: static;grid-column: auto}.form-grid{grid-template-columns: 1fr}.span-3{grid-column: auto}.sticky-footer{grid-template-columns: 1fr;padding: 14px;gap: 10px}}