@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f4f0e6;color:#103c43;font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:72px;background:#082f39;color:white;display:flex;align-items:center;padding:0 28px;gap:30px}header a{color:#9fd6d0;text-decoration:none;font-size:12px}header div{margin:auto}header strong,header small{display:block;text-align:center}header small{font-size:10px;opacity:.55}header>span{font-size:10px;border:1px solid #ffffff33;border-radius:16px;padding:7px 10px}main{height:calc(100vh - 72px);display:grid;grid-template-columns:330px 1fr}aside{background:#fffdf7;border-right:1px solid #d8ddd5;padding:24px;display:flex;flex-direction:column;overflow:hidden}.aside-head{display:flex;justify-content:space-between;align-items:center}.aside-head small,.section-head small{font-size:9px;letter-spacing:.17em;color:#1c8192}.aside-head h1{font-size:22px;margin:5px 0 18px}.aside-head button{width:36px;height:36px;border:0;border-radius:50%;background:#e77b45;color:white;font-size:20px}.search,input,select,textarea{width:100%;border:1px solid #ccd8d4;border-radius:9px;background:white;padding:10px 11px;color:#103c43;outline:none}.search:focus,input:focus,select:focus,textarea:focus{border-color:#1c8192;box-shadow:0 0 0 3px #72c7c233}#clubList{overflow:auto;margin:14px -8px 15px;padding:0 8px;flex:1}.club{width:100%;text-align:left;border:0;border-bottom:1px solid #e2e5df;background:none;padding:11px 7px;color:#103c43}.club strong,.club small{display:block}.club strong{font-size:12px}.club small{font-size:10px;opacity:.55;margin-top:3px}.club.active{background:#dff1ec;border-radius:9px;border-bottom-color:transparent}.export,.import{border:1px solid #cbd7d3;background:transparent;border-radius:9px;padding:10px;text-align:center;font-size:11px;color:#103c43}.import{margin-top:7px;cursor:pointer}.import input{display:none}section{padding:35px 5vw;overflow:auto}.section-head{display:flex;justify-content:space-between;align-items:flex-start}.section-head h2{font-size:29px;margin:5px 0 25px}.danger{border:1px solid #ddb9ac;background:#fff4ef;color:#a64c2d;border-radius:9px;padding:9px 12px;font-size:11px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.grid label{font-size:11px;font-weight:700}.grid label>small{font-weight:400;opacity:.55;margin-left:5px}.grid input,.grid select,.grid textarea{display:block;margin-top:7px;font-weight:400}.wide{grid-column:1/-1}textarea{resize:vertical}.savebar{position:sticky;bottom:-35px;background:#fffdf7dd;backdrop-filter:blur(8px);border-top:1px solid #d5ddd8;margin:30px -5vw -35px;padding:14px 5vw;display:flex;justify-content:space-between;align-items:center}.savebar span{font-size:10px;opacity:.6}.savebar button{border:0;border-radius:22px;background:#e77b45;color:white;padding:12px 18px;font-weight:700}.toast{position:fixed;right:25px;bottom:25px;background:#082f39;color:white;padding:12px 17px;border-radius:9px;font-size:12px;transform:translateY(80px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.admin-link{text-decoration:none;font-size:12px}
@media(max-width:760px){header{padding:0 14px}header div{display:none}main{display:block;height:auto}aside{height:340px;border-right:0;border-bottom:1px solid #d8ddd5}section{padding:25px 18px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.section-head h2{font-size:22px}.savebar{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;bottom:0}.savebar span{display:none}}
.location-picker{border:1px solid #ccd8d4;border-radius:13px;overflow:hidden;background:white}.picker-head{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.picker-head strong,.picker-head small{display:block}.picker-head strong{font-size:12px}.picker-head small{font-size:10px;color:#658085;margin-top:3px}.picker-head button{border:1px solid #c5d4d0;border-radius:8px;background:#eef7f4;color:#103c43;padding:8px 11px;font-size:10px;white-space:nowrap}#pickerMap{height:340px;border-top:1px solid #d8e0dd}.picker-marker{background:transparent;border:0}.picker-marker span{display:grid;place-items:center;width:28px;height:28px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#e77b45;color:white;border:3px solid white;box-shadow:0 5px 14px #082f3966;font-size:15px}.picker-marker span::first-letter{transform:rotate(45deg)}@media(max-width:760px){.location-picker{grid-column:auto}#pickerMap{height:290px}.picker-head{align-items:flex-start;flex-direction:column}}
.website-input-row{display:flex;gap:8px;align-items:stretch}.website-input-row input{flex:1}.website-input-row a{display:flex;align-items:center;justify-content:center;margin-top:7px;padding:0 15px;border-radius:9px;background:#d9e2df;color:#78908b;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none}.website-input-row a.ready{background:#0b3c49;color:white;pointer-events:auto}@media(max-width:760px){.website-input-row{display:block}.website-input-row a{padding:11px}}
.admin-stats{border:1px solid #d8e0dd;border-radius:12px;background:#f4faf7;padding:11px;margin:0 0 10px}.admin-stats h2{font-size:13px;margin:0 0 9px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stats-grid div{background:white;border-radius:8px;padding:7px;text-align:center}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-size:16px;color:#157d91}.stats-grid span{font-size:7px;margin-top:2px}.admin-stats summary{cursor:pointer;font-size:10px;font-weight:700;margin-top:8px}.report-list{max-height:180px;overflow:auto}.report-list article{border-top:1px solid #dbe4df;padding:7px 0}.report-list strong,.report-list small{font-size:9px}.report-list p{font-size:9px;margin:3px 0}
.photo-upload{border:1px dashed #9fbdb5;border-radius:12px;background:#eef7f4;padding:14px}.photo-upload label{display:block}.photo-upload input{background:white}.photo-upload #photoUploadStatus{font-size:10px;color:#31725f;margin-top:8px;min-height:14px}
