@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #F1F4F8;--surface: #FFFFFF;--surface-2: #F7F9FC;--surface-3: #ECF0F5;--border: #DDE3EC;--border-light: #E8EDF5;--text-primary: #0D1117;--text-muted: #586070;--text-faint: #8A94A6;--brand: #0F2D4D;--brand-dark: #081D33;--brand-light: #1A4A7A;--brand-faint: #E6EEF8;--accent: #E05C25;--accent-dark: #C04D1B;--accent-light: #EC7040;--accent-faint: #FEF0E8;--success: #2E7A56;--success-bg: #E8F5EE;--success-border: #A8D8BE;--warning: #B87A10;--warning-bg: #FDF4DC;--warning-border: #E0C060;--danger: #A02828;--danger-bg: #FAECEC;--danger-border: #DCA8A8;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 4px rgba(0,0,0,.05), 0 2px 6px rgba(0,0,0,.04);--shadow: 0 2px 8px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 8px 32px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 16px 48px rgba(0,0,0,.07);--focus-ring: 0 0 0 3px rgba(27, 58, 94, .18);--focus-ring-danger: 0 0 0 3px rgba(160, 40, 40, .18);--sidebar-width: 230px;--sidebar-collapsed: 60px;--header-height: 60px;--transition: .18s ease;--transition-slow: .32s ease}.tv-mode{--tv-bg: #08101A;--tv-surface: #0D1B2A;--tv-border: rgba(255,255,255,.07);--tv-text: #E8D9B5;--tv-muted: #8A9AAE;--tv-accent: #C4622D;--tv-brand: #4A8EC4;--tv-grid: rgba(255,255,255,.03)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;line-height:1.2}code,.mono{font-family:var(--font-mono);font-size:.875em}a{color:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease forwards}.slide-in{animation:slideIn .26s ease forwards}input,select,textarea,button{max-width:100%}input,select,textarea{min-width:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-height:100vh;height:100vh;background:var(--brand);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;z-index:100;overflow:hidden;box-shadow:4px 0 24px #0000001f}.main-content{margin-left:var(--sidebar-width);flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}.page-header{padding:var(--space-5) var(--space-8);background:var(--surface);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);box-shadow:0 1px 0 var(--border-light)}.page-header>*{min-width:0}.page-title{font-family:var(--font-serif);font-size:24px;color:var(--text-primary);font-weight:400;letter-spacing:-.01em}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.page-body{flex:1;width:100%;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.sidebar-brand{padding:var(--space-6) var(--space-5);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;min-width:0}.sidebar-brand-text{min-width:0}.sidebar-brand-mark{width:36px;height:36px;background:#ffffff1f;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:16px;color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.sidebar-brand-text h1{font-family:var(--font-serif);font-size:14px;color:#fff;font-weight:400;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-brand-text span{font-size:10px;color:#ffffff73;display:block;margin-top:2px;font-family:var(--font-mono);letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1;min-height:0;padding:var(--space-3) 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}.nav-group-label{padding:var(--space-4) var(--space-5) var(--space-2);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff47;font-weight:500}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-4);margin:2px var(--space-3);color:#ffffff9e;text-decoration:none;font-size:13.5px;font-weight:400;border-radius:var(--radius);transition:all var(--transition);cursor:pointer;min-width:0;overflow:hidden}.nav-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{color:#ffffffeb;background:#ffffff14}.nav-item.active{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1a,0 2px 8px #00000026;font-weight:500}.nav-item-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;opacity:.8}.nav-item.active .nav-item-icon{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-4);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);min-width:0}.sidebar-user>div:last-child{min-width:0}.sidebar-user-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff24;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:13px;color:#fffc;font-family:var(--font-serif);flex-shrink:0}.sidebar-user-name{font-size:12.5px;color:#ffffffbf;line-height:1.3;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:10px;color:#ffffff59;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:7px var(--space-3);border-radius:var(--radius-sm);background:none;border:1px solid rgba(255,255,255,.1);color:#fff6;cursor:pointer;font-size:12px;font-family:var(--font-sans);transition:all var(--transition)}.sidebar-logout:hover{background:#ffffff0f;color:#ffffffa6;border-color:#ffffff2e}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.kpi-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:relative;overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color, var(--brand));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-label{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);font-weight:500}.kpi-value{font-family:var(--font-serif);font-size:38px;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.kpi-sub{font-size:11.5px;color:var(--text-faint);margin-top:var(--space-2)}.kpi-icon{position:absolute;top:var(--space-4);right:var(--space-5);font-size:28px;opacity:.07}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.filters-row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xs)}.pagination{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--text-muted)}.pagination button{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:13px;font-family:var(--font-sans);transition:all var(--transition)}.pagination button:hover:not(:disabled){background:var(--brand-faint);border-color:var(--brand);color:var(--brand)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-6)}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-5) var(--space-6)}.form-full{grid-column:1 / -1}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-5);border-top:1px solid var(--border-light);margin-top:var(--space-5)}.step-form{width:min(100%,1040px);max-width:1040px;margin:0 auto}.step-indicator{display:flex;align-items:flex-start;width:100%;margin-bottom:var(--space-8)}.step-item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center}.step-marker{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:13px;font-weight:600;flex-shrink:0;transition:all .26s ease}.step-item.is-active .step-marker{border-color:var(--brand);background:var(--brand-faint);color:var(--brand);box-shadow:var(--focus-ring),0 2px 8px #1b3a5e26}.step-item.is-done .step-marker{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 2px 8px #1b3a5e33}.step-label{max-width:110px;margin-top:9px;color:var(--text-faint);font-size:12px;line-height:1.3;text-align:center}.step-item.is-active .step-label{color:var(--brand);font-weight:600}.step-item.is-done .step-label{color:var(--text-muted)}.step-description{max-width:120px;margin-top:3px;color:var(--text-faint);font-size:10.5px;line-height:1.3;text-align:center}.step-line{flex:1;height:2px;margin-top:17px;border-radius:2px;background:var(--border);transition:background .26s ease}.step-line.is-done{background:linear-gradient(90deg,var(--brand),var(--brand-light))}.form-panel{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-8)}.phone-grid{display:grid;grid-template-columns:minmax(76px,96px) minmax(220px,1fr);gap:var(--space-3);align-items:start}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.review-list{display:flex;flex-direction:column;gap:var(--space-3)}.review-row{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.review-row-label{color:var(--text-faint);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.review-row-value{min-width:0;color:var(--text-primary);font-size:13px;overflow-wrap:anywhere}.filters-grid{display:grid;gap:var(--space-3)}.filters-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.filters-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:760px}.card-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.card-header-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.selected-family-card{background:var(--success-bg);border:1px solid #B8D8C8;border-radius:var(--radius-md);padding:var(--space-5)}.selected-family-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.search-results-popover{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:10;max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.reports-layout{flex-direction:row;align-items:flex-start;gap:var(--space-6)}.reports-sidebar{width:240px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.reports-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:var(--space-5)}.login-shell,.login-brand-panel,.login-form-panel{min-width:0}.section-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden}.section-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--surface-2)}.section-title{font-family:var(--font-serif);font-size:16px;color:var(--text-primary);font-weight:400}.section-body{padding:var(--space-6)}.detail-section{margin-bottom:var(--space-6)}.detail-section-title{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light);font-weight:500}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.detail-field label{font-size:10.5px;color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:3px;font-weight:500}.detail-field span{font-size:14px;color:var(--text-primary);display:block}.error-message{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--danger);font-size:13px}.info-message{background:var(--brand-faint);border:1px solid #C0D0E4;border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--brand);font-size:13px}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap input{padding-left:36px!important}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:15px;pointer-events:none}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.filters-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:1fr 1fr}.filters-grid-4,.filters-grid-5,.card-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-layout{flex-direction:column;align-items:stretch}.reports-sidebar{width:100%;display:flex;overflow-x:auto}.reports-sidebar>div:first-child{display:none}.reports-sidebar button{min-width:190px;border-left:0!important;border-bottom:0!important;border-right:1px solid var(--border-light)!important}.login-shell{flex-direction:column}.login-brand-panel{width:100%!important;min-height:auto!important;padding:var(--space-6)!important}.login-brand-panel h1,.login-brand-panel p,.login-feature-list,.login-brand-panel>div:last-child{display:none!important}.login-form-panel{align-items:flex-start!important;padding:var(--space-8) var(--space-5)!important}}@media (max-width: 768px){.app-shell{display:block}.sidebar{width:100%;height:auto;min-height:auto;position:sticky;top:0;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;box-shadow:0 2px 16px #0000001f}.sidebar-brand{padding:var(--space-3);border-bottom:0;border-right:1px solid rgba(255,255,255,.08);flex-shrink:0}.sidebar-brand-mark{width:30px;height:30px;font-size:13px}.sidebar-brand-text h1{font-size:13px;white-space:nowrap}.sidebar-brand-text span{display:none}.sidebar-nav{display:flex;align-items:center;flex:0 0 auto;gap:var(--space-1);padding:var(--space-2);overflow:visible}.nav-group-label{display:none}.nav-item{margin:0;padding:8px 10px;white-space:nowrap;flex-shrink:0}.nav-item-icon{width:18px;height:18px}.sidebar-footer{display:none}.main-content{margin-left:0;min-height:calc(100vh - 54px)}.page-header{align-items:flex-start;flex-direction:column;padding:var(--space-4)}.kpi-grid,.form-grid,.form-grid-3,.filters-grid,.filters-grid-4,.filters-grid-5{grid-template-columns:1fr}.page-body{padding:var(--space-4)}.form-panel{padding:var(--space-5)}.step-indicator{gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-5);scroll-snap-type:x proximity}.step-item{min-width:86px;flex:0 0 86px;scroll-snap-align:start}.step-marker{width:32px;height:32px;font-size:12px}.step-label{max-width:84px;font-size:11px}.step-line{flex:0 0 22px;margin-top:15px}.phone-grid{grid-template-columns:74px minmax(0,1fr)}.form-actions{align-items:stretch;flex-direction:column;justify-content:stretch}.form-actions button{width:100%}.review-grid{grid-template-columns:1fr}.review-row{grid-template-columns:1fr;gap:var(--space-1)}.selected-family-content{flex-direction:column}.selected-family-content button{align-self:flex-start}.card-grid-3{grid-template-columns:1fr}.card-header-actions{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.page-title{font-size:22px}.page-body{padding:var(--space-3)}.form-panel{padding:var(--space-4)}.phone-grid{grid-template-columns:66px minmax(0,1fr)}.table-scroll table{min-width:640px}.reports-sidebar button{min-width:170px}.login-brand-panel{padding:var(--space-4)!important}.login-form-panel{padding:var(--space-6) var(--space-4)!important}.detail-grid{grid-template-columns:1fr}}