.account-card{margin-bottom:18px;padding:20px;border:1px solid #d6e8ff;border-radius:24px;background:linear-gradient(135deg,#f1f7ff,#f6fffc);box-shadow:var(--shadow)}
.account-head{display:flex;align-items:center;gap:12px}.account-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#1768ff,#08bd82);color:#fff;font-weight:900}.account-head small{color:var(--blue);font-weight:850;letter-spacing:.08em}.account-head h2{margin-top:2px}.sync-state{margin-left:auto;padding:6px 9px;border-radius:999px;background:#edf3ff;color:var(--muted);font-size:11px;font-weight:800}.sync-state.online{background:#dcfaef;color:#07885f}.sync-state.error{background:#fff0f0;color:#c33}
.account-card>p{margin:12px 0;color:var(--muted);font-size:.82rem;line-height:1.5}.account-card #googleSignIn{min-height:44px;margin:14px 0 10px}.account-card .wide{margin-top:12px}
.people-admin{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.people-head{display:flex;align-items:center;justify-content:space-between}.people-head small{color:var(--blue);font-weight:850;letter-spacing:.08em}.people-head h3{margin-top:3px}.people-head>span{padding:5px 9px;border-radius:999px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:800}.people-admin>p{margin:8px 0 12px;color:var(--muted);font-size:.78rem}.people-admin form{display:grid;grid-template-columns:1fr auto;gap:8px}.people-admin input{min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font:inherit}.people-admin form button{padding:0 17px;border-radius:12px}.people-list{display:grid;gap:8px;margin-top:12px}.person-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.7)}.person-row span{min-width:0}.person-row b,.person-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-row small{margin-top:2px;color:var(--muted);font-size:.7rem}.person-row button{border:0;background:transparent;color:#c33;font-weight:800}.people-list:empty::before{content:'No additional people approved yet.';padding:12px;color:var(--muted);font-size:.75rem;text-align:center}
@media(max-width:480px){.people-admin form{grid-template-columns:1fr}.people-admin form button{min-height:44px}}@media(prefers-color-scheme:dark){.account-card{background:linear-gradient(135deg,#132b4a,#113c43);border-color:#24506a}.sync-state,.people-head>span{background:#1d3454}.sync-state.online{background:#174538;color:#7ee8c0}.person-row{background:rgba(10,25,43,.65)}}