:root{--ink:#172033;--muted:#667085;--line:#dce2ea;--blue:#1d4ed8;--bg:#f7f8fa;--white:#fff;--green:#087443;--red:#b42318}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}.topbar-inner,.footer{width:min(calc(100% - 2rem),72rem);margin:auto}.topbar-inner{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem}.brand b,.setup-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:6px;background:var(--blue);color:#fff;font-size:.9rem}.brand span{font-size:.72rem;font-weight:700;line-height:1.05}.nav{display:flex;align-items:center;gap:.25rem}.nav a{padding:.65rem .75rem;border-radius:6px;font-size:.9rem;font-weight:650}.nav a[aria-current=page]:not(.pay-link){background:#edf2ff;color:#1e40af}.nav .pay-link{background:var(--ink);color:#fff}.page{padding-block:3.5rem}.main-width{width:min(calc(100% - 2rem),72rem);margin:auto}.narrow{width:min(calc(100% - 2rem),48rem);margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(2.5rem,7vw,6rem);align-items:center;padding-bottom:4rem}.kicker{margin:0 0 .8rem;color:var(--blue);font-size:.875rem;font-weight:700}.hero h1,.page-title h1{margin:0;font-weight:700;line-height:1.08}.hero h1{font-size:clamp(2.6rem,5vw,4.6rem)}.lead{max-width:35rem;margin:1.25rem 0 0;color:var(--muted);font-size:1.05rem;line-height:1.7}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:0;border-radius:6px;font-weight:700;cursor:pointer}.button.primary{margin-top:1.6rem;background:var(--blue);color:#fff}.button.dark{background:var(--ink);color:#fff}.button.secondary{border:1px solid #cbd5e1;background:#fff;color:var(--ink)}.button.full{width:100%}.button:disabled{opacity:.6;cursor:wait}.summary-card,.payment-card,.post,.empty,.admin-panel{border:1px solid var(--line);border-radius:8px;background:#fff}.summary-card{padding:2rem}.summary-top,.summary-stats{display:flex;justify-content:space-between;gap:1rem}.summary-top{color:var(--muted);font-size:.9rem}.summary-top b{color:var(--blue)}.summary-amount{margin:1.2rem 0 0;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1}.muted{color:var(--muted)}.progress{height:.65rem;margin-top:1.5rem;overflow:hidden;border-radius:99px;background:#e8edf4}.progress i{display:block;height:100%;border-radius:inherit;background:var(--blue)}.summary-stats{margin-top:1.1rem;color:var(--muted);font-size:.875rem}.summary-stats b{color:var(--ink)}.info-row{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.4rem 0;border-block:1px solid var(--line)}.info-row h2{margin:0;font-size:1rem}.info-row p{margin:.35rem 0 0;color:var(--muted)}.info-row a{color:var(--blue);font-weight:700}.unpaid{padding-top:4rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem}.section-head h2{margin:0;font-size:2rem}.section-head p{margin:.5rem 0 0;color:var(--muted)}.section-head>span{color:var(--muted);font-size:.875rem;font-weight:650}.search{position:relative;display:block;max-width:30rem;margin-top:1.5rem}.search span{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:#8a94a6}.search input,.form-stack input,.form-stack textarea,.filters input,.filters select{width:100%;border:1px solid #cbd5e1;border-radius:6px;background:#fff;padding:.72rem .85rem;color:var(--ink);outline:none}.search input{padding-left:2.5rem}.search input:focus,.form-stack input:focus,.form-stack textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,78,216,.12)}.participant-list{margin-top:1.5rem;border-top:1px solid var(--line)}.participant{display:grid;grid-template-columns:minmax(0,1fr) auto 4rem;gap:1rem;align-items:center;min-height:3.8rem;padding:.7rem .15rem;border-bottom:1px solid var(--line)}.participant strong{overflow-wrap:anywhere;font-size:.95rem}.participant span{color:var(--muted);font-family:monospace;font-size:.82rem}.participant a{justify-self:end;color:var(--blue);font-size:.875rem;font-weight:700}.footer{padding:1.5rem 0 2.5rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}.footer a{color:var(--blue);font-weight:650}.page-title{padding-bottom:1.75rem;border-bottom:1px solid var(--line);margin-bottom:2rem}.page-title.compact{border:0;margin:0;padding-bottom:1.5rem}.page-title h1{font-size:2.5rem}.page-title>p:last-child{margin:.8rem 0 0;color:var(--muted)}.post-list{display:grid;gap:1rem}.post{padding:1.5rem}.post time{color:var(--muted);font-size:.875rem}.post h2{margin:1rem 0 0;font-size:1.5rem}.post .excerpt{color:#475467;font-weight:600}.post-content{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--line);line-height:1.7;color:#475467}.empty{padding:2rem;text-align:center}.empty p{margin:.4rem 0 0;color:var(--muted)}.payment-page{width:min(calc(100% - 2rem),32rem);margin:auto}.payment-card{padding:1.75rem}.form-stack{display:grid;gap:1.15rem}.form-stack label{display:grid;gap:.45rem;font-size:.9rem;font-weight:700}.form-stack small{color:var(--muted);font-weight:400}.form-stack h2{margin:0}.form-stack p{margin:.35rem 0 0;line-height:1.5}.secure-note{text-align:center;color:var(--muted);font-size:.8rem}.notice{padding:.8rem 1rem;border-radius:6px;font-size:.9rem;line-height:1.5}.notice.error{background:#fff0ee;color:var(--red)}.notice.success{background:#ecfdf3;color:var(--green)}.notice.info{background:#eff6ff;color:#1e40af}.payment-person{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.payment-person span{color:var(--muted);font-size:.85rem}.payment-person h2{margin:.35rem 0 0}.payment-person em{padding:.35rem .65rem;border-radius:99px;background:#fff7e6;color:#9a5b00;font-size:.75rem;font-style:normal;font-weight:700}.qr-wrap{width:fit-content;margin:1.5rem auto;padding:.7rem;border:1px solid var(--line);border-radius:8px}.qr-wrap img{display:block;width:min(15rem,72vw);height:auto}.amount-box{display:grid;grid-template-columns:1fr auto;gap:.55rem;padding:1rem;border-radius:8px;background:#f7f8fa}.amount-box b{color:var(--blue);font-size:1.3rem}.amount-box small{grid-column:1/-1;color:var(--muted)}.link-button{width:100%;margin-top:.75rem;border:0;background:transparent;color:var(--blue);font-weight:700;cursor:pointer}.paid-state{text-align:center;padding:1.5rem 0}.paid-state>b{display:grid;width:3.5rem;height:3.5rem;margin:auto;place-items:center;border-radius:50%;background:#dcfae6;color:var(--green);font-size:1.6rem}.setup-body,.login-body{min-height:100vh;display:grid;place-items:center;padding:4rem 1rem;background:#f4f7fb}.setup-card,.login-card{width:min(100%,34rem);padding:2rem;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.08)}.setup-card h1,.login-card h1{margin:1.25rem 0 .5rem;font-size:2rem}.setup-card>p,.login-card>p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fine{font-size:.8rem;text-align:center}.back-link{position:absolute;top:1.5rem;left:1.5rem;color:var(--muted);font-size:.9rem}.admin-body{background:#f7f8fa}.admin-bar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#fff}.admin-bar-inner{width:min(calc(100% - 2rem),92rem);min-height:4.25rem;margin:auto;display:flex;align-items:center;gap:1rem}.admin-brand{display:flex;align-items:center;gap:.6rem;font-weight:700}.admin-brand b{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:6px;background:var(--ink);color:#fff;font-size:.75rem}.admin-bar nav{display:flex;gap:.2rem;margin-left:auto}.admin-bar nav a{padding:.65rem .75rem;border-radius:6px;color:#475467;font-size:.85rem;font-weight:650}.admin-bar nav a[aria-current=page]{background:#edf2ff;color:#1e40af}.admin-page{width:min(calc(100% - 2rem),92rem);margin:auto;padding:2rem 0}.admin-heading h1{margin:0;font-size:1.75rem}.admin-heading p{margin:.4rem 0 0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.5rem 0}.stat-grid>div{padding:1.15rem;border:1px solid var(--line);border-radius:8px;background:#fff}.stat-grid span{display:block;color:var(--muted);font-size:.85rem}.stat-grid b{display:block;margin-top:1rem;font-size:1.5rem}.admin-panel{padding:1.25rem}.filters{display:grid;grid-template-columns:minmax(12rem,1fr) 11rem auto;gap:.65rem}.bulk{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 0;border-top:1px solid var(--line)}.bulk span{margin-right:auto;color:var(--muted);font-size:.85rem}.table-wrap{overflow-x:auto;margin:0 -1.25rem -1.25rem}.table-wrap table{width:100%;min-width:760px;border-collapse:collapse;font-size:.875rem}.table-wrap th,.table-wrap td{padding:.75rem 1rem;border-top:1px solid var(--line);text-align:left}.table-wrap th{background:#f8fafc;color:var(--muted);font-size:.75rem}.table-wrap td small{display:block;margin-top:.25rem;color:var(--muted)}.status{display:inline-block;padding:.3rem .55rem;border-radius:99px;background:#f2f4f7;color:#475467;font-size:.75rem;font-weight:700}.status.paid{background:#ecfdf3;color:var(--green)}.blog-admin-grid{display:grid;grid-template-columns:1fr .8fr;gap:1rem}.admin-post-list{display:grid;gap:.7rem;margin-top:1rem}.admin-post-list article{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:6px}.admin-post-list article>div{min-width:0;flex:1}.admin-post-list p{margin:.35rem 0 0;color:var(--muted);font-size:.85rem}.delete-button{border:0;background:transparent;color:var(--red);font-weight:700;cursor:pointer}
@media(max-width:760px){.topbar-inner{width:calc(100% - 1rem);min-height:4.25rem}.brand span{display:none}.nav{margin-left:auto}.nav a{padding:.6rem .5rem;font-size:.8rem}.page{padding-block:2.5rem}.main-width,.narrow,.footer,.payment-page{width:calc(100% - 1.5rem)}.hero{grid-template-columns:1fr;gap:2rem;padding-bottom:3rem}.hero h1{font-size:2.35rem}.button.primary{width:100%}.summary-card{padding:1.25rem}.summary-amount{font-size:2.25rem}.summary-stats{font-size:.78rem}.info-row{align-items:flex-start;flex-direction:column;gap:1rem}.unpaid{padding-top:3rem}.section-head{align-items:flex-start;flex-direction:column}.participant{grid-template-columns:minmax(0,1fr) 3.5rem;gap:.35rem 1rem;padding:.85rem .1rem}.participant span{grid-column:1}.participant a{grid-column:2;grid-row:1/span 2}.footer{flex-direction:column}.page-title h1{font-size:2rem}.payment-card{padding:1.25rem}.form-grid{grid-template-columns:1fr}.admin-bar-inner{width:100%;padding:.65rem .75rem;flex-wrap:wrap}.admin-bar nav{width:100%;order:2;overflow-x:auto}.admin-bar nav a{white-space:nowrap}.admin-page{width:calc(100% - 1.5rem)}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid b{font-size:1.15rem}.filters{grid-template-columns:1fr}.bulk{align-items:stretch;flex-direction:column}.bulk span{margin:0}.blog-admin-grid{grid-template-columns:1fr}.setup-card,.login-card{padding:1.4rem}.back-link{top:1rem;left:1rem}}