.family-body{background:#f4f7fb}.family-top{height:72px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.family-top img{width:150px;height:48px;object-fit:cover;border-radius:8px}.family-top>div{display:flex;align-items:center;gap:15px}.family-top form{display:inline}.family-shell{width:min(1220px,calc(100% - 30px));margin:28px auto 70px}.family-welcome{display:flex;justify-content:space-between;align-items:center;padding:30px 34px;border-radius:28px;background:radial-gradient(circle at 88% 12%,#ffffff30,transparent 30%),linear-gradient(135deg,#173663,#4b79b9);color:#fff;box-shadow:0 22px 55px #173a7122}.family-welcome .eyebrow,.family-welcome p{color:#d7e5f8}.family-welcome h1{margin:6px 0}.family-avatar{width:76px;height:76px;border-radius:23px;display:grid;place-items:center;background:#ffffff18;border:1px solid #ffffff38;font-size:1.4rem;font-weight:850}.family-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 22px;padding:7px;border:1px solid #dfe5ee;border-radius:18px;background:#fff;box-shadow:0 9px 28px #233e660b}.family-tabs a{position:relative;padding:12px;text-align:center;border-radius:12px;color:#65758b;font-size:.82rem;font-weight:750}.family-tabs a.active{background:#eaf1fb;color:#315f9f}.family-tabs b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;padding:0 5px;border-radius:9px;background:#315f9f;color:#fff;font-size:.62rem}.family-metrics,.family-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.family-metrics article,.family-admin-stats article{padding:20px;border:1px solid #e0e6ef;border-radius:19px;background:#fff;box-shadow:0 10px 30px #223e670b;display:grid}.family-metrics span,.family-admin-stats span{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:#76859a;font-weight:800}.family-metrics strong,.family-admin-stats strong{font-size:1.9rem;margin:5px 0;color:#233d65}.family-metrics small{color:#8b97a8}.family-grid,.family-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.family-card{padding:24px;border:1px solid #e0e6ef;border-radius:22px;background:#fff;box-shadow:0 12px 34px #223e670d}.family-card h2{margin-bottom:16px}.family-data{display:grid;grid-template-columns:1fr 1fr;margin:0}.family-data div{padding:13px 0;border-bottom:1px solid #edf0f4}.family-data div:nth-child(even){padding-left:18px;border-left:1px solid #edf0f4}.family-data dt{font-size:.65rem;text-transform:uppercase;color:#7c899c;font-weight:750}.family-data dd{margin:4px 0 0;font-size:.88rem;font-weight:700}.family-activity{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf0f4}.family-activity>span{height:40px;border-radius:11px;background:#eaf1fb;color:#315f9f;display:grid;place-items:center;font-size:.7rem;font-weight:850}.family-activity div{display:grid}.family-activity small{color:#7c899b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.family-activity>b{padding:6px 8px;border-radius:8px;background:#e3f4e9;color:#267548;font-size:.62rem}.family-empty{padding:28px;border:1px dashed #cdd7e5;border-radius:15px;text-align:center;color:#78879c;background:#f9fbfd}.family-doc-list{display:grid;gap:9px}.family-doc-list article{display:grid;grid-template-columns:46px 1fr auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #e3e8ef;border-radius:14px}.doc-icon{height:42px;border-radius:11px;display:grid;place-items:center;background:#e9f1fc;color:#315f9f;font-size:.58rem;font-weight:850}.family-doc-list article>div{display:grid}.family-doc-list small{color:#7c899a;font-size:.68rem}.family-doc-list a{color:#315f9f;font-size:.75rem;font-weight:800}.family-ticket-list{display:grid;gap:12px}.family-ticket-list article{padding:17px;border:1px solid #e2e7ef;border-radius:16px}.family-ticket-list article>div:first-child{display:flex;justify-content:space-between}.family-ticket-list h3{margin:10px 0 6px}.family-ticket-list p{font-size:.86rem;color:#566479}.family-ticket-list blockquote{margin:13px 0 0;padding:13px;border-left:3px solid #4a78b9;background:#f0f5fc;border-radius:0 11px 11px 0;font-size:.82rem}.family-ticket-list blockquote strong{display:block;margin-bottom:5px}.ticket-status{display:inline-flex;padding:5px 8px;border-radius:8px;background:#e7f1ff;color:#3167aa;font-size:.62rem;font-weight:850}.ticket-status.open{background:#fff0d8;color:#93620f}.ticket-status.closed{background:#e8f5ed;color:#28754b}.family-admin-stats{grid-template-columns:repeat(3,1fr)}.family-admin-upload{display:grid;grid-template-columns:1fr 1fr;gap:10px}.family-admin-upload .button{align-self:end}.family-admin-tickets{margin:20px 0}.family-admin-tickets details{border-top:1px solid var(--line)}.family-admin-tickets summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 2px;cursor:pointer}.family-admin-tickets summary small{color:#718095}.ticket-admin-body{padding:0 10px 18px}.ticket-admin-body>p{padding:14px;border-radius:12px;background:#f6f8fb}.ticket-admin-body form{display:grid;grid-template-columns:1fr 200px auto;align-items:end;gap:10px}
@media(max-width:850px){.family-grid,.family-admin-grid{grid-template-columns:1fr}.family-metrics{grid-template-columns:1fr 1fr}.family-tabs{grid-template-columns:1fr 1fr}.family-admin-upload,.ticket-admin-body form{grid-template-columns:1fr}.family-admin-tickets summary{grid-template-columns:auto 1fr}.family-admin-tickets summary small{grid-column:2}.family-doc-list article{grid-template-columns:42px 1fr auto}.family-doc-list article form{grid-column:2/-1}.family-data{grid-template-columns:1fr}.family-data div:nth-child(even){padding-left:0;border-left:0}}
@media(max-width:520px){.family-shell{width:min(100% - 20px,1220px);margin-top:15px}.family-welcome{padding:22px}.family-avatar{display:none}.family-metrics,.family-admin-stats{grid-template-columns:1fr 1fr;gap:8px}.family-metrics article{padding:14px}.family-tabs a{font-size:.74rem;padding:10px 6px}.family-card{padding:18px}.family-activity{grid-template-columns:42px 1fr}.family-activity>b{grid-column:2;width:max-content}.family-top>div>span{display:none}}