header{height:auto;min-height:76px;gap:22px}
header nav{display:flex;align-self:stretch;align-items:center;gap:5px}
header nav a{color:#bfd2c5;text-decoration:none;font-size:13px;font-weight:700;padding:11px 13px;border-radius:9px}
header nav a:hover,header nav a.active{background:#315b45;color:#fff}
.current-user{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;padding:7px 11px;border:1px solid #49705c;border-radius:10px;background:#214936;white-space:nowrap}.current-user>span{grid-row:1/4;color:#79d39c;font-size:10px}.current-user small{color:#a9c5b4;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.current-user strong{font-size:12px;color:#fff}.current-user a{color:#cce3d4;font-size:9px;text-decoration:none}.current-user a:hover{text-decoration:underline;color:#fff}
.page-title{margin-bottom:24px}.page-title h1{font:500 38px Georgia,serif;margin:7px 0}.page-title p{margin:0;color:#718078}
.dashboard-actions,.receipt-actions{display:flex;gap:10px;margin-bottom:20px}.dashboard-actions a,.receipt-actions a{display:inline-block;padding:12px 16px;border-radius:10px;background:#1f5b3d;color:white;text-decoration:none;font-size:13px;font-weight:800}.dashboard-actions a+ a{background:#627168}
.tablehead>a{color:#315b45;text-decoration:none;font-weight:800;font-size:13px}
.recent-list a{display:grid;grid-template-columns:100px minmax(150px,1fr) minmax(180px,1.5fr) auto;gap:15px;align-items:center;padding:15px 24px;border-top:1px solid #ebefec;color:#17251d;text-decoration:none}.recent-list span,.recent-list small{color:#718078}.recent-list b{text-align:right}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;background:white;border:1px solid var(--line);border-radius:15px;padding:19px}.contact-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e5f4e9;color:#17452f;font-size:25px;font-weight:bold}.contact-grid h2{font:500 20px Georgia,serif;margin:0}.contact-grid p{margin:5px 0;color:#647067;font-size:13px}.contact-grid small{color:#7b857e}.contact-grid a{color:#315b45;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:760px){header{display:grid;grid-template-columns:1fr auto;padding:13px}.brand{margin-bottom:10px}.current-user{grid-column:2;grid-row:1}.current-user small{display:none}header nav{grid-column:1/3;overflow:auto}header nav a{white-space:nowrap;padding:9px}.contact-grid{grid-template-columns:1fr}.recent-list a{grid-template-columns:80px 1fr auto}.recent-list small{display:none}}
@media(max-width:480px){header nav{display:grid;grid-template-columns:1fr 1fr}.contact-grid article{grid-template-columns:auto 1fr}.contact-grid article>a{grid-column:2}.page-title h1{font-size:30px}}
.editable-contacts article{grid-template-columns:auto 1fr;align-items:start}.editable-contacts form{display:grid;grid-template-columns:1fr 1.35fr auto;gap:10px;align-items:end}.editable-contacts label{font-size:11px;font-weight:800;color:#526057}.editable-contacts input{display:block;width:100%;margin-top:5px;background:#fff}.editable-contacts small{grid-column:1/3}.editable-contacts button{grid-column:3;grid-row:1/3;align-self:stretch}
@media(max-width:850px){.editable-contacts form{grid-template-columns:1fr}.editable-contacts small,.editable-contacts button{grid-column:1;grid-row:auto}.editable-contacts button{align-self:auto}}
.new-contact{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:18px}.new-contact h2{font:500 22px Georgia,serif;margin:0 0 13px}.new-contact form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:10px;align-items:end}.new-contact label{font-size:11px;font-weight:800;color:#526057}.new-contact input{display:block;width:100%;margin-top:5px;background:#fff}.new-contact button{height:43px}
@media(max-width:700px){.new-contact form{grid-template-columns:1fr}.new-contact button{width:100%}}
.contact-cards article{grid-template-columns:auto 1fr}.contact-actions{display:flex;gap:8px;margin-top:13px}.contact-actions button,.contact-actions a{display:inline-block;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:800}.contact-actions a{background:#e8f1eb;color:#315b45}.contact-dialog{width:min(540px,calc(100% - 28px));border:0;border-radius:16px;padding:0;box-shadow:0 25px 80px #102a1d66}.contact-dialog::backdrop{background:#102a1da8;backdrop-filter:blur(2px)}.contact-dialog form{display:grid;gap:14px;padding:22px}.contact-dialog label{font-size:12px;font-weight:800;color:#526057}.contact-dialog input{display:block;width:100%;margin-top:6px;background:#fff}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font:500 24px Georgia,serif;margin:0}.dialog-head button{width:35px;height:35px;padding:0;border-radius:50%;background:#edf2ee;color:#315b45;font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.dialog-actions .secondary{background:#e7ece8;color:#526057}
.merge-contacts{margin-top:20px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:15px}.merge-contacts h2{font:500 23px Georgia,serif;margin:5px 0}.merge-contacts p{margin:0 0 15px;color:#6c786f;font-size:13px}.merge-contacts form{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:end;padding:14px;background:#f5f8f6;border-radius:11px}.merge-contacts label{font-size:11px;font-weight:800;color:#526057}.merge-contacts select{display:block;width:100%;margin-top:6px;background:#fff}.merge-arrow{align-self:center;margin-top:18px;color:#397b57;font-size:24px;font-weight:bold}.merge-contacts button{height:43px}
@media(max-width:760px){.merge-contacts form{grid-template-columns:1fr}.merge-arrow{display:none}.merge-contacts button{width:100%}}