:root{
  font-family:Arial,Helvetica,sans-serif;
  color:#2a1220;
  background:#fff3f8;
  --pink:#e83e8c;
  --pink-dark:#b81f65;
  --pink-soft:#ffd8e8;
  --pink-pale:#fff0f6;
  --ink:#2a1220;
  --border:#e7b8cd;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#fff7fb 0%,#fff0f6 100%);min-height:100vh}
.wrap{max-width:980px;margin:0 auto;padding:40px 22px}
.narrow{max-width:560px}
.hero{padding-top:80px}
h1{font-size:clamp(2.4rem,8vw,6rem);letter-spacing:-.05em;margin:.2em 0;color:var(--pink-dark)}
.lede{font-size:1.3rem;max-width:560px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.button,button{display:inline-block;border:1px solid var(--pink-dark);background:var(--pink);color:white;padding:12px 18px;text-decoration:none;border-radius:999px;cursor:pointer;font-weight:700}
.button:hover,button:hover{background:var(--pink-dark)}
.secondary{background:transparent;color:var(--pink-dark)}
.secondary:hover{background:var(--pink-soft);color:var(--ink)}
.kofi{margin:55px 0;max-width:620px;background:white;border:1px solid var(--pink-soft);border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(184,31,101,.10)}
footer{padding:30px 22px;text-align:center;font-size:.8rem;color:#7b5366}
.table{margin-top:24px;background:rgba(255,255,255,.78);border:1px solid var(--pink-soft);border-radius:16px;padding:0 18px;overflow:hidden;box-shadow:0 10px 28px rgba(184,31,101,.07)}
.row{display:grid;grid-template-columns:1fr 1fr 90px;gap:20px;padding:13px 0;border-bottom:1px solid var(--pink-soft)}
.row:last-child{border-bottom:0}
.head{font-weight:bold;color:var(--pink-dark);text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}
label{display:block;margin:18px 0;color:var(--pink-dark);font-weight:700}
input,select{display:block;width:100%;padding:12px 13px;margin-top:6px;border:1px solid var(--border);background:white;border-radius:10px;color:var(--ink)}
input:focus,select:focus{outline:3px solid var(--pink-soft);border-color:var(--pink)}
.notice{padding:12px;background:#ffe3ef;border:1px solid #f4a8c9;border-radius:10px}
.error{padding:12px;background:#ffe1e7;border:1px solid #e69aaa;border-radius:10px}
.small{font-size:.85rem;color:#7b5366}
.hp{position:absolute;left:-10000px}
.admin-list article{padding:15px 0;border-bottom:1px solid var(--pink-soft)}
.admin-list form{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.admin-list button{padding:7px 10px;font-size:.85rem}
.badge{font-size:.75rem;text-transform:uppercase;color:var(--pink-dark)}
nav{margin-bottom:30px}
a{color:var(--pink-dark)}
.search{margin:26px 0 8px;padding:18px;background:var(--pink-pale);border:1px solid var(--pink-soft);border-radius:14px}
.search label{margin:0 0 10px}
.search-row{display:flex;gap:10px;align-items:center}
.search-row input{margin:0;flex:1;min-width:0}
.search-row .button,.search-row button{white-space:nowrap}
.search-summary{margin:10px 2px 0}
.empty-state{padding:22px 0;color:#7b5366}
@media(max-width:600px){
  .row{grid-template-columns:1fr 1fr 55px;gap:10px}
  .hero{padding-top:40px}
  .search-row{align-items:stretch;flex-direction:column}
  .search-row .button,.search-row button{text-align:center;width:100%}
}
.pagination{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0 0}
.page-link{display:inline-block;padding:9px 14px;border:1px solid var(--pink-dark);border-radius:999px;background:white;text-decoration:none;font-weight:700}
.page-link:hover{background:var(--pink-soft)}
.page-status{font-size:.9rem;color:#7b5366;font-weight:700}
@media(max-width:600px){
  .pagination{gap:9px}
  .page-link{padding:9px 12px}
}

.list-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:10px}
.list-heading h1{margin-bottom:.05em}
.list-heading .small{margin:0}
.kofi-button{font-size:1.05rem;padding:14px 22px;box-shadow:0 10px 24px rgba(184,31,101,.18);white-space:nowrap}
@media(max-width:600px){
  .list-heading{align-items:stretch;flex-direction:column;gap:14px}
  .kofi-button{text-align:center;width:100%}
}