:root{--g:#2f4f2f;--m:#6b8e5a;--s:#f4f1e8;--b:#8b5a2b;--t:#222}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:var(--s);color:var(--t);line-height:1.5}
.wrap{max-width:1050px;margin:0 auto;padding:0 1rem}header{background:var(--g);color:#fff}header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.8rem 1rem}
.logo{color:#fff;font-weight:bold;font-size:1.3rem;text-decoration:none}nav a{color:#e8f0e0;margin-left:1rem;text-decoration:none;font-family:sans-serif;font-size:.9rem}
a{color:var(--b)}h1,h2{color:var(--g)}.hero{background:linear-gradient(135deg,var(--g),var(--m));color:#fff;padding:2rem;border-radius:8px;margin:1rem 0}.hero h1{color:#fff;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.card{background:#fff;border:1px solid #ddd5c0;border-radius:6px;padding:1rem}
.badge{display:inline-block;background:var(--b);color:#fff;font:bold .75rem sans-serif;padding:2px 8px;border-radius:3px;text-transform:uppercase}.paid{border:2px solid var(--b)}
.note{background:#fff8e1;border-left:4px solid #d4a017;padding:.6rem 1rem;font-size:.9rem}table{border-collapse:collapse;width:100%;background:#fff}td,th{border:1px solid #ddd5c0;padding:.4rem;text-align:left;font-size:.9rem}
footer{background:#e5e0d0;margin-top:2rem;padding:1rem 0;font-size:.85rem}input,textarea,select{width:100%;padding:.5rem;margin:.3rem 0 .8rem}button{background:var(--g);color:#fff;border:0;padding:.6rem 1.2rem}