:root{--red-950:#50040d;--red-900:#680812;--red-800:#850817;--red-700:#a20d20;--gold:#d9ad3b;--gold-soft:#fff4d6;--paper:#fffdf9;--surface:#fff;--background:#f5f3f1;--text:#231f20;--muted:#746b68;--border:#e8e1dd;--shadow:0 16px 42px #4d1d2017}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--text);background:radial-gradient(circle at top right, #fff7ea 0, transparent 34rem), var(--background);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.site-header{color:#fff;background:linear-gradient(120deg, var(--red-950), var(--red-800) 62%, #b01228);border-bottom:4px solid var(--gold)}.header-inner{align-items:center;gap:15px;width:min(1180px,100% - 36px);margin:auto;padding:22px 0;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 5px 9px #00000038)}.eyebrow,.section-kicker{letter-spacing:.18em;color:var(--gold);margin:0 0 5px;font-size:10px;font-weight:800}.site-header h1{margin:0;font-size:clamp(20px,3vw,30px);line-height:1.12}.header-subtitle{color:#ffffffc7;margin:5px 0 0;font-size:13px}.ticker{white-space:nowrap;color:#6b3500;background:var(--gold-soft);border-bottom:1px solid #ecd394;overflow:hidden}.ticker-track{gap:56px;width:max-content;padding:10px 0;font-size:13px;font-weight:700;animation:28s linear infinite ticker;display:flex}@keyframes ticker{0%{transform:translate(40vw)}to{transform:translate(-50%)}}.page-shell{width:min(1180px,100% - 36px);margin:24px auto 52px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.stat-card,.content-card{box-shadow:var(--shadow);background:#fffffff5;border:1px solid #e8e1dde6;border-radius:20px}.stat-card{min-height:132px;padding:23px;position:relative;overflow:hidden}.stat-card:after{content:"";background:#f9e7e9;border-radius:50%;width:110px;height:110px;position:absolute;top:-45px;right:-34px}.stat-card span{color:var(--muted);font-size:13px;display:block}.stat-card strong{color:var(--red-800);z-index:1;margin-top:10px;font-size:clamp(23px,3vw,32px);display:block;position:relative}.stat-card .stat-date{font-size:19px}.content-card{margin-bottom:18px;padding:22px}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.section-heading h2,.login-card h2{color:var(--red-900);margin:0;font-size:21px}.filter-grid,.form-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr)}label{color:#514947;font-size:12px;font-weight:700;display:block}input,select{width:100%;color:var(--text);background:#fff;border:1px solid #dcd5d1;border-radius:11px;outline:none;margin-top:7px;padding:12px 13px;transition:border .16s,box-shadow .16s}input:focus,select:focus{border-color:var(--red-700);box-shadow:0 0 0 3px #a20d201a}input[readonly]{color:#746b68;background:#f4f1ef}.button{border:1px solid #0000;border-radius:11px;padding:12px 17px;font-weight:800;transition:transform .15s,opacity .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{color:#fff;background:var(--red-800)}.button.ghost{color:var(--red-800);background:#f7eeee;border-color:#efdadd}.button.compact{padding:9px 13px;font-size:12px}.table-wrap{border:1px solid var(--border);border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:800px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eee8e4;padding:13px 14px}th{z-index:2;color:#fff;background:var(--red-800);font-size:12px;position:sticky;top:0}td{font-size:13px}tbody tr:nth-child(2n){background:#fbf9f7}.amount{color:var(--red-800);font-weight:800}.mobile-cards{display:none}.payment-card{border:1px solid var(--border);background:#fff;border-radius:14px;margin-bottom:10px;padding:15px}.payment-card h3{color:var(--red-900);margin:0 0 9px;font-size:16px}.payment-card dl{margin:0}.payment-card dl div{border-bottom:1px dashed #ebe4e0;justify-content:space-between;gap:12px;padding:7px 0;display:flex}.payment-card dl div:last-child{border-bottom:0}.payment-card dt{color:var(--muted)}.payment-card dd{text-align:right;max-width:64%;margin:0}.pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px;display:flex}.pagination button{min-width:38px;min-height:36px;color:var(--text);background:#fff;border:1px solid #ded5d1;border-radius:9px}.pagination button.active{color:#fff;background:var(--red-800);border-color:var(--red-800)}.pagination button:disabled{opacity:.42;cursor:not-allowed}.pagination-info{text-align:center;color:var(--muted);font-size:12px}.state-box{min-height:180px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.error-state strong,.error-text{color:#a21b27}.spinner{border:3px solid #ecdfe0;border-top-color:var(--red-800);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);background:#ffffffb3;padding:20px;font-size:12px}.admin-shell{max-width:940px}.login-card{text-align:center;max-width:450px;margin:42px auto;padding:30px}.lock-icon{background:#f9e9eb;border-radius:17px;place-items:center;width:58px;height:58px;margin:0 auto 16px;font-size:25px;display:grid}.stack-form{text-align:left;gap:13px;margin-top:22px;display:grid}.form-status{color:#644f3b;background:#fff5d9;border:1px solid #eddca9;border-radius:10px;padding:11px 13px;font-size:13px}.info-copy{margin:-5px 0 20px;line-height:1.55}.member-search{background:#faf7f5;border-radius:14px;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:16px;display:grid}.button-row{flex-wrap:wrap;gap:9px;display:flex}.form-actions{margin-top:17px}.search-results{gap:7px;margin:10px 0;display:grid}.search-results button{text-align:left;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:space-between;gap:10px;padding:12px;display:flex}.search-results span{color:var(--muted);font-size:12px}.member-info{color:#5c4a33;background:#fff7e4;border:1px solid #ecdbac;border-radius:12px;gap:5px;margin:12px 0 16px;padding:14px;font-size:13px;display:grid}.unpaid-list{display:grid}.unpaid-list>div{border-bottom:1px solid var(--border);grid-template-columns:1fr 120px 110px;align-items:center;gap:10px;padding:12px 4px;display:grid}.unpaid-list small{color:var(--muted);grid-column:1/-1}@media (max-width:760px){.header-inner,.page-shell{width:min(100% - 20px,1180px)}.header-inner{padding:16px 2px}.brand-logo{width:46px;height:46px}.ticker-track{gap:34px;font-size:11px;animation-duration:24s}.page-shell{margin-top:13px}.summary-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{border-radius:15px;min-height:104px;padding:16px}.stat-card strong{font-size:21px}.stat-card:last-child{grid-column:1/-1}.content-card{border-radius:15px;padding:14px}.filter-grid,.form-grid{grid-template-columns:1fr}input,select,.button{min-height:46px;font-size:16px}.table-wrap{display:none}.mobile-cards{display:block}.member-search{grid-template-columns:1fr;padding:13px}.button-row{grid-template-columns:1fr 1fr;display:grid}.unpaid-list>div{grid-template-columns:1fr auto}.unpaid-list>div>span:nth-of-type(2){grid-column:1/-1}}@media (max-width:430px){.summary-grid{grid-template-columns:1fr}.stat-card:last-child{grid-column:auto}.section-heading{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker-track{animation-duration:80s}}