.admin-page{padding-top:12px;padding-bottom:40px}.admin-page h1{font-size:26px;padding-bottom:16px;border-bottom:2px solid #1c5196}.admin-page h2{font-size:21px;margin:0 0 18px}.admin-card{margin-top:24px;padding:20px 16px;border:1px solid #dce5ef;border-radius:12px;background:#fff}.admin-page label{display:block;margin:12px 0 5px;font-size:14px;font-weight:600}.admin-page input:not([type=checkbox]),.admin-page textarea,.admin-page select{display:block;width:100%;border:1px solid #bac8d9;border-radius:5px;padding:10px;font:inherit;font-size:16px;background:white;color:#182b43}.admin-page textarea{min-height:260px;resize:vertical}.admin-page input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:6px}.admin-page button,.admin-action{display:inline-block;padding:9px 14px;border:1px solid #becada;border-radius:5px;background:white;font-size:14px}.admin-page .primary{background:#1c5196;color:#fff;border-color:#1c5196}.admin-page .danger{color:#a22121}.admin-page button:disabled{opacity:.5;cursor:wait}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center}.admin-help{font-size:13px;color:#6e7b8b;margin-top:8px;line-height:1.7}.admin-status{margin-top:12px;font-size:14px;color:#1c5196;white-space:pre-line}.admin-status.is-error{color:#a22121}.admin-page [hidden]{display:none!important}.admin-posts{list-style:none;padding:0;margin:18px 0}.admin-posts li{border-bottom:1px solid #e3e9f0;padding:8px 0}.admin-page .admin-post-row{border:0;text-align:left;width:100%;padding:10px 0}.admin-post-row strong,.admin-post-row span{display:block}.admin-post-row span{font-size:12px;color:#6e7b8b;margin-top:4px}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.admin-page details{margin-top:24px}.admin-page summary{cursor:pointer;font-size:14px}.post-content{padding:22px 0}.post-title{font-size:22px;line-height:1.5;overflow-wrap:anywhere;word-break:keep-all}.post-date{display:block;font-size:13px;color:#718096;padding:12px 0 20px;border-bottom:1px solid #dce5ef}.post-body{padding:24px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.post-image{display:block;width:100%;height:auto;margin:16px 0}.post-files{padding:18px 0;border-top:1px solid #dce5ef}.post-files h3{font-size:16px;margin-bottom:10px}.post-files a{display:block;text-decoration:underline;overflow-wrap:anywhere;font-size:14px;padding:5px 0}.board-management{text-align:right;font-size:13px;color:#66768a;margin:12px 0}.board-management a{text-decoration:underline}

.admin-status:not(:empty){position:sticky;top:0;z-index:20;background:#f3f7fc;padding:12px;border:1px solid #dce5ef;border-radius:6px}

.leader-edit-list{list-style:none;padding:0;display:grid;gap:20px}.leader-editor-card{padding:20px;border:1px solid #dce5ef;border-radius:12px;background:#f7f9fc}.leader-editor-photo{display:block;width:120px;height:150px;object-fit:contain;margin:16px 0;background:#eaf0f7}.admin-tabs{flex-wrap:wrap}

.album-file-editor{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #dce5ef;padding:12px;margin:10px 0}.album-file-editor img{width:90px;height:70px;object-fit:cover}.album-file-editor span{flex:1;min-width:120px;overflow-wrap:anywhere}

#loginPanel > h2{text-align:center}

#loginForm .remember-login{display:flex;align-items:center;gap:8px;margin-top:18px;font-weight:600}#loginForm #rememberLogin{width:20px;height:20px;margin:0;accent-color:#20599b}#loginForm .remember-login span,.remember-hint{color:#596777;font-size:13px}.remember-hint{margin:6px 0 14px}

/* Login card */
.admin-page #loginPanel{max-width:460px;margin:28px auto 40px;padding:32px;border:1px solid #d2d7df;border-radius:12px;background:#fff;box-shadow:0 3px 18px #152b4312}
#loginPanel>h2{margin:0 0 26px;color:#657184;font-size:25px;font-weight:700;text-align:center}
.admin-page #loginForm>#username,.admin-page #loginForm>#password{display:block;width:100%;height:54px;margin:0 0 12px;padding:14px 16px;background:#f7f8fa;border:1px solid #cbd2dd;border-radius:8px;font-size:16px}
#loginForm>#username:focus,#loginForm>#password:focus{outline:2px solid #245798;outline-offset:0;background:#fff}
#loginForm .admin-actions{display:block;margin-top:18px}.admin-page #loginSubmit{width:100%;min-height:52px;background:#1c5196;color:white;border-radius:7px;font-size:18px;font-weight:700}
#loginPanel .login-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;color:#657184;font-size:13px}
.admin-page #loginPanel .login-links button,.admin-page #loginPanel .login-links a{padding:4px 0;border:0;background:none;color:#526174;font:inherit;min-height:0;box-shadow:none}
#loginPanel .login-links button:hover,#loginPanel .login-links a:hover{text-decoration:underline}
#loginPanel #resetRequestForm{margin-top:20px;padding-top:18px;border-top:1px solid #e1e6ed}
@media(max-width:480px){.admin-page #loginPanel{padding:24px 20px;margin:18px auto 28px}#loginPanel>h2{font-size:23px}}

/* Account tab: shared layout from the standalone account page. */
.account-filter-row{display:flex;gap:12px;flex-wrap:wrap}.account-filter-row label{flex:1;min-width:130px}.account-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px}.account-permissions{padding:16px;background:#edf4fb;border-radius:12px;margin:20px 0}.account-permissions p{margin:8px 0}#accountList{list-style:none;padding:0}.account-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #dde4ec}.account-row p{margin:6px 0}#accountForm input:not([type=checkbox]),#accountForm select{width:100%;box-sizing:border-box}#accountForm label{display:block;margin-top:16px}#accountForm input[type=checkbox]{width:auto}@media(max-width:1023px){.account-layout{grid-template-columns:1fr}.account-row{flex-wrap:wrap}}
.account-layout>*{min-width:0}.account-row{overflow-wrap:anywhere}

.account-row .account-select{width:18px;height:18px;flex:0 0 18px}.account-row>div:first-of-type{flex:1;min-width:0}.account-bulk-actions label{display:flex;align-items:center;gap:8px}.account-bulk-actions input{width:18px;height:18px}

#inquiryForm{max-width:720px;margin:24px auto}#inquiryForm label{display:block;margin:16px 0}#inquiryForm input,#inquiryForm textarea,#inquiryForm select{display:block;width:100%;box-sizing:border-box}#inquiryList p{white-space:pre-wrap;overflow-wrap:anywhere}.footer-inquiry{color:inherit;display:inline-block;margin:12px}

#inquiryList .inquiry-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #e1e7ef}#inquiryList .inquiry-card-actions a,#inquiryList .inquiry-card-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;padding:10px 16px;margin:0;font-size:14px;line-height:1.4;border:1px solid #cbd5e1;border-radius:8px;text-decoration:none}#inquiryList .inquiry-card-actions .danger{color:#b42318;border-color:#efb7b3;background:#fff7f6}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.dashboard-stat{padding:20px;border:1px solid #d7e3f1;border-radius:14px;background:#f2f7fd;display:flex;flex-direction:column;gap:12px}.dashboard-stat strong{font-size:32px;color:#205396}.dashboard-stat span{font-size:14px;color:#52657a}.dashboard-stat button{align-self:start}.dashboard-card{margin:20px 0;overflow-wrap:anywhere}.dashboard-card h3{margin-bottom:16px}.dashboard-card p{line-height:1.7;margin:8px 0}.dashboard-help{font-size:13px;color:#64748b}.dashboard-chart>div{display:flex;gap:12px;align-items:center;margin:8px 0}.dashboard-chart meter{flex:1;height:22px;min-width:0}@media(max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.dashboard-stat{padding:14px}.dashboard-stat span{font-size:13px}}

.dashboard-survey{padding:16px 0;border-bottom:1px solid #e1e7ef}.dashboard-survey:last-child{border-bottom:0}.dashboard-survey progress{display:block;width:100%;height:16px;accent-color:#205396}
#surveyForm{max-width:850px}#surveyForm label{display:block;margin:14px 0;font-weight:600}#surveyForm input,#surveyForm textarea,#surveyForm select{display:block;width:100%;box-sizing:border-box;margin-top:6px}#surveyForm textarea{min-height:100px}.survey-question{min-width:0;border:1px solid #d6e1ed;border-radius:12px;padding:18px;margin:20px 0;background:#f7faff}

.club-admin-tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 0 14px;margin:16px 0;scrollbar-width:thin}.club-admin-tabs button{flex:0 0 auto;white-space:nowrap;border:1px solid #cbd9e9;border-radius:9px;padding:10px 18px}.club-admin-tabs button[aria-selected=true]{background:#205396;color:#fff;border-color:#205396}.club-admin-settings{margin:14px 0 24px;border:1px solid #dce4ee;border-radius:10px;padding:16px}.club-admin-settings>summary{cursor:pointer;font-weight:700;color:#205396}.club-admin-settings #clubsFields{margin-top:16px}.club-admin-settings #clubsList{padding:0;list-style:none}

/* Keep the last club tab and its focus ring inside the scrollable area. */
#clubsAdminPanel{min-width:0;max-width:100%}
.club-admin-tabs{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:8px 8px 14px;scroll-padding-inline:8px}
.club-admin-tabs::after{content:"";flex:0 0 8px}
@media(min-width:1024px){.club-admin-tabs{flex-wrap:wrap;overflow:visible}.club-admin-tabs::after{display:none}}