:root{--ink:#182018;--muted:#6d756e;--line:#e6e9e4;--paper:#f8faf7;--card:#fff;--accent:#1f513d;--accent2:#d9b46b;--danger:#a33a35;--shadow:0 12px 35px rgba(25,45,31,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.top{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.mobile-menu-btn{display:none;font-size:25px;line-height:1;cursor:pointer;color:var(--accent);padding:6px;border-radius:8px}.brandmark{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font:700 20px Georgia}.brand b{display:block;letter-spacing:2px;font-size:14px}.brand small{display:block;color:var(--muted);font-size:11px}.top nav{display:flex;gap:18px;align-items:center;font-size:13px}.mobile-menu-btn:focus{outline:2px solid var(--accent2);outline-offset:2px}.top nav a:hover{color:var(--accent)}.logout{color:var(--danger)}.wrap{max-width:1250px;margin:0 auto;padding:34px 4vw 70px}.hero{background:linear-gradient(135deg,#173d2e,#315b48);color:#fff;border-radius:26px;padding:44px;display:flex;align-items:end;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}.hero h1{font:500 42px/1.05 Georgia;margin:10px 0}.hero p{max-width:650px;color:#dfe9e3}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:800}.hero .eyebrow{color:#d9b46b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat,.panel,.person,.familycard,.business{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 20px rgba(20,30,24,.03)}.stat{padding:20px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{font:500 30px Georgia}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{padding:24px}.panel h2{font:500 23px Georgia;margin:0 0 18px}.panelhead{display:flex;justify-content:space-between}.barrow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.quick{display:flex;gap:10px;margin-top:18px}.quick a,.button{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px}.primary,button.primary{background:var(--accent);color:#fff;border:0;padding:12px 18px;border-radius:11px;cursor:pointer;display:inline-block}.danger{background:#fff;color:var(--danger);border:1px solid #e5b8b4;padding:8px 10px;border-radius:8px}.success{background:#fff;color:var(--accent);border:1px solid #b8d3c4;padding:8px 10px;border-radius:8px}.pagehead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.pagehead h1{font:500 38px Georgia;margin:6px 0}.muted{color:var(--muted)}.searchbox{display:grid;grid-template-columns:2fr 1fr 1fr 150px auto;gap:8px;margin-bottom:16px}.searchbox input,.searchbox select,.smallsearch,input,textarea,select{width:100%;border:1px solid #dfe4dd;background:#fff;border-radius:10px;padding:11px 12px;font:inherit}textarea{min-height:90px}.toolbar{display:flex;justify-content:space-between;color:var(--muted);margin:12px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.person{padding:16px;display:flex;gap:14px;transition:.15s}.person:hover,.familycard:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.avatar,.bigavatar{flex:none;background:#e8eee8;color:var(--accent);display:grid;place-items:center;font-weight:800}.avatar{width:48px;height:48px;border-radius:14px}.bigavatar{width:88px;height:88px;border-radius:24px;font:500 34px Georgia}.person h3{margin:0;font-size:17px}.person p{margin:6px 0;color:var(--muted);font-size:13px}.person small{color:#7f887f}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips span{font-size:10px;background:#f0f3ef;padding:3px 7px;border-radius:20px}.pagination{display:flex;gap:6px;margin-top:20px}.pagination a{padding:7px 10px;border:1px solid var(--line);border-radius:8px}.pagination .active{background:var(--accent);color:#fff}.profilehero{display:flex;align-items:center;gap:18px;margin-bottom:22px}.profilehero h1{font:500 40px Georgia;margin:2px 0}.profilehero p{margin:0;color:var(--muted)}.grow{flex:1}.profilehero.compact{margin:0 0 25px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.formgrid label,form>label{display:block;font-weight:700;font-size:13px}.formgrid label input,.formgrid label textarea,.formgrid label select,form>label input{margin-top:6px;font-weight:400}.full{grid-column:1/-1}dl{display:grid;grid-template-columns:150px 1fr;margin:0}dt,dd{padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}.relationgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.relation{padding:14px;border:1px solid var(--line);border-radius:12px}.relation b,.relation span,.relation small{display:block}.relation b{color:var(--accent);font-size:11px;text-transform:uppercase}.relation small{color:var(--muted)}.source{margin-top:18px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}td small{display:block;color:var(--muted)}.inline{display:inline}.familycard,.business{padding:22px;display:block}.familycard h2,.business h2{font:500 25px Georgia;margin:8px 0}.familycard span:last-child{color:var(--accent);font-weight:700}.treecanvas{background:#fff;border:1px solid var(--line);border-radius:20px;min-height:500px;overflow:auto;padding:30px}.treelevels{min-width:850px}.treelevel{display:flex;gap:12px;align-items:center;padding:20px 0;border-bottom:1px dashed var(--line)}.generation{width:55px;color:var(--muted);font-weight:700}.node{padding:12px 14px;border:1px solid var(--line);border-radius:12px;min-width:145px;background:#fbfcfa}.node.head{border-color:var(--accent2);box-shadow:inset 0 0 0 1px var(--accent2)}.node b,.node small{display:block}.node small{color:var(--muted)}.feed{padding:14px 0;border-bottom:1px solid var(--line)}.feed span{color:var(--muted);font-size:12px}.actions{display:flex;gap:8px;margin-top:12px}.actions a{padding:7px 10px;background:#f0f4f0;border-radius:8px}.flash{padding:13px 16px;border-radius:10px;margin-bottom:18px}.flash.success{background:#edf7f0}.flash.error{background:#fff0ee}.flash.warning{background:#fff8e6}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e8efe8,#f7f8f5)}.authcard{width:min(430px,92vw);background:#fff;padding:34px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.authcard h1{font:500 34px Georgia}.authcard label{display:block;font-weight:700;margin:15px 0}.authcard input{margin-top:6px}.authcard a{display:block;text-align:center;margin-top:18px;color:var(--accent)}.center{text-align:center;justify-content:center}.wide{width:100%}.centertext{text-align:center;padding:80px 20px}hr{border:0;border-top:1px solid var(--line);margin:25px 0}footer{text-align:center;color:var(--muted);padding:25px;font-size:12px}
@media(max-width:900px){.top{height:auto;min-height:68px;padding:10px 4vw;align-items:center;position:sticky}.mobile-menu-btn{display:block}.top nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:10px 4vw;flex-direction:column;align-items:stretch;gap:0}.top nav.open{display:flex}.top nav a{padding:13px 6px;border-bottom:1px solid var(--line)}.top nav a:last-child{border-bottom:0}.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}.searchbox{grid-template-columns:1fr 1fr}.searchbox input{grid-column:1/-1}.grid2{grid-template-columns:1fr}.relationgrid{grid-template-columns:1fr 1fr}.hero{padding:28px;display:block}.hero h1{font-size:34px}.hero .primary{margin-top:18px}.pagehead h1{font-size:32px}.formgrid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{padding-top:22px}.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:25px}.searchbox{grid-template-columns:1fr}.searchbox input{grid-column:auto}.relationgrid{grid-template-columns:1fr}.profilehero{align-items:flex-start}.bigavatar{width:68px;height:68px}.profilehero h1{font-size:29px}.quick{overflow:auto}.quick a{white-space:nowrap}.panel{padding:18px}dl{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}}
.treeintro{margin-bottom:18px}.status-pill{display:inline-block;margin-left:10px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800}.success-pill{background:#edf7f0;color:var(--accent)}.warning-pill{background:#fff8e6;color:#8a671b}.tree-roster{display:grid;gap:14px}.ft-group{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.ft-heading{display:flex;align-items:center;gap:10px;padding:15px 18px;background:#fbfcfa;border-bottom:1px solid var(--line)}.ft-heading span{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--muted)}.ft-heading strong{font:500 21px Georgia}.ft-heading small{margin-left:auto;color:var(--muted)}.ft-members{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.tree-person{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.tree-person:hover{border-color:var(--accent)}.tree-person.head{box-shadow:inset 0 0 0 1px var(--accent2)}.tree-person-main{min-width:0}.tree-person-main b,.tree-person-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-person-main small{color:var(--muted);font-size:11px}.relationship-list{display:grid;gap:8px}.relationship-row{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.rel-arrow{color:var(--muted);font-size:12px}.tree-admin{margin-top:18px}.tree-admin form{margin-top:12px}@media(max-width:760px){.ft-members{grid-template-columns:1fr}.ft-heading{padding:13px}.ft-heading strong{font-size:18px}.relationship-row{font-size:13px}.tree-admin .formgrid{grid-template-columns:1fr}}