body{font-family:Arial;margin:0;background:#f4f5f4}header{background:#174836;color:#fff;padding:18px}.hero{padding:20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:20px}.card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.1)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #ddd}button{background:#c59a4a;border:0;padding:10px 16px;border-radius:8px;font-weight:bold;cursor:pointer}input{margin:20px;padding:10px;width:300px;max-width:90%}