.site-total{background:#f4ba31;border-radius:15px;padding:20px;display:flex;flex-direction:column;text-align:center;color:#292511}.site-total strong{font-size:46px}.site-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.site-metrics>div{border:1px solid #d9e5e0;border-radius:12px;padding:14px 6px;text-align:center;display:flex;flex-direction:column}.site-metrics strong{font-size:28px}.site-metrics span{font-size:13px}.site-warning{padding:12px;background:#fff0cd;border-radius:8px}.site-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.site-counts input{min-width:0}.site-card{border:1px solid #d9e5e0;border-radius:12px;padding:15px;margin:12px 0}.site-photo-preview img{max-width:100%;max-height:400px}.site-error{color:#ae3026}.site-body summary{font-weight:700;cursor:pointer}.site-body input,.site-body select{max-width:100%}

.site-daily{grid-template-columns:repeat(2,minmax(0,1fr))}.site-photo-preview{white-space:pre-wrap;overflow-wrap:anywhere}

.site-tabs{display:flex;gap:10px;margin:18px 0}.site-tabs button{flex:1;background:#fff;color:#17332f;border:1px solid #d9e5e0;font-weight:700}.site-tabs button.selected{background:#173d34;color:#fff}.site-groups{flex-wrap:wrap}.site-groups button{flex:1 1 140px}.site-person-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.site-person{display:flex;flex-direction:column;gap:6px;border-radius:14px;padding:16px;background:#edf0ee;border:1px solid #cbd5cf;overflow-wrap:anywhere}.site-person.inside{background:#e5f4e9;border-color:#58a86e}.site-person.outside{background:#fff0ee;border-color:#d6a49d}.site-person>strong{font-size:17px}.site-person>span,.site-person>small{font-size:13px}.site-person button{font-size:13px;padding:8px}.site-person .site-person-edit{background:transparent;color:#244f40;border:1px solid #bfd3c7}.site-person.inside>button:not(.site-person-edit){background:#268a49}.site-roster-settings{padding:16px;background:#f5f8f6;border-radius:12px}.site-body [hidden]{display:none!important}@media(max-width:700px){.site-person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-person{padding:12px}.site-person>strong{font-size:15px}}
