.record-actions,.export-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.btn.danger{background:#fff0f0;color:#c33;border:1px solid #f1bcbc}.order-items{margin-top:5px;max-width:420px}.order-items summary{cursor:pointer;color:#c95d4d;font-weight:700}.order-items small{display:block;padding-top:5px;line-height:1.45}.export-actions{padding-top:14px}.export-actions span{font-weight:700}@media(max-width:700px){.export-actions .btn{flex:1;text-align:center}.order-items{max-width:230px}}
.family-app{max-width:1120px;margin:auto;padding:28px}.family-app header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.family-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.family-metrics article small{display:block;margin-top:8px;color:#8b7773}@media(max-width:700px){.family-app{padding:16px}.family-app table{min-width:700px}}
.password-panel{margin-top:18px}.password-panel summary{cursor:pointer}.password-panel form{margin-top:18px}
.family-access-info{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0;color:#806d69}
.login-card .login-switch{display:block;margin-top:14px;text-align:center;line-height:1.4}.family-period{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-bottom:18px}.family-period div{text-align:center}.family-period h2{margin:2px 0 0}.family-period small{color:#8b7773;font-weight:700}@media(max-width:700px){.family-period{grid-template-columns:1fr 1fr}.family-period div{grid-column:1/-1;grid-row:1}.family-period .btn{margin-top:54px;padding-left:10px;padding-right:10px}}