@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box}html{font-size:100%;font-family:var(--bb-font-family,"Inter", "Noto Sans TC", sans-serif)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:inherit}#root{min-height:100vh}:root,html[data-theme=light]{--bb-green:#7baa3a;--bb-green-hover:#688f31;--bb-green-tint:#eef6e6;--bb-brown:#2f2a24;--bb-brown-mid:#5f6b57;--bb-primary:var(--bb-green);--bb-primary-hover:var(--bb-green-hover);--bb-bg-layout:#f7f9f3;--bb-bg-container:#fff;--bb-bg-sidebar:#fff;--bb-bg-topnav:#fff;--bb-text:var(--bb-brown);--bb-text-secondary:var(--bb-brown-mid);--bb-text-muted:#8a9580;--bb-border:#e5e7e0;--bb-border-subtle:#eef0ea;--bb-shadow:0 1px 3px #7baa3a14, 0 4px 12px #2f2a2414;--bb-shadow-sm:0 1px 2px #2f2a240f;--bb-sidebar-width:240px;--bb-sidebar-collapsed-width:72px;--bb-topnav-height:64px;--bb-radius:10px;--bb-radius-sm:6px;--transition-speed:.2s}html[data-theme=dark]{--bb-green:#96c94e;--bb-green-hover:#aad460;--bb-green-tint:#96c94e26;--bb-brown:#c8a88a;--bb-brown-mid:#b8a898;--bb-primary:var(--bb-green);--bb-primary-hover:var(--bb-green-hover);--bb-bg-layout:#1a1712;--bb-bg-container:#252118;--bb-bg-sidebar:#201d14;--bb-bg-topnav:#252118;--bb-text:#f0ede8;--bb-text-secondary:var(--bb-brown-mid);--bb-text-muted:#7a6a5a;--bb-border:#3d3228;--bb-border-subtle:#2e2720;--bb-shadow:0 1px 3px #0006, 0 4px 12px #0000008c;--bb-shadow-sm:0 1px 2px #00000059}h1,h2{font-family:var(--bb-heading-font-family,"Inter", "Noto Sans TC", sans-serif);color:var(--bb-text)}.bb-topnav{height:var(--bb-topnav-height);background:var(--bb-bg-topnav);border-bottom:1px solid var(--bb-border);box-shadow:var(--bb-shadow-sm);z-index:1000;transition:background var(--transition-speed) ease, border-color var(--transition-speed) ease;align-items:center;gap:8px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.bb-sidebar{top:var(--bb-topnav-height);width:var(--bb-sidebar-width);background:var(--bb-bg-sidebar);border-right:1px solid var(--bb-border);z-index:900;transition:background var(--transition-speed) ease, border-color var(--transition-speed) ease, width var(--transition-speed) ease;position:fixed;bottom:0;left:0;overflow:hidden auto}.bb-sidebar--collapsed{width:var(--bb-sidebar-collapsed-width)}.bb-sidebar-nav{height:100%}.bb-sidebar-header{border-bottom:1px solid var(--bb-border);justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:12px;display:flex}.bb-sidebar-header__identity{flex:1;justify-content:flex-start;align-items:center;min-width:0;display:flex}.bb-sidebar-header__title{color:var(--bb-primary);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.bb-sidebar-header__icon{color:var(--bb-primary);justify-content:center;align-items:center;width:100%;display:inline-flex}.bb-sidebar-collapse-button.ant-btn{flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.bb-sidebar-nav--collapsed .bb-sidebar-header{gap:6px;padding:12px 8px}.bb-sidebar-nav--collapsed .bb-sidebar-header__identity{justify-content:center}.bb-sidebar-nav--collapsed .bb-sidebar-collapse-button.ant-btn{width:32px;height:32px;padding-inline:0}.bb-sidebar-nav--collapsed .ant-menu-inline-collapsed{width:100%}.bb-sidebar-nav--collapsed .ant-menu-inline-collapsed>.ant-menu-item,.bb-sidebar-nav--collapsed .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{width:calc(100% - 16px);margin-inline:8px;padding-inline:0}.bb-content{margin-top:var(--bb-topnav-height);margin-left:var(--bb-sidebar-width);min-height:calc(100vh - var(--bb-topnav-height));background:var(--bb-bg-layout);transition:background var(--transition-speed) ease, margin-left var(--transition-speed) ease;padding:24px}.bb-content--sidebar-collapsed{margin-left:var(--bb-sidebar-collapsed-width)}.bb-content--mobile{margin-left:0}:focus-visible{outline:2px solid var(--bb-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.family-details-modal .ant-modal-content{resize:both;flex-direction:column;min-width:min(620px,100vw - 32px);max-width:calc(100vw - 32px);height:min(760px,100vh - 64px);min-height:480px;max-height:calc(100vh - 32px);display:flex;overflow:auto}.family-details-modal .ant-modal-body{flex:1;min-height:0;overflow:hidden}.family-details-workspace{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:16px;min-height:0;display:grid}.staff-family-selected-row>td{background:color-mix(in srgb, var(--bb-primary,#1677ff) 10%, transparent)!important}.household-member-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;width:100%;display:grid}.inline-edit-field{align-items:start;gap:4px;min-width:0;display:grid}.inline-edit-label{font-size:12px}.inline-edit-value{border-radius:var(--bb-radius-sm,6px);color:var(--bb-text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:32px;padding:4px 8px;display:flex}.inline-edit-value:hover{background:color-mix(in srgb, var(--bb-primary,#1677ff) 8%, transparent);border-color:color-mix(in srgb, var(--bb-primary,#1677ff) 24%, transparent)}.inline-edit-value>span{overflow-wrap:anywhere;min-width:0}.member-readiness{border-left:3px solid color-mix(in srgb, var(--bb-primary,#1677ff) 36%, transparent);grid-column:1/-1;gap:6px;margin-left:12px;padding-left:12px;display:grid}.family-details-section{flex:1;min-height:0;padding-right:6px;overflow:auto}.family-details-parent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.family-infant-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-top:20px;display:grid}.family-infant-activity-panel{border:1px solid var(--bb-border);border-radius:8px;min-width:0;padding:16px}.family-package-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.family-package-card .ant-descriptions-item-label{min-width:190px}@media (width<=850px){.family-details-modal .ant-modal-content{min-width:calc(100vw - 32px)}.family-details-parent-grid,.family-infant-activity-grid,.family-details-workspace,.household-member-detail{grid-template-columns:1fr}}