.family-page{color:#2e1a46;background:#f8f6fc;width:100%;min-height:100vh;margin:0;padding:30px max(24px,50vw - 580px);font-family:Arial,sans-serif}.family-page *{box-sizing:border-box}.family-page header{justify-content:space-between;align-items:center;gap:20px;display:flex}.family-page header .fx-brand{max-width:180px}.family-page a{color:#7035b7}.family-intro{max-width:700px;margin:60px 0 32px}.family-intro>span{letter-spacing:2px;color:#7948a8;font-size:11px;font-weight:700}.family-intro h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(38px,5vw,62px);line-height:1.06}.family-intro p{color:#756a83;font-size:18px;line-height:1.65}.family-notice{background:#eae3f5;border-radius:16px;margin-bottom:32px;padding:20px 24px}.family-notice p{margin:8px 0 0;line-height:1.6}.family-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;display:grid}.family-card{background:#fff;border:1px solid #e4ddec;border-radius:18px;min-width:0;margin-bottom:24px;padding:26px}.family-card h2{margin:0 0 14px;font-size:23px}.family-card h3{margin-top:0}.family-card p,.family-card small{color:#756a83;line-height:1.6}.family-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.family-card-head span{text-transform:uppercase;letter-spacing:1px;font-size:11px}.family-page button,.family-button{cursor:pointer;background:#7735bd;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;color:#fff!important}.family-page button:disabled{opacity:.5;cursor:wait}.family-page button.secondary{background:#f1edf7;color:#5b4277!important}.family-page label{gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:grid}.family-page input,.family-page select{color:#342447;width:100%;font:inherit;background:#fff;border:1px solid #dcd3e7;border-radius:10px;min-width:0;min-height:44px;padding:12px;font-size:16px}.family-page form button{width:100%;margin-bottom:12px}.family-member{border-top:1px solid #eee9f4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.family-member>div{min-width:0}.family-member b{overflow-wrap:anywhere;font-size:14px}.family-member small{margin-top:5px;display:block}.family-actions{flex-wrap:wrap;gap:8px;display:flex}.family-actions select{width:auto;max-width:190px;font-size:13px}.family-invite{border-top:1px solid #eee9f4;margin-top:16px;padding-top:24px}.family-permissions{color:#fff;background:#302044}.family-permissions p,.family-permissions small{color:#cfbfe0}.family-permissions b{color:#e0ff8c;margin-bottom:4px;display:block}.family-error{color:#921b36;background:#fde8e8;border-radius:12px;padding:15px}.family-success{color:#355824;background:#e5f1dc;border-radius:12px;padding:15px}@media (max-width:800px){.family-layout{grid-template-columns:1fr}.family-page{padding:20px 16px}.family-intro{margin-top:38px}.family-card{padding:20px}.family-member{align-items:stretch}.family-member>div{width:100%}.family-actions select{flex:1;max-width:none}.family-page header{font-size:12px}.family-page header .fx-brand{max-width:140px}}.family-page .fx-wordmark{color:#321a49}.family-page #novo-espaco{scroll-margin-top:24px}.family-page #novo-espaco:target{border-color:#a77bcf;box-shadow:0 0 0 3px #b790d91f}