:root{font-family:Inter,system-ui,sans-serif;color:#17202a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.container{max-width:1400px;margin:0 auto;padding:48px 28px}header{margin-bottom:28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#62748a}h1{font-size:38px;margin:8px 0}h2{font-size:18px;margin:0 0 18px}.muted{color:#62748a}.back,a{color:#2563eb;text-decoration:none}.back{font-weight:600}.search{display:flex;gap:10px;background:#fff;padding:14px;border:1px solid #dbe3ee;border-radius:12px;box-shadow:0 4px 16px #1b33520d}.search input{flex:1;min-width:240px;border:1px solid #cbd6e4;border-radius:8px;padding:12px;font-size:16px}.search select,.search button{border:1px solid #cbd6e4;border-radius:8px;padding:0 14px;background:white}.search button{background:#2563eb;color:#fff;border-color:#2563eb;font-weight:700;cursor:pointer}.result-count{color:#62748a}.table-wrap{overflow:auto;background:#fff;border:1px solid #dbe3ee;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #edf1f6;white-space:nowrap}th{background:#f8fafc;color:#526174;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.empty{background:#fff;border:1px dashed #cbd6e4;border-radius:12px;padding:42px;text-align:center;color:#62748a}.detail-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(400px,1.2fr);gap:20px;align-items:start}.card{background:#fff;border:1px solid #dbe3ee;border-radius:12px;padding:24px;box-shadow:0 4px 16px #1b33520d}dl{display:grid;grid-template-columns:1fr 1.4fr;margin:0}dt,dd{padding:10px 0;border-bottom:1px solid #edf1f6}dt{color:#62748a;font-size:13px}dd{margin:0;font-weight:600}.family-list{display:grid;gap:8px}.family-member{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 14px;border:1px solid #e3e9f2;border-radius:9px;color:#17202a}.family-member:hover,.family-member.current{border-color:#93b4f5;background:#f5f8ff}.family-member small{display:block;color:#62748a;margin-top:4px}.family-member em{font-style:normal;color:#2563eb;font-size:13px;text-align:right}@media(max-width:800px){.detail-grid{grid-template-columns:1fr}.family-member{align-items:flex-start;flex-direction:column}.family-member em{text-align:left}.search{flex-wrap:wrap}.search input{flex-basis:100%;min-width:0}.search select,.search button{height:42px}}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:18px}.pagination span{color:#62748a}.family-tree{display:grid;gap:12px;margin:16px 0}.tree-node{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #dbe3ee;border-radius:9px;background:#f8fafc;color:#17202a}.tree-node span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#62748a}.tree-node a{font-weight:700}.tree-node.head{border-color:#93b4f5;background:#eff6ff}.tree-node.spouse{margin-left:24px;border-color:#f0c27b;background:#fff8eb}.tree-group{display:grid;gap:8px;margin-left:24px}.tree-group strong,h3{font-size:13px;color:#526174}.relation-groups{display:grid;gap:20px}.relation-groups>div{display:grid;gap:8px}.spouse-note{margin:4px 0 0}