*{box-sizing:border-box}
body{margin:0;font-family:'Atkinson Hyperlegible',system-ui,sans-serif;color:#1C1917;background:#F7F6F3;font-size:17px;line-height:1.4}
a{color:#1D4ED8}a:hover{color:#1E3A8A}
h1{margin:0;font-size:32px;line-height:1.2}h2{margin:0;font-size:22px}
.top{background:#fff;border-bottom:1px solid #E7E5E4}
.top .in{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;color:#1C1917}
.pill{font-size:14px;font-weight:700;padding:4px 10px;border-radius:999px}
nav.main{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
nav.main a{padding:10px 14px;border-radius:10px;color:#44403C;text-decoration:none}
nav.main a.on{background:#EFF4FF;color:#1D4ED8;font-weight:700}
.wrap{max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:28px}
.card{background:#fff;border:1px solid #E7E5E4;border-radius:16px;padding:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid #D6D3D1;background:#fff;color:#1C1917;font:inherit;cursor:pointer;text-decoration:none}
.btn:hover{background:#F5F5F4}
.btn.primary{background:#1D4ED8;border-color:#1D4ED8;color:#fff;font-weight:700}
.btn.primary:hover{background:#1E40AF}
.btn.go{background:#15803D;border-color:#15803D;color:#fff;font-weight:700}
.btn.go:hover{background:#166534}
.btn.danger{color:#B91C1C;border-color:#FCA5A5}
.btn.big{min-height:60px;font-size:21px;padding:0 30px}
.btn.small{min-height:44px;padding:0 14px;font-size:16px}
.btn:disabled{opacity:.5;cursor:default}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select{min-height:50px;padding:0 12px;border-radius:10px;border:1px solid #A8A29E;font:inherit;width:100%;background:#fff}
label.f{display:flex;flex-direction:column;gap:6px;font-weight:700}
.muted{color:#57534E}.small{font-size:15px}
.bar{height:14px;border-radius:7px;background:#E7E5E4;overflow:hidden}.bar>div{height:100%;background:#1D4ED8}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.thumbs a{display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#D6D3D1}
.thumbs img{width:100%;height:100%;object-fit:cover;display:block}
table{width:100%;border-collapse:collapse}
th,td{padding:12px 14px;text-align:left;border-top:1px solid #F5F5F4;vertical-align:middle}
th{background:#F5F5F4;font-size:15px;color:#44403C;border-top:none}
.tablebox{background:#fff;border:1px solid #E7E5E4;border-radius:16px;overflow-x:auto}
.msg{background:#ECFDF5;border:1px solid #6EE7B7;color:#065F46;padding:14px 18px;border-radius:12px;font-size:18px}
.err{background:#FEF2F2;border:1px solid #FCA5A5;color:#991B1B;padding:14px 18px;border-radius:12px}
.role-superadmin{background:#1C1917;color:#fff}.role-admin{background:#DBEAFE;color:#1E3A8A}
.role-aunts{background:#FEF3C7;color:#78350F}.role-family{background:#DCFCE7;color:#14532D}
.chip{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 6px 0 14px;border-radius:999px;background:#EFF4FF;border:2px solid #1D4ED8;color:#1E3A8A;font-weight:700}
.chip button{width:34px;height:34px;border:none;background:transparent;border-radius:17px;cursor:pointer;color:#1E3A8A;font-size:20px}
.list{border:1px solid #E7E5E4;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.list button{min-height:48px;padding:0 14px;border:none;border-bottom:1px solid #F5F5F4;background:#fff;font:inherit;text-align:left;cursor:pointer;color:#1C1917}
.list button:hover{background:#F5F5F4}
.list button.new{background:#F0FDF4;color:#166534;font-weight:700}
.sugg{background:#FEF3C7;color:#92400E}
@media (max-width:700px){.wrap{padding:20px 14px}h1{font-size:26px}}